cinqcinqdev-seo 0.1.70 → 0.1.71

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.70",
+  "version": "0.1.71",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/sections/HeroSection.vue

@@ -193,9 +193,10 @@ const props = defineProps({
   paddingBottom: { type: String, default: "" },
   marginTop: { type: String, default: "" },
   marginBottom: { type: String, default: "" },
-  overlay: { default: null },
+  overlay: { type: String, default: "auto" },
   overlayDirection: { type: String, default: "to top" },
-  overlayStrength: { type: String, default: "medium" }
+  overlayStrength: { type: String, default: "medium" },
+  overlayColor: { type: String, default: "" }
 });
 const sectionEl = ref(null);
 const isVisible = ref(false);
@@ -225,13 +226,13 @@ const as_ = (n) => {
   return { animationDelay: `${n * 0.1}s`, animationFillMode: "both" };
 };
 const showOverlay = computed(() => {
-  if (props.overlay === false) return false;
-  if (props.overlay === true) return true;
+  if (props.overlay === "off") return false;
+  if (props.overlay === "on") return true;
   return ["fullscreen", "parallax", "video", "magazine"].includes(props.layout);
 });
 const overlayStyle = computed(() => {
   const dir = props.overlayDirection || "to top";
-  const c = props.bgColor;
+  const c = props.overlayColor || props.bgColor;
   const stops = {
     light: `linear-gradient(${dir}, ${ca(c, "99")} 0%, ${ca(c, "44")} 40%, transparent 70%)`,
     medium: `linear-gradient(${dir}, ${c} 15%, ${ca(c, "cc")} 40%, ${ca(c, "44")} 65%, transparent 100%)`,

package/dist/runtime/composables/useAdminSections.js

@@ -104,9 +104,10 @@ export const DEFAULT_SECTIONS = {
       paddingBottom: "",
       marginTop: "",
       marginBottom: "",
-      overlay: null,
+      overlay: "auto",
       overlayDirection: "to top",
-      overlayStrength: "medium"
+      overlayStrength: "medium",
+      overlayColor: ""
     },
     groups: [
       { key: "design", label: "Design" },
@@ -142,22 +143,23 @@ export const DEFAULT_SECTIONS = {
       contentWidth: { type: "cards", label: "Content Width", group: "design", options: contentWidthOptions },
       textSize: { type: "cards", label: "Text Size", group: "design", options: textSizeOptions },
       overlay: { type: "cards", label: "Gradient Overlay", group: "overlay", options: [
-        { value: null, label: "Auto", icon: "\u2B24" },
-        { value: true, label: "On", icon: "\u2713" },
-        { value: false, label: "Off", icon: "\u2715" }
+        { value: "auto", label: "Auto", icon: "\u2B24" },
+        { value: "on", label: "On", icon: "\u2713" },
+        { value: "off", label: "Off", icon: "\u2715" }
       ] },
-      overlayDirection: { type: "select", label: "Direction", group: "overlay", options: [
-        { value: "to top", label: "Bottom \u2192 Top" },
-        { value: "to bottom", label: "Top \u2192 Bottom" },
-        { value: "to right", label: "Left \u2192 Right" },
-        { value: "to left", label: "Right \u2192 Left" },
+      overlayColor: { type: "color", label: "Couleur du gradient", group: "overlay", showIf: (p) => p.overlay !== "off" },
+      overlayDirection: { type: "select", label: "Direction", group: "overlay", showIf: (p) => p.overlay !== "off", options: [
+        { value: "to top", label: "Bas \u2192 Haut" },
+        { value: "to bottom", label: "Haut \u2192 Bas" },
+        { value: "to right", label: "Gauche \u2192 Droite" },
+        { value: "to left", label: "Droite \u2192 Gauche" },
         { value: "to bottom right", label: "Diagonal \u2198" },
         { value: "to bottom left", label: "Diagonal \u2199" }
       ] },
-      overlayStrength: { type: "cards", label: "Strength", group: "overlay", options: [
-        { value: "light", label: "Light", icon: "\u25CB" },
-        { value: "medium", label: "Medium", icon: "\u25D1" },
-        { value: "strong", label: "Strong", icon: "\u25CF" }
+      overlayStrength: { type: "cards", label: "Intensit\xE9", group: "overlay", showIf: (p) => p.overlay !== "off", options: [
+        { value: "light", label: "L\xE9ger", icon: "\u25CB" },
+        { value: "medium", label: "Moyen", icon: "\u25D1" },
+        { value: "strong", label: "Fort", icon: "\u25CF" }
       ] },
       animation: { type: "cards", label: "Animation", group: "animation", options: animationOptions },
       paddingTop: { type: "select", label: "Padding Top", options: paddingOptions },

package/dist/runtime/pages/admin/editor/[id].vue

@@ -381,10 +381,13 @@ const CONTENT_FIELD_TYPES = ["text", "textarea", "image", "list", "richtext"];
 const visibleFields = computed(() => {
   const cfg = selectedCMSConfig.value;
   if (!cfg?.fields) return {};
+  const props = page.value?.content[selectedBlockIndex.value]?.props ?? {};
   return Object.fromEntries(
     Object.entries(cfg.fields).filter(([, f]) => {
       const isContent = CONTENT_FIELD_TYPES.includes(f.type);
-      return selectedFieldGroup.value === "contenu" ? isContent : !isContent;
+      if (selectedFieldGroup.value === "contenu" ? !isContent : isContent) return false;
+      if (typeof f.showIf === "function" && !f.showIf(props)) return false;
+      return true;
     })
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinqcinqdev-seo",
-  "version": "0.1.70",
+  "version": "0.1.71",
   "description": "A reusable Nuxt 3 admin CMS module with visual page editor powered by Supabase",
   "license": "MIT",
   "module": "./dist/module.mjs",