@tekkare/romulus 0.1.62 → 0.1.63

package/dist/module.json

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

package/dist/runtime/components/FilterBar.vue

@@ -10,7 +10,8 @@
 
   Slots : #CardTitle (libelle de la puce si `customTitle`), #Rail (sur la
   barre, a cote de la puce : le reglage qu'on change tout le temps et qui ne
-  merite pas d'ouvrir le panneau), #Search, #Filters.
+  merite pas d'ouvrir le panneau ; il passe sur sa propre rangee quand la page
+  fournit aussi #Search), #Search, #Filters.
   Le contenu projete vient encore, dans les apps, des champs Auriga
   (arg-advanced-search-bar) : les regles `:deep` en bas les remettent a la
   hauteur et au rayon de la rangee. Elles tomberont avec ces champs.
@@ -73,6 +74,14 @@ const slots = useSlots()
 const hasAdvanced = computed(() => !!slots.Advanced)
 const hasCustomize = computed(() => !!slots.Customize)
 const hasRail = computed(() => !!slots.Rail)
+const hasSearch = computed(() => !!slots.Search)
+/**
+ * Le rail ne descend sur sa propre rangee que si la barre porte AUSSI un champ
+ * de recherche : c'est le champ qui lui dispute la place, pas les puces. Sans
+ * champ, il tient a cote de « Filtres » et une rangee de plus ne ferait
+ * qu'eloigner le contenu du bandeau.
+ */
+const railBelow = computed(() => hasRail.value && hasSearch.value)
 
 function toggle(which: RmFilterBarPanel) {
   panel.value = panel.value === which ? null : which
@@ -178,6 +187,12 @@ onBeforeUnmount(() => {
         <span>{{ t.customize }}</span>
       </button>
 
+      <!-- Rail pose sur la rangee des puces : cas ordinaire, une page sans
+           champ de recherche. -->
+      <div v-if="hasRail && !railBelow" class="rm-fbar__rail">
+        <slot name="Rail" />
+      </div>
+
       <div class="rm-fbar__search">
         <slot name="Search" />
 
@@ -202,13 +217,13 @@ onBeforeUnmount(() => {
          A reserver a ce qu'on change a chaque lecture ; tout le reste va
          dans le panneau, sinon la barre redevient un panneau ouvert.
 
-         Sa propre rangee, sous les puces. Il partageait la premiere avec le
-         champ de recherche, et les deux se disputaient la place : un rail de
-         huit segments (les niveaux d'agregation, du produit au fabricant)
-         sortait du cadre par la droite, ses derniers segments coupes, et le
-         champ tombait a sa largeur minimale. Chacun sur sa ligne prend toute
-         la largeur de la colonne. -->
-    <div v-if="hasRail" class="rm-fbar__rail-row">
+         Sa propre rangee UNIQUEMENT face a un champ de recherche : les deux
+         se disputaient la premiere, un rail de huit segments (les niveaux
+         d'agregation, du produit au fabricant) sortait du cadre par la droite,
+         ses derniers segments coupes, et le champ tombait a sa largeur
+         minimale. Chacun sur sa ligne prend alors toute la largeur de la
+         colonne. -->
+    <div v-if="railBelow" class="rm-fbar__rail-row">
       <div class="rm-fbar__rail">
         <slot name="Rail" />
       </div>

package/package.json

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