@tekkare/romulus 0.1.212 → 0.1.214

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.16.0"
6
6
  },
7
- "version": "0.1.211",
7
+ "version": "0.1.213",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "0.8.4",
10
10
  "unbuild": "2.0.0"
@@ -50,6 +50,13 @@ const props = withDefaults(
50
50
  * (le bandeau de page). Sa hauteur est suivie par ResizeObserver.
51
51
  */
52
52
  stickyTo?: string | null
53
+ /**
54
+ * Pose le rail sur sa propre rangee meme sans champ de recherche : pour
55
+ * une page dont le rail est long (les niveaux d'agregation, du produit au
56
+ * fabricant, plus l'unite lue) et qui veut ses puces seules sur la
57
+ * premiere ligne.
58
+ */
59
+ railBelow?: boolean
53
60
  }>(),
54
61
  {
55
62
  filtersAmount: 0,
@@ -62,6 +69,7 @@ const props = withDefaults(
62
69
  saveScopeMsg: null,
63
70
  lang: 'fr',
64
71
  stickyTo: 'rm_page_header',
72
+ railBelow: false,
65
73
  },
66
74
  )
67
75
 
@@ -95,9 +103,9 @@ const hasSearch = computed(() => !!slots.Search)
95
103
  * Le rail ne descend sur sa propre rangee que si la barre porte AUSSI un champ
96
104
  * de recherche : c'est le champ qui lui dispute la place, pas les puces. Sans
97
105
  * champ, il tient a cote de « Filtres » et une rangee de plus ne ferait
98
- * qu'eloigner le contenu du bandeau.
106
+ * qu'eloigner le contenu du bandeau. La page peut l'imposer (`railBelow`).
99
107
  */
100
- const railBelow = computed(() => hasRail.value && hasSearch.value)
108
+ const railOnOwnRow = computed(() => hasRail.value && (props.railBelow || hasSearch.value))
101
109
 
102
110
  function toggle(which: RmFilterBarPanel) {
103
111
  panel.value = panel.value === which ? null : which
@@ -211,7 +219,7 @@ onBeforeUnmount(() => {
211
219
 
212
220
  <!-- Rail pose sur la rangee des puces : cas ordinaire, une page sans
213
221
  champ de recherche. -->
214
- <div v-if="hasRail && !railBelow" class="rm-fbar__rail">
222
+ <div v-if="hasRail && !railOnOwnRow" class="rm-fbar__rail">
215
223
  <slot name="Rail" />
216
224
  </div>
217
225
 
@@ -246,7 +254,7 @@ onBeforeUnmount(() => {
246
254
  ses derniers segments coupes, et le champ tombait a sa largeur
247
255
  minimale. Chacun sur sa ligne prend alors toute la largeur de la
248
256
  colonne. -->
249
- <div v-if="railBelow" class="rm-fbar__band rm-fbar__band--rail">
257
+ <div v-if="railOnOwnRow" class="rm-fbar__band rm-fbar__band--rail">
250
258
  <div class="rm-fbar__rail-row">
251
259
  <div class="rm-fbar__rail">
252
260
  <slot name="Rail" />
@@ -77,7 +77,7 @@ const emit = defineEmits<{
77
77
 
78
78
  const WORDS = {
79
79
  fr: {
80
- key: 'Changer de vue :',
80
+ key: 'Changer vue :',
81
81
  none: 'Aucune vue',
82
82
  favorites: 'Favoris',
83
83
  actions: 'Actions',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/romulus",
3
- "version": "0.1.212",
3
+ "version": "0.1.214",
4
4
  "description": "Romulus Design System - Nuxt module by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",