[{"item_url":"http://wp-deployer.orbit-2.dev.emerya.eu/decoupled-api/node/builder_def/23569?display=decoupled","id":23569,"name":"WP Deployer — Formulaire de contact","type":"WpdForm","kind":"block","definition":"name: WP Deployer — Formulaire de contact\ncategory: Formulaires\ndescription: \"Titre, introduction et formulaire de contact (e-mail, prénom, nom, société, pays, téléphone, message, choix de date), consentements et envoi. Remplace les formulaires HubSpot de wp-deployer.io (contact, devis, webinar) : la saisie part au flux ECA des leads (/eca/lead/verified, preuve ALTCHA), qui crée ou enrichit le contact dans le CRM.\"\n# Réglages du bloc : ils gouvernent le formulaire entier et n'ont rien à\n# cliquer dans le rendu — le builder les replie dans le menu du bloc.\nsettings:\n - field: layout\n type: select\n label: Mise en page\n icon: LayoutTemplate\n options:\n - { value: centered, label: Centrée }\n - { value: split, label: Formulaire + photo }\n - field: showCompany\n type: select\n label: Champ « Société »\n icon: Building2\n options: &yesNo\n - { value: \"yes\", label: Affiché }\n - { value: \"no\", label: Masqué }\n - field: showCountry\n type: select\n label: Champ « Pays »\n icon: Globe\n options: *yesNo\n - field: showPhone\n type: select\n label: Champ « Téléphone »\n icon: Phone\n options: *yesNo\n - field: showMessage\n type: select\n label: Champ « Message »\n icon: MessageSquare\n options: *yesNo\n - field: showConsents\n type: select\n label: Consentements\n icon: ShieldCheck\n options: *yesNo\n - field: dates\n type: list\n icon: CalendarDays\n label: Dates proposées (webinar)\n addLabel: Ajouter une date\n defaultItem: { label: \"\" }\n columns:\n - { key: label, label: Date, type: text, placeholder: \"Jeudi 12 juin, 11h\" }\n - field: formName\n type: text\n label: Nom du formulaire (CRM)\n icon: Tag\n - field: captchaMode\n type: select\n label: Anti-robot\n icon: Bot\n options:\n - { value: invisible, label: Invisible }\n - { value: checkbox, label: Case « Je ne suis pas un robot »}\n - field: notifications\n type: list\n icon: Mail\n label: Notifications par e-mail\n addLabel: Ajouter un e-mail\n defaultItem: { to: \"\", subject: \"\", body: \"\" }\n columns:\n - { key: to, label: Destinataires, type: text, placeholder: \"contact@exemple.fr\", tokens: email }\n - { key: subject, label: Objet, type: text, placeholder: \"Nouveau message — tapez @ pour insérer un champ\", tokens: form }\n - { key: body, label: Message, type: textarea, placeholder: \"Vide = récapitulatif complet de la saisie\", tokens: form }\n - field: leadEndpoint\n type: process\n label: Processus\n icon: Workflow\ndefaultData:\n layout: centered\n image: { mid: null, alt: \"\" }\n title: \"Vous avez des questions sur nos produits ?\"\n intro: \"Contactez l'équipe de WP Deployer en utilisant ce formulaire.\"\n headingLevel: h1\n showCompany: \"yes\"\n showCountry: \"yes\"\n showPhone: \"yes\"\n showMessage: \"yes\"\n showConsents: \"yes\"\n dates: []\n labelEmail: \"E-mail\"\n labelFirstName: \"Prénom\"\n labelLastName: \"Nom\"\n labelCompany: \"Nom de l'entreprise\"\n labelCountry: \"Pays\"\n labelPhone: \"Numéro de téléphone\"\n labelMessage: \"Message\"\n labelDate: \"Sélectionner une date\"\n placeholderEmail: \"\"\n placeholderFirstName: \"\"\n placeholderLastName: \"\"\n placeholderCompany: \"\"\n placeholderCountry: \"\"\n placeholderPhone: \"\"\n placeholderMessage: \"\"\n consentIntro: \"

WP-Deployer s'engage à protéger et à respecter votre vie privée. Nous n'utiliserons vos données personnelles que pour administrer votre compte et vous fournir les produits et services demandés. Nous aimerions vous contacter ponctuellement au sujet de nos produits et services, ainsi que d'autres contenus susceptibles de vous intéresser. Si vous consentez à ce que nous vous contactions à cette fin, veuillez cocher la case ci-après :

\"\n labelOptin: \"J'accepte de recevoir d'autres communications de WP-Deployer.\"\n consentProcessingIntro: \"

Afin de vous fournir le contenu demandé, nous devons stocker et traiter vos données personnelles. Si vous nous autorisez à stocker vos données personnelles à cette fin, cochez la case ci-dessous.

\"\n labelProcessing: \"J'accepte que WP-Deployer stocke et traite mes données personnelles.\"\n consentOutro: \"

Vous pouvez vous désabonner de ces communications à tout moment. Consultez notre Politique de confidentialité pour en savoir plus sur nos modalités de désabonnement, nos politiques de confidentialité et sur notre engagement vis-à-vis de la protection et du respect de la vie privée.

\"\n requiredHint: \"Les champs marqués d'un astérisque (*) sont obligatoires.\"\n submitLabel: \"Soumettre\"\n errorEmail: \"Merci de saisir une adresse e-mail valide (exemple : prenom.nom@entreprise.fr).\"\n errorRequired: \"Merci de remplir tous les champs obligatoires et d'accepter le traitement de vos données.\"\n errorCaptcha: \"Vérification anti-robot en cours : patientez un instant, puis renvoyez le formulaire.\"\n successMessage: \"

Merci ! Votre message a bien été envoyé. L'équipe WP Deployer vous répond rapidement.

\"\n formName: \"WP Deployer — Contact\"\n leadEndpoint: /eca/lead/verified\n captchaMode: invisible\n notifications: []\nrjBuild:\n data:\n layout: centered\n headingLevel: h1\n showCompany: \"yes\"\n showCountry: \"yes\"\n showPhone: \"yes\"\n showMessage: \"yes\"\n showConsents: \"yes\"\n dates: []\n leadEndpoint: /eca/lead/verified\n captchaMode: invisible\n # Saisie du visiteur : hors de `~~.apiData`, donc jamais persistée par le\n # DataSync du bloc. Chaque clé est amorcée à \"\" (une condition `contains`\n # sur une valeur ABSENTE plante).\n lead:\n email: \"\"\n firstName: \"\"\n lastName: \"\"\n company: \"\"\n country: \"\"\n phone: \"\"\n message: \"\"\n subject: \"\"\n optin: false\n processing: false\n captcha: \"\"\n attempted: false\n leadResponse: {}\n renderView:\n - type: BuilderUnit\n dataBaseLocation: ~~.apiData.data.objectData.data\n content:\n # Deux mises en page, comme à la source : centrée (contact, webinar) ou\n # en deux moitiés, formulaire à gauche et photo pleine hauteur à droite\n # (devis). Le choix est une donnée (`layout`), les classes des deux sont\n # écrites ici en entier.\n - type: ClassMap\n tag: section\n value: ~~.apiData.data.objectData.data.layout\n map:\n split: \"relative\"\n defaultClass: \"px-6 py-8 @5xl:px-8\"\n attributes:\n class: wpd-form font-wpd bg-white text-black\n content:\n - type: div\n attributes:\n class: \"@5xl:absolute @5xl:inset-0 @5xl:left-1/2\"\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.layout\n isNot: split\n content:\n - type: div\n attributes:\n class: builder-editable-field block h-64 @[40rem]:h-80 @5xl:absolute @5xl:inset-0 @5xl:h-full\n content:\n - type: LazyImage\n value: ~~.apiData.data.objectData.data.image\n op: sc\n width: 720\n height: 1516\n widths: [480, 720, 1080]\n sizes: \"(min-width: 1024px) 50vw, 100vw\"\n attributes:\n class: block h-full w-full object-cover bg-wpd-graylight\n editable: { field: image, type: image-drupal, label: Photo }\n - type: ClassMap\n value: ~~.apiData.data.objectData.data.layout\n map:\n split: \"pb-24 pt-16 @[40rem]:pb-32 @[40rem]:pt-24 @5xl:mx-auto @5xl:grid @5xl:max-w-7xl @5xl:grid-cols-2 @5xl:pt-32\"\n defaultClass: \"mx-auto w-full max-w-[672px]\"\n content:\n - type: ClassMap\n value: ~~.apiData.data.objectData.data.layout\n map:\n split: \"@5xl:col-start-1 px-6 @5xl:px-8 mx-auto w-full max-w-[39rem] @5xl:mx-0 @5xl:max-w-[36rem] text-left [&_h1]:text-3xl [&_h2]:text-3xl\"\n defaultClass: \"text-center mb-16 @[40rem]:mb-20\"\n content:\n - type: h1\n attributes:\n class: builder-editable-field text-3xl @[40rem]:text-4xl font-bold tracking-tight text-wpd-blue\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.headingLevel\n isNot: h1\n content: ~~.apiData.data.objectData.data.title\n editable: { field: title, type: text, label: Titre }\n - type: h2\n attributes:\n class: builder-editable-field text-3xl @[40rem]:text-4xl font-bold tracking-tight text-wpd-blue\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.headingLevel\n is: h1\n content: ~~.apiData.data.objectData.data.title\n editable: { field: title, type: text, label: Titre }\n - type: p\n attributes:\n class: builder-editable-field mt-2 text-lg font-light leading-8 text-wpd-gray\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.intro\n isEmpty: true\n content: ~~.apiData.data.objectData.data.intro\n editable: { field: intro, type: textarea, label: Introduction }\n - type: ClassMap\n value: ~~.apiData.data.objectData.data.layout\n map:\n split: \"@5xl:col-start-1 px-6 @5xl:px-8 mt-16 mx-auto w-full max-w-[39rem] @5xl:mx-0 @5xl:max-w-[36rem]\"\n defaultClass: \"mx-auto max-w-[576px]\"\n content:\n - type: div\n actions:\n - what: hide\n when: ~~.leadResponse.ok\n is: true\n content:\n type: form\n attributes:\n noValidate: true\n class: wpd-form-fields\n content:\n - type: p\n attributes:\n class: builder-editable-field text-xs text-wpd-gray mb-4\n content: ~~.apiData.data.objectData.data.requiredHint\n editable: { field: requiredHint, type: text, label: Mention des champs obligatoires }\n - type: EmailField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelEmail\n editable: { field: labelEmail, type: text, label: Champ — E-mail }\n - { type: span, attributes: { class: wpd-req, aria-hidden: \"true\" }, content: \"*\" }\n dataLocation: ~~.lead.email\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n required: true\n autoComplete: email\n placeholder: ~~.apiData.data.objectData.data.placeholderEmail\n - type: div\n attributes:\n class: grid gap-x-9 @xl:grid-cols-2\n content:\n - type: TextField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelFirstName\n editable: { field: labelFirstName, type: text, label: Champ — Prénom }\n - { type: span, attributes: { class: wpd-req, aria-hidden: \"true\" }, content: \"*\" }\n dataLocation: ~~.lead.firstName\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n required: true\n autoComplete: given-name\n placeholder: ~~.apiData.data.objectData.data.placeholderFirstName\n - type: TextField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelLastName\n editable: { field: labelLastName, type: text, label: Champ — Nom }\n - { type: span, attributes: { class: wpd-req, aria-hidden: \"true\" }, content: \"*\" }\n dataLocation: ~~.lead.lastName\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n required: true\n autoComplete: family-name\n placeholder: ~~.apiData.data.objectData.data.placeholderLastName\n - type: div\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.showCompany\n is: \"no\"\n content:\n - type: TextField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelCompany\n editable: { field: labelCompany, type: text, label: Champ — Société }\n dataLocation: ~~.lead.company\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n autoComplete: organization\n placeholder: ~~.apiData.data.objectData.data.placeholderCompany\n - type: div\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.showCountry\n is: \"no\"\n content:\n - type: TextField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelCountry\n editable: { field: labelCountry, type: text, label: Champ — Pays }\n dataLocation: ~~.lead.country\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n autoComplete: country-name\n placeholder: ~~.apiData.data.objectData.data.placeholderCountry\n - type: div\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.showPhone\n is: \"no\"\n content:\n - type: TelField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelPhone\n editable: { field: labelPhone, type: text, label: Champ — Téléphone }\n dataLocation: ~~.lead.phone\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input\n autoComplete: tel\n placeholder: ~~.apiData.data.objectData.data.placeholderPhone\n # Choix d'une date (webinar) : la date retenue part\n # dans `subject`, que le flux trace sur la soumission.\n - type: fieldset\n attributes:\n class: mb-[18px]\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.dates\n isEmpty: true\n content:\n - type: legend\n attributes:\n class: builder-editable-field wpd-label\n content: ~~.apiData.data.objectData.data.labelDate\n editable: { field: labelDate, type: text, label: Champ — Date }\n - type: ul\n attributes:\n class: list-none m-0 p-0 grid gap-2\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.dates\n singleOption:\n load: dateTpl\n - type: div\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.showMessage\n is: \"no\"\n content:\n - type: TextAreaField\n label:\n - type: span\n content: ~~.apiData.data.objectData.data.labelMessage\n editable: { field: labelMessage, type: text, label: Champ — Message }\n - { type: span, attributes: { class: wpd-req, aria-hidden: \"true\" }, content: \"*\" }\n dataLocation: ~~.lead.message\n forceWrapper: true\n attributes: { class: \"block mb-[18px]\" }\n labelAttributes: { class: \"wpd-label\" }\n inputAttributes:\n class: wpd-input min-h-[66px]\n rows: 3\n required: true\n placeholder: ~~.apiData.data.objectData.data.placeholderMessage\n - type: div\n attributes:\n class: wpd-legal text-xs leading-6 text-wpd-gray mt-6\n actions:\n - what: hide\n when: ~~.apiData.data.objectData.data.showConsents\n is: \"no\"\n content:\n - type: BuilderHtmlField\n attributes:\n class: builder-editable-field wpd-rich\n content: ~~.apiData.data.objectData.data.consentIntro\n editable: { field: consentIntro, type: rich-text, label: Mention — prospection }\n - type: CheckBoxField\n dataLocation: ~~.lead.optin\n attributes:\n class: wpd-check block my-3\n labelAttributes:\n class: builder-editable-field\n data-builder-field: labelOptin\n data-builder-type: text\n options:\n - label: ~~.apiData.data.objectData.data.labelOptin\n value: true\n - type: BuilderHtmlField\n attributes:\n class: builder-editable-field wpd-rich\n content: ~~.apiData.data.objectData.data.consentProcessingIntro\n editable: { field: consentProcessingIntro, type: rich-text, label: Mention — traitement }\n - type: CheckBoxField\n dataLocation: ~~.lead.processing\n attributes:\n class: wpd-check block my-3\n labelAttributes:\n class: builder-editable-field\n data-builder-field: labelProcessing\n data-builder-type: text\n options:\n - label: ~~.apiData.data.objectData.data.labelProcessing\n value: true\n - type: BuilderHtmlField\n attributes:\n class: builder-editable-field wpd-rich\n content: ~~.apiData.data.objectData.data.consentOutro\n editable: { field: consentOutro, type: rich-text, label: Mention — désabonnement }\n - type: div\n attributes:\n class: relative mt-4\n content:\n - type: AltchaField\n dataLocation: ~~.lead.captcha\n mode: ~~.apiData.data.objectData.data.captchaMode\n # Erreurs, affichées seulement APRÈS un clic.\n - type: div\n attributes:\n class: wpd-alert mt-5 px-4 py-3 text-sm font-semibold\n role: alert\n actions:\n - what: hide\n when: ~~.attempted\n isNot: true\n content:\n - type: p\n actions:\n - what: hide\n andConditions:\n - { when: ~~.lead.email, contains: \"@\" }\n - { when: ~~.lead.email, contains: \".\" }\n - { when: ~~.lead.email, containsNot: \" \" }\n content: ~~.apiData.data.objectData.data.errorEmail\n - type: p\n actions:\n - what: hide\n andConditions:\n - { when: ~~.lead.firstName, isNotEmpty: true }\n - { when: ~~.lead.lastName, isNotEmpty: true }\n - orConditions:\n - { when: ~~.lead.message, isNotEmpty: true }\n - { when: ~~.apiData.data.objectData.data.showMessage, is: \"no\" }\n - orConditions:\n - { when: ~~.lead.processing, is: true }\n - { when: ~~.apiData.data.objectData.data.showConsents, is: \"no\" }\n content: ~~.apiData.data.objectData.data.errorRequired\n - type: p\n actions:\n - what: hide\n orConditions:\n - { when: ~~.lead.captcha, isNotEmpty: true }\n - { when: ~~.lead.email, containsNot: \"@\" }\n content: ~~.apiData.data.objectData.data.errorCaptcha\n - type: p\n actions:\n - what: hide\n when: ~~.leadResponse.message\n isEmpty: true\n content: ~~.leadResponse.message\n - type: button\n attributes:\n type: button\n class: builder-editable-field mt-6 inline-flex items-center justify-center rounded-[3px] border border-wpd-blue bg-wpd-blue px-6 min-h-[44px] text-base font-bold text-white hover:bg-white hover:text-wpd-blue transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-wpd-blue\n data-builder-field: submitLabel\n data-builder-type: text\n content: ~~.apiData.data.objectData.data.submitLabel\n actions:\n - what: setData\n on: click\n path: ~~.attempted\n value: true\n # refreshAppOnResponse: false OBLIGATOIRE (sinon la\n # réponse remplace le rjBuild) ; réponse lue sur\n # l'événement `response`, 201 comme 4xx.\n - what: submitData\n on: click\n url: ~~.apiData.data.objectData.data.leadEndpoint\n httpMethod: post\n refreshAppOnResponse: false\n # Clés EXACTES lues par le flux `orbit_crm_lead_form`.\n data:\n unitId: ~~._unit_.nid\n pageUrl: ~~._page_.url\n formName: ~~.apiData.data.objectData.data.formName\n email: ~~.lead.email\n firstName: ~~.lead.firstName\n lastName: ~~.lead.lastName\n company: ~~.lead.company\n country: ~~.lead.country\n phone: ~~.lead.phone\n message: ~~.lead.message\n subject: ~~.lead.subject\n optin: ~~.lead.optin\n captcha: ~~.lead.captcha\n andConditions:\n - { when: ~~.lead.email, contains: \"@\" }\n - { when: ~~.lead.email, contains: \".\" }\n - { when: ~~.lead.email, containsNot: \" \" }\n - { when: ~~.lead.firstName, isNotEmpty: true }\n - { when: ~~.lead.lastName, isNotEmpty: true }\n - orConditions:\n - { when: ~~.lead.message, isNotEmpty: true }\n - { when: ~~.apiData.data.objectData.data.showMessage, is: \"no\" }\n - orConditions:\n - { when: ~~.lead.processing, is: true }\n - { when: ~~.apiData.data.objectData.data.showConsents, is: \"no\" }\n - { when: ~~.lead.captcha, isNotEmpty: true }\n - what: setData\n on: response\n path: ~~.leadResponse\n value: \"\"\n - type: div\n attributes:\n class: rounded-lg bg-wpd-graylight p-6 text-lg font-light leading-8 text-wpd-graydark\n role: status\n actions:\n - what: hide\n when: ~~.leadResponse.ok\n isNot: true\n content:\n - type: BuilderHtmlField\n attributes:\n class: builder-editable-field wpd-rich\n content: ~~.apiData.data.objectData.data.successMessage\n editable: { field: successMessage, type: rich-text, label: Message de confirmation }\n - type: DataSync\n path: ~~.apiData\n mode: onIdle\n idleDelay: 1500\n templates:\n # Un bouton radio natif par date : `subject` reçoit le libellé choisi.\n dateTpl:\n type: li\n content:\n - type: label\n attributes:\n class: flex items-center gap-3 min-h-[44px] cursor-pointer text-base font-light text-wpd-graydark\n content:\n - type: input\n attributes:\n type: radio\n name: wpd-date\n value: ~.label\n class: h-5 w-5 accent-wpd-blue\n actions:\n - what: setData\n on: change\n path: ~~.lead.subject\n value: ~.label\n - type: span\n content: ~.label\n","siteId":25,"siteName":"WP Deployer","siteIds":[25]},{"item_url":"http://wp-deployer.orbit-2.dev.emerya.eu/decoupled-api/node/builder_def/23570?display=decoupled","id":23570,"name":"WP Deployer — En-tête","type":"WpdHeader","kind":"block","definition":"name: WP Deployer — En-tête\ncategory: Structure\ndescription: \"Barre de navigation de wp-deployer.io : logo, menu à sous-menus, connexion, sélecteur de langue (vers la traduction de la page courante) et panneau mobile. À poser UNE fois et à référencer par « Bloc existant » sur chaque page : le menu se corrige en un seul endroit. Variantes réduites (sans menu) pour les pages d'atterrissage.\"\nsettings:\n - field: variant\n type: select\n label: Variante\n icon: PanelTop\n options:\n - { value: full, label: Complète (menu) }\n - { value: compact, label: Réduite (logo + connexion + langue) }\n - { value: minimal, label: Minimale (logo + langue) }\ndefaultData:\n variant: full\n logo: { mid: null, alt: \"WP Deployer — accueil\" }\n homeUrl: /fr\n menuLabel: \"Menu principal\"\n openMenuLabel: \"Ouvrir le menu\"\n menu:\n - label: \"Pourquoi WP Deployer ?\"\n url: /fr/pourquoi-wp-deployer\n children:\n - { label: \"Les principaux atouts\", url: /fr/pourquoi-wp-deployer }\n loginLabel: \"Connexion\"\n loginUrl: \"https://wp-deployer.io/fr/user/login\"\n langLabel: \"Langue\"\n currentLang: \"Fr\"\n languages:\n - { langcode: fr, label: \"Français\", short: \"Fr\", url: /fr }\n - { langcode: en, label: \"English\", short: \"En\", url: /en }\nrjBuild:\n data:\n variant: full\n mobileOpen: false\n renderView:\n - type: BuilderUnit\n dataBaseLocation: ~~.apiData.data.objectData.data\n content:\n - type: header\n attributes:\n class: wpd-header font-wpd sticky top-0 z-30 w-full bg-white shadow-xl\n content:\n - type: div\n attributes:\n class: flex justify-between items-center w-full px-5 pb-2 pt-2 @5xl:pb-4 @5xl:min-h-24\n content:\n - type: ResolvedLink\n value: ~~.apiData.data.objectData.data.homeUrl\n attributes:\n class: shrink-0 mr-2 flex items-center w-36 @5xl:w-56 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-wpd-blue\n content:\n - type: div\n attributes:\n class: builder-editable-field block w-full\n content:\n - type: LazyImage\n value: ~~.apiData.data.objectData.data.logo\n op: s\n width: 448\n height: 0\n widths: [224, 448]\n sizes: \"(min-width: 1024px) 224px, 144px\"\n loading: eager\n attributes:\n class: block w-full h-auto\n editable: { field: logo, type: image-drupal, label: Logo }\n # ---- Burger (mobile), juste après le logo comme à la source --\n - type: ClassMap\n value: ~~.apiData.data.objectData.data.variant\n map:\n minimal: \"hidden\"\n compact: \"hidden\"\n defaultClass: \"@5xl:hidden\"\n attributes:\n class: mr-auto\n content:\n - type: button\n attributes:\n type: button\n class: inline-flex items-center justify-center min-h-[44px] min-w-[44px] text-wpd-orange-text focus-visible:outline-2 focus-visible:outline-wpd-blue\n aria-label: ~~.apiData.data.objectData.data.openMenuLabel\n aria-controls: wpd-mobile-nav\n aria-expanded: ~~.mobileOpen\n content:\n - type: LucideIcon\n name: Menu\n size: 26\n attributes:\n aria-hidden: \"true\"\n actions:\n - what: setData\n on: click\n path: ~~.mobileOpen\n value: true\n when: ~~.mobileOpen\n isNot: true\n - what: setData\n on: click\n path: ~~.mobileOpen\n value: false\n when: ~~.mobileOpen\n is: true\n # ---- Menu (bureau) -------------------------------------------\n - type: ClassMap\n tag: nav\n value: ~~.apiData.data.objectData.data.variant\n map:\n minimal: \"hidden\"\n compact: \"hidden\"\n defaultClass: \"hidden @5xl:flex\"\n attributes:\n class: items-center mr-auto mt-2 @5xl:mt-4\n aria-label: ~~.apiData.data.objectData.data.menuLabel\n content:\n - type: ul\n attributes:\n class: flex justify-center list-none m-0 p-0\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.menu\n singleOption:\n load: menuTpl\n - type: li\n attributes:\n class: builder-edit-only\n content:\n - type: BuilderRowAction\n field: menu\n action: add\n defaultItem: &menuDefault { label: \"Entrée\", url: \"#\", children: [] }\n attributes:\n class: builder-row-add\n title: Ajouter une entrée de menu\n content:\n - type: LucideIcon\n name: Plus\n size: 12\n - \" Entrée\"\n # ---- Connexion + langue -------------------------------------\n - type: div\n attributes:\n class: flex items-center ml-auto mt-2 gap-1\n content:\n - type: ClassMap\n value: ~~.apiData.data.objectData.data.variant\n map:\n minimal: \"hidden\"\n defaultClass: \"flex\"\n attributes:\n class: relative items-center\n content:\n - type: BuilderRowToolbar\n labels:\n toolbar: Connexion\n edit:\n - field: loginUrl\n type: link\n label: Connexion\n labelField: loginLabel\n labelTitle: Intitulé\n - type: ResolvedLink\n value: ~~.apiData.data.objectData.data.loginUrl\n attributes:\n class: items-center flex mr-2 min-h-[44px] text-wpd-graydark font-light hover:text-wpd-blue focus-visible:outline-2 focus-visible:outline-wpd-blue\n content:\n - type: span\n attributes:\n class: w-8 h-8 inline-flex items-center justify-center text-wpd-orange-text shrink-0 m-1\n content:\n - type: LucideIcon\n name: User\n size: 22\n attributes:\n aria-hidden: \"true\"\n - type: span\n attributes:\n class: builder-editable-field sr-only @3xl:not-sr-only\n content: ~~.apiData.data.objectData.data.loginLabel\n editable: { field: loginLabel, type: text, label: Connexion — intitulé }\n # Sélecteur de langue : un

, ouvert au clic et au\n # clavier sans script. Chaque langue mène à la traduction\n # de la PAGE COURANTE (`_page_.alternates`, donné par\n # resolve), à défaut à l'accueil de la langue.\n - type: details\n attributes:\n class: relative group/lang\n content:\n - type: summary\n attributes:\n class: \"list-none [&::-webkit-details-marker]:hidden flex items-center gap-1 min-h-[44px] cursor-pointer font-light text-wpd-graydark focus-visible:outline-2 focus-visible:outline-wpd-blue\"\n content:\n - type: LucideIcon\n name: Globe\n size: 24\n attributes:\n class: text-wpd-orange-text\n aria-hidden: \"true\"\n - type: span\n attributes:\n class: sr-only\n content: ~~.apiData.data.objectData.data.langLabel\n - type: span\n attributes:\n class: builder-editable-field\n content: ~~.apiData.data.objectData.data.currentLang\n editable: { field: currentLang, type: text, label: Langue courante }\n - type: LucideIcon\n name: ChevronDown\n size: 18\n attributes:\n class: text-wpd-orange-text group-open/lang:rotate-180 transition-transform\n aria-hidden: \"true\"\n - type: ul\n attributes:\n class: absolute right-0 top-full z-40 min-w-[150px] list-none m-0 p-2 rounded-md bg-white shadow-md\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.languages\n singleOption:\n load: langTpl\n # ---- Panneau mobile -------------------------------------------\n - type: ClassMap\n tag: nav\n value: ~~.apiData.data.objectData.data.variant\n map:\n minimal: \"hidden\"\n compact: \"hidden\"\n defaultClass: \"@5xl:hidden\"\n attributes:\n class: border-t border-wpd-separator px-5 pb-4\n id: wpd-mobile-nav\n aria-label: ~~.apiData.data.objectData.data.menuLabel\n actions:\n - what: hide\n when: ~~.mobileOpen\n isNot: true\n content:\n - type: ul\n attributes:\n class: list-none m-0 p-0\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.menu\n singleOption:\n load: mobileTpl\n - type: DataSync\n path: ~~.apiData\n mode: onIdle\n idleDelay: 1500\n templates:\n # Entrée du menu (bureau) : sous-menu ouvert au survol ET au focus clavier\n # (`group-focus-within`), sans script.\n menuTpl:\n type: li\n attributes:\n class: group relative flex flex-col\n content:\n - type: BuilderRowToolbar\n field: menu\n defaultItem: *menuDefault\n labels:\n item: entrée\n edit:\n - column: url\n type: link\n label: Entrée du menu\n labelColumn: label\n labelTitle: Libellé de l'entrée\n - type: div\n attributes:\n class: flex items-center @5xl:ml-5 font-bold\n content:\n - type: ResolvedLink\n value: ~.url\n attributes:\n class: px-2 py-1 @7xl:px-2 @7xl:py-2.5 text-wpd-blue hover:text-wpd-orange-text @7xl:text-lg focus-visible:outline-2 focus-visible:outline-wpd-blue\n content:\n - type: span\n content: ~.label\n editable: { field: menu, column: label, type: text, label: Libellé de l'entrée }\n # Chevron dans une case de 32 px, comme à la source : c'est cette\n # largeur qui fait passer « Pourquoi WP Deployer ? » sur deux lignes.\n - type: span\n attributes:\n class: inline-flex items-center justify-center w-8 h-8 shrink-0 text-wpd-blue\n aria-hidden: \"true\"\n actions:\n - what: hide\n when: ~.children\n isEmpty: true\n content:\n - type: LucideIcon\n name: ChevronDown\n size: 22\n strokeWidth: 3\n - type: ul\n attributes:\n class: hidden group-hover:flex group-focus-within:flex absolute z-40 flex-col top-full left-0 mb-2 @5xl:ml-5 min-w-[220px] list-none m-0 p-0 rounded-md bg-white shadow-md\n actions:\n - what: hide\n when: ~.children\n isEmpty: true\n content:\n - type: Switch\n content: ~.children\n singleOption:\n load: subTpl\n subTpl:\n type: li\n content:\n - type: ResolvedLink\n value: ~.url\n attributes:\n class: block px-2 py-1 @7xl:py-2.5 font-light border-b border-wpd-separator text-wpd-blue hover:text-wpd-orange-text @7xl:text-lg focus-visible:outline-2 focus-visible:outline-wpd-blue\n content: ~.label\n mobileTpl:\n type: li\n attributes:\n class: py-1\n content:\n - type: ResolvedLink\n value: ~.url\n attributes:\n class: flex items-center min-h-[44px] font-bold text-wpd-blue hover:text-wpd-orange-text\n content: ~.label\n - type: ul\n attributes:\n class: list-none m-0 pl-4\n actions:\n - what: hide\n when: ~.children\n isEmpty: true\n content:\n - type: Switch\n content: ~.children\n singleOption:\n load: mobileSubTpl\n mobileSubTpl:\n type: li\n content:\n - type: ResolvedLink\n value: ~.url\n attributes:\n class: flex items-center min-h-[44px] font-light text-wpd-blue hover:text-wpd-orange-text\n content: ~.label\n # Une langue : vers la page courante traduite si resolve la connaît,\n # sinon vers l'accueil de la langue.\n langTpl:\n type: li\n content:\n - type: a\n attributes:\n href: ~~._page_.alternates.fr\n lang: fr\n class: flex items-center min-h-[40px] px-3 rounded text-wpd-blue font-light hover:bg-wpd-graylight\n actions:\n - what: hide\n orConditions:\n - { when: ~.langcode, isNot: fr }\n - { when: ~~._page_.alternates.fr, isEmpty: true }\n content: ~.label\n - type: a\n attributes:\n href: ~~._page_.alternates.en\n lang: en\n class: flex items-center min-h-[40px] px-3 rounded text-wpd-blue font-light hover:bg-wpd-graylight\n actions:\n - what: hide\n orConditions:\n - { when: ~.langcode, isNot: en }\n - { when: ~~._page_.alternates.en, isEmpty: true }\n content: ~.label\n - type: a\n attributes:\n href: ~.url\n lang: ~.langcode\n class: flex items-center min-h-[40px] px-3 rounded text-wpd-blue font-light hover:bg-wpd-graylight\n actions:\n - what: hide\n orConditions:\n - andConditions:\n - { when: ~.langcode, is: fr }\n - { when: ~~._page_.alternates.fr, isNotEmpty: true }\n - andConditions:\n - { when: ~.langcode, is: en }\n - { when: ~~._page_.alternates.en, isNotEmpty: true }\n content: ~.label\n","siteId":25,"siteName":"WP Deployer","siteIds":[25]},{"item_url":"http://wp-deployer.orbit-2.dev.emerya.eu/decoupled-api/node/builder_def/4791?display=decoupled","id":4791,"name":"Bloc existant","type":"SharedBlock","kind":"block","definition":"name: Bloc existant\ncategory: system\ndescription: >-\n Référence un bloc déjà posé ailleurs. Son contenu est COMMUN à toutes ses\n places : l'éditer ici le met à jour partout. Le gabarit reste celui de la\n définition du bloc source (catalogue), donc une évolution du gabarit continue\n de se propager comme pour un bloc ordinaire.\ndefaultData:\n sharedRef:\n nid: null\n type: \"\"\n label: \"\"\n# Manifeste EXPLICITE, et non déduit d'un `editable:` du rendu.\n#\n# Le porteur ne rend AUCUNE pastille (cf. `renderView`), donc plus aucun\n# `editable:` — or c'est de ce champ que `BuilderDataStripper` tire le miroir\n# `field_unit_nodes` au presave. Sans lui : `unit-usage` compte 0 page (la\n# pastille « Partagé · N pages » ment), et surtout `save()` ne voit plus qu'une\n# unité est encore utilisée ailleurs et la supprime comme orpheline.\n# `BlockDefSchema::parse()` préfère un `fields:` explicite au schéma déduit du\n# build : c'est la façon prévue de déclarer un champ que le rendu n'expose pas.\nfields:\n - key: sharedRef\n type: shared-unit-ref\n editorType: shared-unit-ref\n label: Bloc référencé\nrjBuild:\n data:\n sharedRef:\n nid: null\n renderView:\n # Aucune pastille d'édition : le porteur ne rend QUE l'unité référencée, au\n # pixel près, comme si le bloc était posé là. Le partage se dit et se défait\n # depuis la barre de commandes du bloc (`BuilderBlockWrapper`) : pastille\n # « Partagé · N pages » qui liste les contenus concernés, et bascule\n # délier / relier. Un contrôle allumé en permanence dans le rendu élargit le\n # bloc en édition et masque son contenu (règle builder : ce qui n'a rien à\n # cliquer dans le rendu vit dans la barre, jamais dans une pastille).\n #\n # Le contenu ET le gabarit viennent de l'unité référencée : c'est la MÊME\n # entité que celle montée dans les autres pages, donc la même donnée, donc\n # la propagation.\n - type: UnitMount\n nid: ~~.sharedRef.nid\n","siteId":59,"siteName":"Digital DropTeam","siteIds":[59,52,25,106,38,54,55,107,108,109]}]

Participez au webinar