@tekkare/romulus 0.1.157 → 0.1.158
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
|
@@ -26,6 +26,14 @@ export interface RmDrawerProps {
|
|
|
26
26
|
labelledBy?: string
|
|
27
27
|
/** Libelle du bouton de fermeture, pour les lecteurs d'ecran. */
|
|
28
28
|
closeLabel?: string
|
|
29
|
+
/**
|
|
30
|
+
* Plan de superposition, quand le tiroir doit passer au-dessus d'un calque
|
|
31
|
+
* plus haut que le sien : un ecran qui pose son propre voile par-dessus le
|
|
32
|
+
* cadre laissait le tiroir derriere. Voile et panneau prennent la meme
|
|
33
|
+
* valeur, le panneau passe devant par l'ordre du DOM. Absent : la feuille
|
|
34
|
+
* decide (90 et 91).
|
|
35
|
+
*/
|
|
36
|
+
zIndex?: number | string
|
|
29
37
|
}
|
|
30
38
|
|
|
31
39
|
const props = withDefaults(defineProps<RmDrawerProps>(), {
|
|
@@ -36,6 +44,7 @@ const props = withDefaults(defineProps<RmDrawerProps>(), {
|
|
|
36
44
|
label: undefined,
|
|
37
45
|
labelledBy: undefined,
|
|
38
46
|
closeLabel: 'Fermer',
|
|
47
|
+
zIndex: undefined,
|
|
39
48
|
})
|
|
40
49
|
|
|
41
50
|
const emit = defineEmits<{
|
|
@@ -58,6 +67,8 @@ const sizeMap: Record<string, string> = {
|
|
|
58
67
|
}
|
|
59
68
|
|
|
60
69
|
const drawerWidth = computed(() => sizeMap[props.size] || props.size)
|
|
70
|
+
|
|
71
|
+
const layer = computed(() => (props.zIndex === undefined ? undefined : { zIndex: props.zIndex }))
|
|
61
72
|
</script>
|
|
62
73
|
|
|
63
74
|
<template>
|
|
@@ -66,6 +77,7 @@ const drawerWidth = computed(() => sizeMap[props.size] || props.size)
|
|
|
66
77
|
<div
|
|
67
78
|
v-if="modelValue && overlay"
|
|
68
79
|
class="rm-drawer-overlay"
|
|
80
|
+
:style="layer"
|
|
69
81
|
@click="close"
|
|
70
82
|
/>
|
|
71
83
|
</Transition>
|
|
@@ -76,7 +88,7 @@ const drawerWidth = computed(() => sizeMap[props.size] || props.size)
|
|
|
76
88
|
ref="surface"
|
|
77
89
|
class="rm-drawer"
|
|
78
90
|
:class="[`rm-drawer--${side}`]"
|
|
79
|
-
:style="{ width: drawerWidth, [side]: offset }"
|
|
91
|
+
:style="[{ width: drawerWidth, [side]: offset }, layer]"
|
|
80
92
|
role="dialog"
|
|
81
93
|
aria-modal="true"
|
|
82
94
|
:aria-label="labelledBy ? undefined : label"
|