@tekkare/romulus 0.1.161 → 0.1.163

package/dist/module.json

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

package/dist/runtime/components/CardActions.vue

@@ -30,7 +30,10 @@ import { useRmCardActions } from '../composables/useRmCardActions'
 const props = withDefaults(defineProps<{
   /** Langue du menu. Le reste de la carte garde la sienne. */
   lang?: 'fr' | 'en'
-  /** Lien copie par « Copier le lien direct ». A defaut, l'URL courante. */
+  /**
+   * Lien copie par « Copier le lien de la page ». A defaut, le permalien du
+   * cadre (`provideRmExportDefaults`), puis l'URL courante.
+   */
   link?: string
   /** Nom du fichier et de l'onglet. A defaut, le titre lu dans la carte. */
   name?: string
@@ -83,7 +86,7 @@ const WORDS = {
     csv: 'Données CSV',
     xlsx: 'Excel (XLSX)',
     shareSection: 'Partager',
-    copyLink: 'Copier le lien direct',
+    copyLink: 'Copier le lien de la page',
     fullscreen: 'Plein écran',
     working: 'Préparation…',
     copied: 'Lien copié',
@@ -97,7 +100,7 @@ const WORDS = {
     csv: 'CSV data',
     xlsx: 'Excel (XLSX)',
     shareSection: 'Share',
-    copyLink: 'Copy direct link',
+    copyLink: 'Copy page link',
     fullscreen: 'Fullscreen',
     working: 'Preparing…',
     copied: 'Link copied',

package/dist/runtime/components/Chart.vue

@@ -29,6 +29,11 @@ const props = withDefaults(defineProps<{
   description: undefined,
 })
 
+const emit = defineEmits<{
+  /** La legende a masque ou remontre une serie : l'etat de chaque entree. */
+  legendSelectChanged: [selected: Record<string, boolean>]
+}>()
+
 /**
  * ECharts arrive en import dynamique : le premier graphe d'une session attend
  * le telechargement du morceau, plusieurs centaines de kilooctets, pendant
@@ -44,7 +49,7 @@ let echartsModule: typeof import('echarts') | null = null
 
 const el = ref<HTMLElement | null>(null)
 const pending = ref(echartsModule === null)
-const chart = shallowRef<{ setOption: (o: unknown, n?: boolean) => void, resize: () => void, dispose: () => void } | null>(null)
+const chart = shallowRef<{ setOption: (o: unknown, n?: boolean) => void, resize: () => void, dispose: () => void, on: (event: string, handler: (params: any) => void) => void } | null>(null)
 let observer: ResizeObserver | null = null
 
 const heightPx = () =>
@@ -57,6 +62,9 @@ onMounted(async () => {
   if (!el.value) return
   chart.value = echartsModule.init(el.value, undefined, { renderer: 'svg' })
   chart.value.setOption(props.option)
+  chart.value.on('legendselectchanged', (params: { selected?: Record<string, boolean> }) => {
+    emit('legendSelectChanged', params?.selected ?? {})
+  })
   pending.value = false
 
   // ResizeObserver plutot qu'un listener global sur window : un graphe dans un

package/dist/runtime/components/DropdownSelect.vue

@@ -293,5 +293,5 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
-.rm-dsel{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-4);position:relative;width:196px}.rm-dsel__label{color:var(--text-secondary);font-size:var(--font-12,12px);line-height:14px}.rm-dsel__field{align-items:center;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-md,8px);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-14,14px);font-weight:700;gap:var(--space-4);line-height:16px;padding:var(--space-12);text-align:left;width:100%}.rm-dsel__field:hover:not(.is-disabled){border-color:rgba(var(--brand-rgb),.3)}.rm-dsel__field.is-open{border-color:var(--color-primary)}.rm-dsel__field.is-disabled{background:var(--bg-surface-2);color:var(--text-muted);cursor:not-allowed}.rm-dsel__field:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rm-dsel__value-slot{display:block;flex:1;min-width:0}.rm-dsel__value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-dsel__value.is-empty{color:var(--text-muted);font-style:italic;font-weight:400}.rm-dsel__field :deep(svg){color:var(--text-secondary);flex-shrink:0}.rm-dsel__panel{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-lg,12px);box-shadow:var(--r-shadow-lg,0 8px 24px rgba(0,0,0,.12));box-sizing:border-box;display:flex;flex-direction:column;left:0;margin-top:8px;max-height:500px;max-width:420px;min-width:max(230px,100%);padding:var(--space-16);position:absolute;top:100%;z-index:12}.rm-dsel__panel--up{bottom:100%;margin-bottom:8px;margin-top:0;top:auto}.rm-dsel__search{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);display:flex;gap:var(--space-8);padding:var(--space-8) var(--space-12)}.rm-dsel__search :deep(svg){color:var(--text-muted);flex-shrink:0}.rm-dsel__search-input{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:var(--font-14,14px);width:100%}.rm-dsel__search-input::-moz-placeholder{color:var(--text-muted);font-size:var(--font-12,12px)}.rm-dsel__search-input::placeholder{color:var(--text-muted);font-size:var(--font-12,12px)}.rm-dsel__search-input:focus-visible{outline:none}.rm-dsel__loading{display:flex;flex-direction:column;gap:var(--space-10);padding-top:var(--space-8)}.rm-dsel__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.rm-dsel__state{color:var(--text-secondary);font-size:var(--font-14,14px);font-style:italic;padding-top:var(--space-16);text-align:center}.rm-dsel__list{display:flex;flex-direction:column;list-style:none;margin:0;min-height:10px;overflow-y:auto;padding:0}.rm-dsel__list:not(:only-child){margin-top:16px}.rm-dsel__option.is-disabled{color:var(--text-muted);cursor:not-allowed}.rm-dsel__option{align-items:center;border-radius:var(--radius-sm,4px);cursor:pointer;display:flex;font-size:var(--font-14,14px);gap:var(--space-8);line-height:160%;margin:4px 0;min-height:24px;padding:var(--space-2) var(--space-4)}.rm-dsel__option :deep(svg){color:var(--text-muted);flex-shrink:0}.rm-dsel__option.is-active{background:rgba(var(--brand-rgb),.05)}.rm-dsel__option.is-selected{font-weight:700}.rm-dsel__option.is-active :deep(svg),.rm-dsel__option.is-selected :deep(svg){color:var(--color-primary)}
+.rm-dsel{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-4);position:relative;width:196px}.rm-dsel__label{color:var(--text-secondary);font-size:var(--font-12,12px);line-height:14px}.rm-dsel__field{align-items:center;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-md,8px);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-14,14px);font-weight:700;gap:var(--space-4);line-height:16px;padding:var(--space-12);text-align:left;width:100%}.rm-dsel__field:hover:not(.is-disabled){border-color:rgba(var(--brand-rgb),.3)}.rm-dsel__field.is-open{border-color:var(--color-primary)}.rm-dsel__field.is-disabled{background:var(--bg-surface-2);color:var(--text-muted);cursor:not-allowed}.rm-dsel__field:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rm-dsel__value-slot{display:block;flex:1;min-width:0}.rm-dsel__value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-dsel__value.is-empty{color:var(--text-muted);font-style:italic;font-weight:400}.rm-dsel__field :deep(svg){color:var(--text-secondary);flex-shrink:0}.rm-dsel__panel{background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-lg,12px);box-shadow:var(--r-shadow-lg,0 8px 24px rgba(0,0,0,.12));box-sizing:border-box;display:flex;flex-direction:column;left:0;margin-top:8px;max-height:500px;max-width:min(480px,calc(100vw - 32px));min-width:max(230px,100%);padding:var(--space-16);position:absolute;top:100%;width:-moz-max-content;width:max-content;z-index:12}.rm-dsel__panel--up{bottom:100%;margin-bottom:8px;margin-top:0;top:auto}.rm-dsel__search{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);display:flex;gap:var(--space-8);padding:var(--space-8) var(--space-12)}.rm-dsel__search :deep(svg){color:var(--text-muted);flex-shrink:0}.rm-dsel__search-input{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:var(--font-14,14px);width:100%}.rm-dsel__search-input::-moz-placeholder{color:var(--text-muted);font-size:var(--font-12,12px)}.rm-dsel__search-input::placeholder{color:var(--text-muted);font-size:var(--font-12,12px)}.rm-dsel__search-input:focus-visible{outline:none}.rm-dsel__loading{display:flex;flex-direction:column;gap:var(--space-10);padding-top:var(--space-8)}.rm-dsel__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.rm-dsel__state{color:var(--text-secondary);font-size:var(--font-14,14px);font-style:italic;padding-top:var(--space-16);text-align:center}.rm-dsel__list{display:flex;flex-direction:column;list-style:none;margin:0;min-height:10px;overflow-y:auto;padding:0}.rm-dsel__list:not(:only-child){margin-top:16px}.rm-dsel__option.is-disabled{color:var(--text-muted);cursor:not-allowed}.rm-dsel__option{align-items:flex-start;border-radius:var(--radius-sm,4px);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-14,14px);gap:var(--space-8);line-height:160%;margin:4px 0;min-height:24px;padding:var(--space-2) var(--space-4)}.rm-dsel__option :deep(svg){color:var(--text-muted);flex-shrink:0;margin-top:3px}.rm-dsel__option.is-active{background:rgba(var(--brand-rgb),.05)}.rm-dsel__option.is-selected{font-weight:700}.rm-dsel__option.is-active :deep(svg),.rm-dsel__option.is-selected :deep(svg){color:var(--color-primary)}
 </style>

package/dist/runtime/components/ExportPanel.vue

@@ -376,6 +376,7 @@ function toggle(list: string[], key: string) {
 }
 
 function applyTemplate(template: RmExportTemplate | null) {
+  if (template?.disabled) return
   if (!template) {
     templateKey.value = null
     mode.value = 'wizard'
@@ -496,13 +497,17 @@ const recentDate = (at: string | Date) =>
           v-for="template in templates"
           :key="template.key"
           class="rm-export__template"
+          :class="{ 'rm-export__template--off': template.disabled }"
           type="button"
+          :disabled="template.disabled"
+          :aria-disabled="template.disabled || undefined"
+          :title="template.disabled ? template.disabledHint : undefined"
           @click="applyTemplate(template)"
         >
           <RmIcon :name="template.icon" :size="26" weight="fill" :color="template.color" />
           <span class="rm-export__template-body">
             <span class="rm-export__template-name">{{ template.name }}</span>
-            <span class="rm-export__template-meta">{{ template.meta }}</span>
+            <span class="rm-export__template-meta">{{ template.disabled ? (template.disabledHint || template.meta) : template.meta }}</span>
           </span>
         </button>
         <button
@@ -838,5 +843,5 @@ const recentDate = (at: string | Date) =>
 </template>
 
 <style scoped>
-.rm-export{display:flex;flex-direction:column}.rm-export__tabs{border-bottom:1px solid var(--border-default);display:flex;margin-bottom:var(--space-16)}.rm-export__tab{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-14);font-weight:600;gap:var(--space-6);padding:var(--space-12) var(--space-16)}.rm-export__tab--active{border-bottom-color:var(--color-primary);color:var(--color-secondary)}.rm-export__tab:disabled{cursor:not-allowed;opacity:.5}.rm-export__desc,.rm-export__lead{color:var(--text-secondary);font-size:12.5px;line-height:1.55;margin:0 0 var(--space-16)}.rm-export__eyebrow{align-items:center;color:var(--text-muted);display:flex;font-size:10.5px;font-weight:700;gap:var(--space-6);letter-spacing:.1em;margin:0 0 var(--space-8);text-transform:uppercase}.rm-export__hint{color:var(--text-muted);display:block;font-size:11.5px;line-height:1.45;margin:var(--space-8) 0 0}.rm-export__notice{color:var(--color-success)}.rm-export__error,.rm-export__notice{font-size:var(--font-12);margin:var(--space-8) 0 0}.rm-export__error{color:var(--color-danger)}.rm-export__templates{display:grid;gap:var(--space-8)}.rm-export__template{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;font-family:inherit;gap:var(--space-12);padding:var(--space-12) var(--space-16);text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.rm-export__template:hover{background:var(--bg-hover);border-color:var(--color-secondary);transform:translateY(-1px)}.rm-export__template--custom{background:transparent;border-style:dashed}.rm-export__template-body{display:flex;flex-direction:column;min-width:0}.rm-export__template-name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.2}.rm-export__template-meta{color:var(--text-muted);font-size:var(--font-11);line-height:1.35;margin-top:3px}.rm-export__wizard{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-20)}.rm-export__wizard-head{align-items:center;border-bottom:1px solid var(--border-soft);display:flex;gap:var(--space-12);margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.rm-export__back{align-items:center;background:none;border:none;color:var(--color-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-12);font-weight:600;gap:var(--space-4);padding:0}.rm-export__back:hover{text-decoration:underline;text-underline-offset:3px}.rm-export__stepper{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-20)}.rm-export__step{background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;gap:var(--space-6);padding:var(--space-4) var(--space-8)}.rm-export__step,.rm-export__step-num{align-items:center;display:inline-flex}.rm-export__step-num{background:var(--bg-surface-3);border:1.5px solid var(--border-default);border-radius:50%;font-weight:700;height:22px;justify-content:center;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);width:22px}.rm-export__step-label,.rm-export__step-num{color:var(--text-muted);font-size:var(--font-12)}.rm-export__step-label{font-weight:600}.rm-export__step:hover .rm-export__step-label{color:var(--text-primary)}.rm-export__step--active .rm-export__step-num{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-focus);color:#fff}.rm-export__step--active .rm-export__step-label{color:var(--color-secondary)}.rm-export__step--done .rm-export__step-num{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.rm-export__step--done .rm-export__step-label{color:var(--text-secondary)}.rm-export__step-divider{background:var(--border-default);border-radius:var(--radius-pill);flex:1;height:1.5px}.rm-export__panel{animation:rm-export-in var(--duration-base) var(--ease-out)}@keyframes rm-export-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rm-export__formats{display:grid;gap:var(--space-8)}.rm-export__format{align-items:flex-start;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-12);padding:var(--space-12) var(--space-16);transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.rm-export__format:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.rm-export__format--active{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.rm-export__format--active .rm-export__format-name{color:var(--color-primary)}.rm-export__format--off{cursor:not-allowed;opacity:.55}.rm-export__format--off:hover{border-color:var(--border-default);transform:none}.rm-export__format input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:50%;cursor:inherit;flex-shrink:0;height:18px;margin:1px 0 0;position:relative;width:18px}.rm-export__format input[type=radio]:checked{border-color:var(--color-primary)}.rm-export__format input[type=radio]:checked:after{background:var(--color-primary);border-radius:50%;content:"";inset:3px;position:absolute}.rm-export__format-text{display:flex;flex-direction:column;min-width:0}.rm-export__format-name{color:var(--text-primary);font-size:var(--font-14);font-weight:700;line-height:1.2}.rm-export__format-desc{color:var(--text-muted);font-size:11.5px;line-height:1.45;margin-top:3px}.rm-export__format-meta{border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:var(--font-10);font-weight:700;letter-spacing:.08em;margin-top:var(--space-8);padding-top:var(--space-8);text-transform:uppercase}.rm-export__row{margin-bottom:var(--space-20)}.rm-export__row:last-child{margin-bottom:0}.rm-export__label{color:var(--text-secondary);display:block;font-size:var(--font-11);font-weight:700;letter-spacing:.06em;margin-bottom:var(--space-8);text-transform:uppercase}.rm-export__sub{margin-top:var(--space-12)}.rm-export__input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-13);padding:var(--space-8) var(--space-12);width:100%}.rm-export__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.rm-export__checks{display:grid;gap:var(--space-6)}.rm-export__check{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:12.5px;gap:var(--space-8)}.rm-export__check--off{cursor:not-allowed;opacity:.5}.rm-export__check input[type=checkbox]{accent-color:var(--color-primary);cursor:inherit;height:15px;width:15px}.rm-export__chips{display:flex;flex-wrap:wrap;gap:var(--space-6)}.rm-export__chip{align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:600;gap:var(--space-4);padding:3px var(--space-8)}.rm-export__chip--on{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.rm-export__chip--off{background:var(--bg-surface);color:var(--text-muted)}.rm-export__chip--off:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.rm-export__recap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-top:var(--space-16);padding:var(--space-16)}.rm-export__recap-row{align-items:flex-start;border-bottom:1px solid var(--border-soft);color:var(--color-secondary);display:flex;gap:var(--space-12);padding:var(--space-8) 0}.rm-export__recap-row:last-child{border-bottom:none}.rm-export__recap-row>div{flex:1;min-width:0}.rm-export__recap-k{color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.rm-export__recap-v{color:var(--text-primary);font-size:var(--font-13);font-weight:600;word-break:break-word}.rm-export__footer{align-items:center;border-top:1px solid var(--border-default);display:flex;gap:var(--space-8);margin-top:var(--space-20);padding-top:var(--space-16)}.rm-export__progress{color:var(--text-muted);flex:1;font-size:var(--font-12);text-align:center}.rm-export__progress b{color:var(--text-primary)}.rm-export__history{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-16)}.rm-export__history-row{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-8);padding:var(--space-6) 0}.rm-export__history-body{display:flex;flex:1;flex-direction:column;min-width:0}.rm-export__history-name{color:var(--text-primary);font-size:12.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-export__history-meta{color:var(--text-muted);font-size:var(--font-11)}.rm-export__tab-count{background:var(--bg-surface-3);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:10.5px;padding:1px var(--space-6)}
+.rm-export{display:flex;flex-direction:column}.rm-export__tabs{border-bottom:1px solid var(--border-default);display:flex;margin-bottom:var(--space-16)}.rm-export__tab{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-14);font-weight:600;gap:var(--space-6);padding:var(--space-12) var(--space-16)}.rm-export__tab--active{border-bottom-color:var(--color-primary);color:var(--color-secondary)}.rm-export__tab:disabled{cursor:not-allowed;opacity:.5}.rm-export__desc,.rm-export__lead{color:var(--text-secondary);font-size:12.5px;line-height:1.55;margin:0 0 var(--space-16)}.rm-export__eyebrow{align-items:center;color:var(--text-muted);display:flex;font-size:10.5px;font-weight:700;gap:var(--space-6);letter-spacing:.1em;margin:0 0 var(--space-8);text-transform:uppercase}.rm-export__hint{color:var(--text-muted);display:block;font-size:11.5px;line-height:1.45;margin:var(--space-8) 0 0}.rm-export__notice{color:var(--color-success)}.rm-export__error,.rm-export__notice{font-size:var(--font-12);margin:var(--space-8) 0 0}.rm-export__error{color:var(--color-danger)}.rm-export__templates{display:grid;gap:var(--space-8)}.rm-export__template{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;font-family:inherit;gap:var(--space-12);padding:var(--space-12) var(--space-16);text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.rm-export__template:hover{background:var(--bg-hover);border-color:var(--color-secondary);transform:translateY(-1px)}.rm-export__template--custom{background:transparent;border-style:dashed}.rm-export__template--off{cursor:not-allowed;opacity:.55}.rm-export__template-body{display:flex;flex-direction:column;min-width:0}.rm-export__template-name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.2}.rm-export__template-meta{color:var(--text-muted);font-size:var(--font-11);line-height:1.35;margin-top:3px}.rm-export__wizard{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-20)}.rm-export__wizard-head{align-items:center;border-bottom:1px solid var(--border-soft);display:flex;gap:var(--space-12);margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.rm-export__back{align-items:center;background:none;border:none;color:var(--color-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-12);font-weight:600;gap:var(--space-4);padding:0}.rm-export__back:hover{text-decoration:underline;text-underline-offset:3px}.rm-export__stepper{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-20)}.rm-export__step{background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;gap:var(--space-6);padding:var(--space-4) var(--space-8)}.rm-export__step,.rm-export__step-num{align-items:center;display:inline-flex}.rm-export__step-num{background:var(--bg-surface-3);border:1.5px solid var(--border-default);border-radius:50%;font-weight:700;height:22px;justify-content:center;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);width:22px}.rm-export__step-label,.rm-export__step-num{color:var(--text-muted);font-size:var(--font-12)}.rm-export__step-label{font-weight:600}.rm-export__step:hover .rm-export__step-label{color:var(--text-primary)}.rm-export__step--active .rm-export__step-num{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-focus);color:#fff}.rm-export__step--active .rm-export__step-label{color:var(--color-secondary)}.rm-export__step--done .rm-export__step-num{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.rm-export__step--done .rm-export__step-label{color:var(--text-secondary)}.rm-export__step-divider{background:var(--border-default);border-radius:var(--radius-pill);flex:1;height:1.5px}.rm-export__panel{animation:rm-export-in var(--duration-base) var(--ease-out)}@keyframes rm-export-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rm-export__formats{display:grid;gap:var(--space-8)}.rm-export__format{align-items:flex-start;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-12);padding:var(--space-12) var(--space-16);transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.rm-export__format:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.rm-export__format--active{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.rm-export__format--active .rm-export__format-name{color:var(--color-primary)}.rm-export__format--off{cursor:not-allowed;opacity:.55}.rm-export__format--off:hover{border-color:var(--border-default);transform:none}.rm-export__format input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:50%;cursor:inherit;flex-shrink:0;height:18px;margin:1px 0 0;position:relative;width:18px}.rm-export__format input[type=radio]:checked{border-color:var(--color-primary)}.rm-export__format input[type=radio]:checked:after{background:var(--color-primary);border-radius:50%;content:"";inset:3px;position:absolute}.rm-export__format-text{display:flex;flex-direction:column;min-width:0}.rm-export__format-name{color:var(--text-primary);font-size:var(--font-14);font-weight:700;line-height:1.2}.rm-export__format-desc{color:var(--text-muted);font-size:11.5px;line-height:1.45;margin-top:3px}.rm-export__format-meta{border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:var(--font-10);font-weight:700;letter-spacing:.08em;margin-top:var(--space-8);padding-top:var(--space-8);text-transform:uppercase}.rm-export__row{margin-bottom:var(--space-20)}.rm-export__row:last-child{margin-bottom:0}.rm-export__label{color:var(--text-secondary);display:block;font-size:var(--font-11);font-weight:700;letter-spacing:.06em;margin-bottom:var(--space-8);text-transform:uppercase}.rm-export__sub{margin-top:var(--space-12)}.rm-export__input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-13);padding:var(--space-8) var(--space-12);width:100%}.rm-export__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.rm-export__checks{display:grid;gap:var(--space-6)}.rm-export__check{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:12.5px;gap:var(--space-8)}.rm-export__check--off{cursor:not-allowed;opacity:.5}.rm-export__check input[type=checkbox]{accent-color:var(--color-primary);cursor:inherit;height:15px;width:15px}.rm-export__chips{display:flex;flex-wrap:wrap;gap:var(--space-6)}.rm-export__chip{align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11.5px;font-weight:600;gap:var(--space-4);padding:3px var(--space-8)}.rm-export__chip--on{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.rm-export__chip--off{background:var(--bg-surface);color:var(--text-muted)}.rm-export__chip--off:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.rm-export__recap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-top:var(--space-16);padding:var(--space-16)}.rm-export__recap-row{align-items:flex-start;border-bottom:1px solid var(--border-soft);color:var(--color-secondary);display:flex;gap:var(--space-12);padding:var(--space-8) 0}.rm-export__recap-row:last-child{border-bottom:none}.rm-export__recap-row>div{flex:1;min-width:0}.rm-export__recap-k{color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.rm-export__recap-v{color:var(--text-primary);font-size:var(--font-13);font-weight:600;word-break:break-word}.rm-export__footer{align-items:center;border-top:1px solid var(--border-default);display:flex;gap:var(--space-8);margin-top:var(--space-20);padding-top:var(--space-16)}.rm-export__progress{color:var(--text-muted);flex:1;font-size:var(--font-12);text-align:center}.rm-export__progress b{color:var(--text-primary)}.rm-export__history{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-16)}.rm-export__history-row{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-8);padding:var(--space-6) 0}.rm-export__history-body{display:flex;flex:1;flex-direction:column;min-width:0}.rm-export__history-name{color:var(--text-primary);font-size:12.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-export__history-meta{color:var(--text-muted);font-size:var(--font-11)}.rm-export__tab-count{background:var(--bg-surface-3);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:10.5px;padding:1px var(--space-6)}
 </style>

package/dist/runtime/components/LineChart.vue

@@ -3,9 +3,9 @@
   prix et de decisions discretes.
 -->
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useChartTheme } from '../composables/useChartTheme'
-import { rmLineOption, type RmSeriesInput, RM_CHART_HEIGHTS } from '../utils/chart'
+import { rmLineOption, type RmSeriesInput, RM_CHART_HEIGHTS, RM_LINE_LABEL_MAX_SERIES } from '../utils/chart'
 import { rmCompact, rmNumber } from '../utils/format'
 
 const props = withDefaults(defineProps<{
@@ -27,9 +27,11 @@ const props = withDefaults(defineProps<{
   axisLabels?: [string, string]
   /**
    * Etiquette chaque point de sa valeur, en pastille de la couleur de la
-   * serie. Laisse libre, elle se pose jusqu'a cinq courbes et se retire
-   * au-dela, ou les pastilles se chevauchent. `true` ou `false` tranche a la
-   * place de la regle.
+   * serie. Laisse libre, elle se pose tant que les courbes VISIBLES ne
+   * depassent pas le seuil (`RM_LINE_LABEL_MAX_SERIES`) et se retire au-dela,
+   * ou les pastilles se chevauchent : masquer des courbes depuis la legende
+   * fait donc apparaitre les chiffres de celles qui restent. `true` ou `false`
+   * tranche a la place de la regle.
    */
   valueLabels?: boolean
   /**
@@ -74,22 +76,43 @@ const formatter = computed(() => {
   return undefined
 })
 
-const option = computed(() =>
-  rmLineOption(props.categories, props.series, theme.value, palette.value.cat, {
+/**
+ * Ce que la legende a masque. L'option est reconstruite a chaque changement
+ * (pour poser ou retirer les etiquettes) et remplacee sans fusion, ce qui
+ * remettrait toutes les courbes visibles : la selection est donc recopiee
+ * dans l'option, pour que le graphe reste tel que le lecteur l'a regle.
+ */
+const legendSelected = ref<Record<string, boolean>>({})
+const hiddenCount = computed(
+  () => Object.values(legendSelected.value).filter(shown => shown === false).length,
+)
+const visibleCount = computed(() => Math.max(0, props.series.length - hiddenCount.value))
+
+const option = computed(() => {
+  const built = rmLineOption(props.categories, props.series, theme.value, palette.value.cat, {
     area: props.area,
     step: props.step,
     smooth: props.smooth,
     decal: decal.value,
     axisLabels: props.axisLabels,
-    valueLabels: props.valueLabels,
+    valueLabels: props.valueLabels ?? visibleCount.value <= RM_LINE_LABEL_MAX_SERIES,
     hideValueAxis: props.hideValueAxis,
     legendPosition: props.legendPosition,
     startAtZero: props.startAtZero,
     valueFormatter: formatter.value,
-  }),
-)
+  }) as Record<string, any>
+  if (built.legend && Object.keys(legendSelected.value).length) {
+    built.legend = { ...built.legend, selected: { ...legendSelected.value } }
+  }
+  return built
+})
 </script>
 
 <template>
-  <RmChart :option="option" :height="height" :description="description" />
+  <RmChart
+    :option="option"
+    :height="height"
+    :description="description"
+    @legend-select-changed="legendSelected = $event"
+  />
 </template>

package/dist/runtime/components/SidebarLeft.vue

@@ -113,14 +113,26 @@ const sectionOf = (path?: string) => {
   return collapsibles.value[0]?.key ?? null
 }
 
-const openSection = ref<string | null>(sectionOf(props.activePath))
+/**
+ * Groupes deployes. Plusieurs a la fois : l'accordeon (un seul ouvert)
+ * refermait le groupe qu'on lisait des qu'on en ouvrait un autre, et il
+ * fallait cliquer partout pour voir l'ensemble de la navigation. Le groupe de
+ * la page courante s'ouvre a l'arrivee et le reste, les autres se plient et se
+ * deplient a la demande.
+ */
+const openSections = ref<Set<string>>(new Set(sectionOf(props.activePath) ? [sectionOf(props.activePath)!] : []))
 // La cible se deduit des sections autant que du chemin : les deux arrivent
 // ensemble a la navigation, et les droits d'acces peuvent recomposer la liste
 // en cours de route.
 watch(() => sectionOf(props.activePath), (key) => {
-  if (key && key !== openSection.value) openSection.value = key
+  if (key && !openSections.value.has(key)) openSections.value.add(key)
 })
 
+function toggleSection(key: string) {
+  if (openSections.value.has(key)) openSections.value.delete(key)
+  else openSections.value.add(key)
+}
+
 const isCollapsible = (s: RmNavSection) => !!s.label && s.collapsible !== false
 
 /**
@@ -131,12 +143,11 @@ const isCollapsible = (s: RmNavSection) => !!s.label && s.collapsible !== false
  * fermer les autres groupes, dont les entrees quittaient le DOM : le rail ne
  * montrait que le groupe de la page courante, quelques filets nus en dessous,
  * et aucun moyen d'atteindre le reste de la navigation ni de le deplier. Tous
- * les groupes sont donc ouverts en mode replie — ce que l'accordeon evite est
- * un long defilement de groupes libelles, or une entree repliee ne fait
+ * les groupes sont donc ouverts en mode replie : une entree repliee ne fait
  * qu'une pastille de 26px.
  */
 const isOpen = (s: RmNavSection) =>
-  !isCollapsible(s) || props.collapsed || openSection.value === s.key
+  !isCollapsible(s) || props.collapsed || openSections.value.has(s.key)
 const isActive = (item: RmNavItem) => item.active ?? (!!item.to && item.to === props.activePath)
 
 /**
@@ -220,7 +231,7 @@ watch(() => props.collapsed, hideTip)
             class="rm-sb__label"
             type="button"
             :aria-expanded="isOpen(section)"
-            @click="openSection = openSection === section.key ? null : section.key"
+            @click="toggleSection(section.key)"
           >
             <span class="rm-sb__label-text">{{ section.label }}</span>
             <svg class="rm-sb__chev" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5">

package/dist/runtime/components/SourceLine.vue

@@ -1,5 +1,12 @@
 <!--
-  Ligne de provenance : « Source : HAS - ... - Mise a jour : 3 septembre 2026 ».
+  Ligne de provenance : « Source : HAS · Vérifié le 3 septembre 2026 ».
+
+  Deux usages. Avec `source` (et `verified`), la ligne ecrit elle-meme la
+  phrase, dans les memes mots et le meme ordre que le pied de RmChartCard :
+  une page qui melange cartes de graphiques et cartes de tableaux disait
+  « Vérifié le » sur les unes et « Dernière MAJ » sur les autres pour la meme
+  date, et le lecteur y voyait deux notions. Sans `source`, le slot passe tel
+  quel, pour les provenances qui ne sont pas un jeu date (un referentiel).
 
   Un bouton discret : cliquer ouvre le tiroir Sources de l'app (emit `click`).
   Par defaut en gris, la provenance se lit apres le contenu ; `tone="primary"`
@@ -7,22 +14,59 @@
   tableau) et n'a rien a concurrencer.
 -->
 <script setup lang="ts">
-withDefaults(
+import { computed } from 'vue'
+import { rmDate } from '../utils/format'
+
+const props = withDefaults(
   defineProps<{
     tone?: 'muted' | 'primary'
+    /** Organisme et jeu de donnees, tels que le referentiel les nomme. */
+    source?: string
+    /** Date de verification du jeu : Date, timestamp, ISO ou texte deja formate. */
+    verified?: Date | string | number
+    lang?: 'fr' | 'en'
   }>(),
-  { tone: 'muted' },
+  { tone: 'muted', source: undefined, verified: undefined, lang: 'fr' },
 )
 
+/** Memes mots que le pied de RmChartCard. */
+const WORDS = {
+  fr: { source: 'Source :', verified: 'Vérifié le' },
+  en: { source: 'Source:', verified: 'Verified on' },
+} as const
+const t = computed(() => WORDS[props.lang])
+
+/**
+ * Une chaine deja formatee (« 31 août 2026 ») passe telle quelle : la reparser
+ * inventerait un jour que la source ne donne pas. Seule une date technique
+ * (Date, timestamp, ISO) est mise au format long. Meme regle que RmChartCard.
+ */
+const ISO_DATE = /^\d{4}-\d{2}-\d{2}/
+const verifiedText = computed(() => {
+  const raw = props.verified
+  if (raw === undefined || raw === null || raw === '') return ''
+  if (typeof raw === 'string' && !ISO_DATE.test(raw)) return raw
+  const parsed = new Date(raw)
+  if (Number.isNaN(parsed.getTime())) return String(raw)
+  return props.lang === 'en'
+    ? parsed.toLocaleDateString('en-US', { day: 'numeric', month: 'long', year: 'numeric' })
+    : rmDate(parsed)
+})
+
 const emit = defineEmits<{ click: [event: MouseEvent] }>()
 </script>
 
 <template>
   <button type="button" class="rm-source" :class="`rm-source--${tone}`" @click="emit('click', $event)">
-    <slot />
+    <template v-if="source">
+      <span class="rm-source__src">{{ t.source }} <b>{{ source }}</b></span>
+      <span v-if="verifiedText" class="rm-source__dot" aria-hidden="true">·</span>
+      <span v-if="verifiedText" class="rm-source__verified">{{ t.verified }} {{ verifiedText }}</span>
+    </template>
+    <slot v-else />
   </button>
 </template>
 
 <style scoped>
-.rm-source{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-wrap:wrap;font-family:var(--font-sans);font-size:var(--font-12);font-weight:var(--weight-normal);gap:var(--space-4);line-height:14px;padding:0;text-align:left;transition:color var(--duration-fast) linear}.rm-source--muted{color:var(--text-muted)}.rm-source--muted:hover{color:var(--text-primary)}.rm-source--primary{color:var(--color-primary)}.rm-source--primary:hover{color:var(--color-primary-hover)}
+.rm-source{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-wrap:wrap;font-family:var(--font-sans);font-size:var(--font-12);font-weight:var(--weight-normal);gap:var(--space-4);line-height:14px;padding:0;text-align:left;transition:color var(--duration-fast) linear}.rm-source--muted{color:var(--text-muted)}.rm-source__src b{font-weight:var(--weight-medium)}.rm-source__dot{opacity:.6}.rm-source--muted:hover{color:var(--text-primary)}.rm-source--primary{color:var(--color-primary)}.rm-source--primary:hover{color:var(--color-primary-hover)}
 </style>

package/dist/runtime/composables/useRmCardActions.d.ts

@@ -22,7 +22,7 @@ export interface RmCardActionContext {
     lang?: 'fr' | 'en';
     /** Nom du fichier et de l'onglet. A defaut, le titre lu dans la carte. */
     name?: string;
-    /** Lien copie par « Copier le lien direct ». A defaut, l'URL courante. */
+    /** Lien copie par « Copier le lien de la page ». A defaut, le permalien du cadre, puis l'URL courante. */
     link?: string;
     /**
      * Ce que le pied de la carte dit de sa source. Ne sert que si ni la page

package/dist/runtime/composables/useRmCardActions.js

@@ -52,7 +52,10 @@ export function useRmCardActions() {
       ...defaults,
       title,
       charts: rmCardCharts(card).map((el) => ({ title, el })),
-      permalink: absolute(context.link),
+      // Le lien de la carte, sinon celui du cadre : le permalien de la page
+      // porte la vue et les filtres, la ou l'URL courante ne dit rien de ce
+      // qui est affiche.
+      permalink: absolute(context.link) ?? defaults.permalink,
       ...provided,
       sheets,
       sources

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

@@ -401,6 +401,13 @@ export declare function rmBarHorizontalOption(labels: string[], values: (number
     };
 };
 /** Line ou area chart. `step` produit la marche d'escalier des series de prix. */
+/**
+ * Nombre de courbes jusqu'auquel les valeurs s'ecrivent sur les points. Exporte
+ * pour que RmLineChart applique la meme regle aux courbes VISIBLES, une fois
+ * que la legende en a masque : masquer des courbes doit faire apparaitre les
+ * chiffres des restantes.
+ */
+export declare const RM_LINE_LABEL_MAX_SERIES = 10;
 export declare function rmLineOption(categories: (string | number)[], series: RmSeriesInput[], theme: RmChartTheme, palette: string[], options?: {
     /**
      * Remplissage degrade sous la courbe. Non precise : automatique jusqu'a
@@ -440,6 +447,7 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
     /** Formate les valeurs, dans les etiquettes comme dans l'infobulle. */
     valueFormatter?: (value: number) => string;
 }): {
+    animation: boolean;
     tooltip: {
         valueFormatter?: ((value: unknown) => string) | undefined;
         trigger: string;
@@ -682,7 +690,6 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
         } | undefined;
     }[];
     backgroundColor: string;
-    animation: boolean;
     aria: {
         enabled: boolean;
         decal: {

package/dist/runtime/utils/chart.js

@@ -193,6 +193,7 @@ export function rmBarHorizontalOption(labels, values, theme, palette, decal = fa
     }]
   };
 }
+export const RM_LINE_LABEL_MAX_SERIES = 10;
 export function rmLineOption(categories, series, theme, palette, options = {}) {
   const {
     area,
@@ -206,9 +207,8 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
     startAtZero = false,
     valueFormatter
   } = options;
-  const LABEL_MAX_SERIES = 5;
-  const labelled = valueLabels ?? series.length <= LABEL_MAX_SERIES;
-  const AREA_MAX_SERIES = 5;
+  const labelled = valueLabels ?? series.length <= RM_LINE_LABEL_MAX_SERIES;
+  const AREA_MAX_SERIES = 10;
   const filled = area ?? series.length <= AREA_MAX_SERIES;
   const dual = series.some((s) => s.axis === 1);
   const bottomLegend = legendPosition === "bottom";
@@ -218,6 +218,10 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
   const base = rmBaseOption(theme, decal);
   return {
     ...base,
+    // Pas de trace progressif : le temps de l'animation, une courbe n'est
+    // dessinee qu'entre ses premiers points et le reste n'est que des ronds,
+    // ce qui se lit comme une donnee manquante. Les points arrivent en place.
+    animation: false,
     tooltip: {
       ...base.tooltip,
       trigger: rmTooltipTrigger(series.length),

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

@@ -193,6 +193,14 @@ export interface RmExportTemplate {
     icon: string;
     color?: string;
     config: Partial<RmExportConfig>;
+    /**
+     * Le modele reste affiche mais ne se lance pas : son format n'a rien a
+     * exporter sur cet ecran (pas de tableau, pas de graphique), ou pas encore.
+     * Cache, il disparaissait et reapparaissait au gre des chargements, et le
+     * lecteur croyait l'export en panne. `disabledHint` dit pourquoi.
+     */
+    disabled?: boolean;
+    disabledHint?: string;
 }
 /**
  * Ligne de l'onglet « Mes exports ».

package/package.json

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