@tekkare/romulus 0.1.232 → 0.1.234

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.231",
+  "version": "0.1.233",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/CopyCode.vue

@@ -0,0 +1,79 @@
+<!--
+  RmCopyCode - un identifiant (RPPS, FINESS, NCT, EUCT, PMID...) qu'on copie
+  d'un clic.
+
+  Ces codes sont ce que l'utilisateur recopie dans un autre outil : les
+  laisser en pastille grise au bout de la ligne de tags les noyait parmi les
+  statuts. Le composant les sort avec leur libelle (« RPPS · 1000... ») pour
+  qu'on sache quel code on lit sans connaitre son format.
+
+  Le clic ne remonte pas : posee dans une carte cliquable (RmResultCard), la
+  copie ouvrirait la fiche. Retour visuel obligatoire : coche verte deux
+  secondes, annoncee aux lecteurs d'ecran, sinon l'utilisateur reclique. Pas
+  de coche si la copie a echoue, elle mentirait.
+
+  Pas d'equivalent Auriga : nouveau composant.
+-->
+<script setup lang="ts">
+import { computed, ref, onUnmounted } from 'vue'
+import { rmCopyText } from '../utils/clipboard'
+
+const props = withDefaults(defineProps<{
+  /** Le code copie, tel quel. */
+  value: string
+  /** Nom du code (« RPPS », « FINESS »). Affiche, jamais copie. */
+  label?: string
+  lang?: 'fr' | 'en'
+}>(), {
+  label: '',
+  lang: 'fr',
+})
+
+const emit = defineEmits<{ copy: [value: string] }>()
+
+const WORDS = {
+  fr: { copy: 'Copier', copied: 'Copié' },
+  en: { copy: 'Copy', copied: 'Copied' },
+}
+const t = computed(() => WORDS[props.lang] ?? WORDS.fr)
+
+const copied = ref(false)
+let timer: ReturnType<typeof setTimeout> | undefined
+
+async function copy() {
+  if (!(await rmCopyText(props.value))) return
+  copied.value = true
+  clearTimeout(timer)
+  timer = setTimeout(() => (copied.value = false), 2000)
+  emit('copy', props.value)
+}
+
+onUnmounted(() => clearTimeout(timer))
+
+const name = computed(() => [props.label, props.value].filter(Boolean).join(' '))
+</script>
+
+<template>
+  <button
+    type="button"
+    class="rm-copy-code"
+    :class="{ 'rm-copy-code--copied': copied }"
+    :aria-label="`${copied ? t.copied : t.copy} ${name}`"
+    :title="copied ? t.copied : t.copy"
+    @click.stop="copy"
+  >
+    <span v-if="label" class="rm-copy-code__label">{{ label }}</span>
+    <span class="rm-copy-code__value">{{ value }}</span>
+    <RmIcon
+      class="rm-copy-code__icon"
+      :name="copied ? 'Check' : 'Copy'"
+      :size="14"
+      :weight="copied ? 'bold' : 'regular'"
+    />
+    <span class="rm-copy-code__live" aria-live="polite">{{ copied ? t.copied : '' }}</span>
+  </button>
+</template>
+
+<style scoped>
+.rm-copy-code{align-items:center;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-13);gap:var(--space-8);line-height:1.4;max-width:100%;padding:var(--space-2) var(--space-8);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.rm-copy-code:hover{background:var(--bg-hover);border-color:var(--color-violet-pale)}.rm-copy-code:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rm-copy-code__label{color:var(--text-muted);font-size:var(--font-11);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.rm-copy-code__value{font-family:Courier New,monospace;font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-copy-code__icon{color:var(--text-muted);flex-shrink:0}.rm-copy-code--copied,.rm-copy-code--copied:hover{background:var(--color-success-bg);border-color:var(--color-success)}.rm-copy-code--copied .rm-copy-code__icon{color:var(--color-success)}.rm-copy-code__live{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
+</style>

package/dist/runtime/components/ResultCard.vue

@@ -14,6 +14,8 @@
   internes (export, liens).
 
   Slots :
+    code       — identifiant au-dessus du titre (RmCopyCode : RPPS, NCT...).
+                 Hors de la ligne meta, ou il se perdait parmi les tags.
     title      — identite, une ligne en gras
     subtitle   — complement gris sous le titre
     actions    — a droite du titre (export...). Le clic doit y etre stoppe.
@@ -97,6 +99,7 @@ withDefaults(
   <div class="rm-rcard" :class="{ 'rm-rcard--clickable': clickable, 'rm-rcard--dense': dense }">
     <div class="rm-rcard__head">
       <div class="rm-rcard__identity">
+        <div v-if="$slots.code" class="rm-rcard__code"><slot name="code" /></div>
         <h3 class="rm-rcard__title"><slot name="title" /></h3>
         <div v-if="$slots.subtitle" class="rm-rcard__subtitle"><slot name="subtitle" /></div>
       </div>
@@ -135,5 +138,5 @@ withDefaults(
 </template>
 
 <style scoped>
-.rm-rcard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);color:var(--text-primary);display:block;font-family:var(--font-sans);overflow:hidden;transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear;width:100%}.rm-rcard--clickable{cursor:pointer}.rm-rcard--clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--border-default));box-shadow:var(--shadow-md)}.rm-rcard__head{align-items:flex-start;display:flex;gap:var(--space-16);padding:var(--space-20) var(--space-24) 0}.rm-rcard__identity{flex:1 1 auto;min-width:0}.rm-rcard__title{font-size:var(--font-18);font-weight:800;letter-spacing:.01em;margin:0}.rm-rcard__subtitle{color:var(--text-muted);font-size:var(--font-14);margin-top:4px;overflow-wrap:anywhere}.rm-rcard__actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-8)}.rm-rcard__body{align-items:stretch;display:flex;gap:var(--space-24);padding:var(--space-16) var(--space-24) var(--space-20)}.rm-rcard__count{align-items:center;border-right:1px solid var(--border-default);display:flex;flex:0 0 128px;flex-direction:column;gap:var(--space-2);justify-content:center;padding-right:var(--space-24);text-align:center}.rm-rcard__count-value{color:var(--color-primary);font-size:var(--font-32);font-weight:var(--weight-bold);line-height:1.1;margin:0}.rm-rcard__count-label{color:var(--text-muted);font-size:var(--font-12);font-weight:var(--weight-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.rm-rcard__count-extra{color:var(--color-primary);font-size:var(--font-13);line-height:1.3;margin:6px 0 0}.rm-rcard__count-extra+.rm-rcard__count-extra{margin-top:2px}.rm-rcard__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6);min-width:0}.rm-rcard__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-8)}.rm-rcard__more{color:var(--color-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:4px 0 0}.rm-rcard__footer{background:var(--bg-surface-2);border-top:1px solid var(--border-default);font-size:var(--font-13);padding:var(--space-12) var(--space-24)}.rm-rcard :deep(.rm-rcard__label){align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-12);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;text-transform:uppercase}.rm-rcard :deep(.rm-rcard__ref){background:var(--bg-surface-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-size:var(--font-12);padding:var(--space-2) var(--space-8)}.rm-rcard :deep(.rm-rcard__lead){font-size:15px;font-weight:var(--weight-bold);margin:0}.rm-rcard :deep(.rm-rcard__text){font-size:15px;margin:0}.rm-rcard :deep(.rm-rcard__desc){color:var(--text-secondary);font-size:var(--font-14);line-height:1.5;margin:0}.rm-rcard :deep(.rm-rcard__clamp){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rm-rcard--dense{border-radius:var(--radius-xl)}.rm-rcard--dense .rm-rcard__head{gap:var(--space-12);padding:var(--space-12) var(--space-16) 0}.rm-rcard--dense .rm-rcard__title{font-size:15px}.rm-rcard--dense .rm-rcard__subtitle{font-size:var(--font-13);margin-top:2px}.rm-rcard--dense .rm-rcard__body{gap:var(--space-16);padding:var(--space-8) var(--space-16) var(--space-12)}.rm-rcard--dense .rm-rcard__count{flex-basis:104px;padding-right:var(--space-16)}.rm-rcard--dense .rm-rcard__count-value{font-size:var(--font-24)}.rm-rcard--dense .rm-rcard__count-label{font-size:var(--font-11)}.rm-rcard--dense .rm-rcard__main{gap:var(--space-4)}.rm-rcard--dense .rm-rcard__count-extra,.rm-rcard--dense .rm-rcard__footer,.rm-rcard--dense .rm-rcard__main>:not(.rm-rcard__meta,.rm-rcard__lead){display:none}.rm-rcard--dense :deep(.rm-rcard__lead){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rm-rcard--dense .rm-rcard__body{align-items:center}.rm-rcard--dense :deep(.rm-rcard__lead),.rm-rcard--dense :deep(.rm-rcard__text){font-size:var(--font-14)}.rm-rcard--dense :deep(.rm-rcard__desc){font-size:var(--font-13)}
+.rm-rcard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);color:var(--text-primary);display:block;font-family:var(--font-sans);overflow:hidden;transition:border-color var(--duration-fast) linear,box-shadow var(--duration-fast) linear;width:100%}.rm-rcard--clickable{cursor:pointer}.rm-rcard--clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--border-default));box-shadow:var(--shadow-md)}.rm-rcard__head{align-items:flex-start;display:flex;gap:var(--space-16);padding:var(--space-20) var(--space-24) 0}.rm-rcard__identity{flex:1 1 auto;min-width:0}.rm-rcard__code{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}.rm-rcard__title{font-size:var(--font-18);font-weight:800;letter-spacing:.01em;margin:0}.rm-rcard__subtitle{color:var(--text-muted);font-size:var(--font-14);margin-top:4px;overflow-wrap:anywhere}.rm-rcard__actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-8)}.rm-rcard__body{align-items:stretch;display:flex;gap:var(--space-24);padding:var(--space-16) var(--space-24) var(--space-20)}.rm-rcard__count{align-items:center;border-right:1px solid var(--border-default);display:flex;flex:0 0 128px;flex-direction:column;gap:var(--space-2);justify-content:center;padding-right:var(--space-24);text-align:center}.rm-rcard__count-value{color:var(--color-primary);font-size:var(--font-32);font-weight:var(--weight-bold);line-height:1.1;margin:0}.rm-rcard__count-label{color:var(--text-muted);font-size:var(--font-12);font-weight:var(--weight-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.rm-rcard__count-extra{color:var(--color-primary);font-size:var(--font-13);line-height:1.3;margin:6px 0 0}.rm-rcard__count-extra+.rm-rcard__count-extra{margin-top:2px}.rm-rcard__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6);min-width:0}.rm-rcard__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-8)}.rm-rcard__more{color:var(--color-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:4px 0 0}.rm-rcard__footer{background:var(--bg-surface-2);border-top:1px solid var(--border-default);font-size:var(--font-13);padding:var(--space-12) var(--space-24)}.rm-rcard :deep(.rm-rcard__label){align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-12);font-weight:var(--weight-bold);gap:var(--space-4);letter-spacing:.06em;text-transform:uppercase}.rm-rcard :deep(.rm-rcard__ref){background:var(--bg-surface-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-size:var(--font-12);padding:var(--space-2) var(--space-8)}.rm-rcard :deep(.rm-rcard__lead){font-size:15px;font-weight:var(--weight-bold);margin:0}.rm-rcard :deep(.rm-rcard__text){font-size:15px;margin:0}.rm-rcard :deep(.rm-rcard__desc){color:var(--text-secondary);font-size:var(--font-14);line-height:1.5;margin:0}.rm-rcard :deep(.rm-rcard__clamp){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rm-rcard--dense{border-radius:var(--radius-xl)}.rm-rcard--dense .rm-rcard__head{gap:var(--space-12);padding:var(--space-12) var(--space-16) 0}.rm-rcard--dense .rm-rcard__title{font-size:15px}.rm-rcard--dense .rm-rcard__subtitle{font-size:var(--font-13);margin-top:2px}.rm-rcard--dense .rm-rcard__body{gap:var(--space-16);padding:var(--space-8) var(--space-16) var(--space-12)}.rm-rcard--dense .rm-rcard__count{flex-basis:104px;padding-right:var(--space-16)}.rm-rcard--dense .rm-rcard__count-value{font-size:var(--font-24)}.rm-rcard--dense .rm-rcard__count-label{font-size:var(--font-11)}.rm-rcard--dense .rm-rcard__main{gap:var(--space-4)}.rm-rcard--dense .rm-rcard__count-extra,.rm-rcard--dense .rm-rcard__footer,.rm-rcard--dense .rm-rcard__main>:not(.rm-rcard__meta,.rm-rcard__lead){display:none}.rm-rcard--dense :deep(.rm-rcard__lead){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rm-rcard--dense .rm-rcard__body{align-items:center}.rm-rcard--dense :deep(.rm-rcard__lead),.rm-rcard--dense :deep(.rm-rcard__text){font-size:var(--font-14)}.rm-rcard--dense :deep(.rm-rcard__desc){font-size:var(--font-13)}
 </style>

package/dist/runtime/components/SidebarLeft.vue

@@ -59,6 +59,13 @@ const props = withDefaults(defineProps<{
   open?: boolean
   collapseLabel?: string
   expandLabel?: string
+  /**
+   * true : toutes les sections repliables arrivent deployees, et restent
+   * repliables au clic. Pour une app dont la navigation est courte, ou le
+   * lecteur veut voir d'emblee tout ce qui est offert sans deplier groupe par
+   * groupe.
+   */
+  defaultOpen?: boolean
 }>(), {
   flag: undefined,
   titleTo: undefined,
@@ -67,6 +74,7 @@ const props = withDefaults(defineProps<{
   open: false,
   collapseLabel: 'Replier la barre latérale',
   expandLabel: 'Déplier la barre latérale',
+  defaultOpen: false,
 })
 
 const emit = defineEmits<{
@@ -128,6 +136,19 @@ watch(() => sectionOf(props.activePath), (key) => {
   if (key && !openSections.value.has(key)) openSections.value.add(key)
 })
 
+// `defaultOpen` : chaque section deployee a sa premiere apparition, y compris
+// celles que les droits d'acces ajoutent en cours de route. Une section deja
+// vue garde l'etat que le lecteur lui a donne.
+const seenSections = new Set<string>()
+watch(() => collapsibles.value.map(s => s.key), (keys) => {
+  if (!props.defaultOpen) return
+  for (const key of keys) {
+    if (seenSections.has(key)) continue
+    seenSections.add(key)
+    openSections.value.add(key)
+  }
+}, { immediate: true })
+
 function toggleSection(key: string) {
   if (openSections.value.has(key)) openSections.value.delete(key)
   else openSections.value.add(key)

package/dist/runtime/components/SourceCard.vue

@@ -19,6 +19,7 @@
   partent jamais dans le navigateur.
 -->
 <script setup lang="ts">
+import { rmCopyText } from '../utils/clipboard'
 import { computed, ref, useId, onUnmounted } from 'vue'
 
 const props = withDefaults(defineProps<{
@@ -193,37 +194,8 @@ const teaserHtml = computed(() => (props.summary ? '' : props.aboutSource || '')
 const copied = ref(false)
 let copyTimer: ReturnType<typeof setTimeout> | undefined
 
-/**
- * Le presse-papiers moderne demande un contexte sur, et refuse dans un iframe
- * sans permission : la selection cachee reste le seul chemin qui marche partout.
- * En cas d'echec des deux, pas de coche : elle mentirait.
- */
-async function writeToClipboard(text: string) {
-  try {
-    await navigator.clipboard.writeText(text)
-    return true
-  }
-  catch {
-    try {
-      const field = document.createElement('textarea')
-      field.value = text
-      field.setAttribute('readonly', '')
-      field.style.position = 'fixed'
-      field.style.opacity = '0'
-      document.body.appendChild(field)
-      field.select()
-      const done = document.execCommand('copy')
-      document.body.removeChild(field)
-      return done
-    }
-    catch {
-      return false
-    }
-  }
-}
-
 async function copyTitle() {
-  if (!(await writeToClipboard(props.title))) return
+  if (!(await rmCopyText(props.title))) return
   copied.value = true
   clearTimeout(copyTimer)
   copyTimer = setTimeout(() => (copied.value = false), 2000)

package/dist/runtime/utils/clipboard.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copie un texte dans le presse-papiers. Rend `false` si rien n'a ete copie,
+ * pour qu'un composant n'affiche pas une coche qui mentirait.
+ *
+ * Le presse-papiers moderne demande un contexte sur, et refuse dans un iframe
+ * sans permission : la selection cachee reste le seul chemin qui marche partout.
+ */
+export declare function rmCopyText(text: string): Promise<boolean>;

package/dist/runtime/utils/clipboard.js

@@ -0,0 +1,21 @@
+export async function rmCopyText(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    try {
+      const field = document.createElement("textarea");
+      field.value = text;
+      field.setAttribute("readonly", "");
+      field.style.position = "fixed";
+      field.style.opacity = "0";
+      document.body.appendChild(field);
+      field.select();
+      const done = document.execCommand("copy");
+      document.body.removeChild(field);
+      return done;
+    } catch {
+      return false;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/romulus",
-  "version": "0.1.232",
+  "version": "0.1.234",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",