[{"item_url":"http://orbit-geo.fr/decoupled-api/node/builder_def/6052?display=decoupled","id":6052,"name":"Orbit Géo — En-tête et méga-menu","type":"GeoHeader","kind":"block","definition":"name: Orbit Géo — En-tête et méga-menu\ncategory: Structure\ndescription: \"En-tête collant du site Orbit Géo, à poser UNE fois (unité partagée « orbit-geo-header ») et à référencer par « Bloc existant » sur chaque page. Logo, quatre menus (Solutions, Plateforme, Confiance, Offre) qui déplient chacun un panneau blanc : deux colonnes d'entrées (pictogramme, titre, description) et une carte « mise en avant » sombre ; bouton « Atelier démo ». Ouverture au survol, au focus ou au clic (re-clic, Échap ou clic dehors pour fermer). Transparent en haut de page, il devient opaque dès qu'on défile. Sous 1000 px : bouton « Menu » qui déplie la liste complète des liens. Le point orange sous un menu marque la rubrique de la page courante (une de ses entrées pointe exactement vers la page). Reproduit le composant Nav (méga-menu) de la maquette.\"\ndefaultData:\n logo: /brands/orbit-geo/logo-orbit-geo.svg\n logoAlt: \"Orbit Géo, accueil\"\n homeUrl: /orbit-geo\n navLabel: Navigation principale\n ctaLabel: Atelier démo\n ctaUrl: /atelier-demo\n mobileLabel: Menu\n mobileCtaLabel: Réserver un atelier démo\n menus:\n - label: Solutions\n columns:\n - title: Par organisation\n links:\n - { label: Collectivités, description: \"Voirie, espaces verts, équipements, cartes publiques\", url: /collectivites, tone: violet, icon: '' }\n - title: Par besoin\n links:\n - { label: Tous les cas d’usage, description: \"Six métiers, les mêmes briques\", url: \"/orbit-geo#usages\", tone: violet, icon: '' }\n featured:\n kicker: Atelier démo\n title: Apportez un besoin, repartez avec une carte.\n text: Une séance, sur vos données ou sur des données ouvertes.\n more: Réserver un atelier\n url: /atelier-demo\nrjBuild:\n data:\n # État d'affichage, hors `apiData` : jamais enregistré.\n navOpen: \"\"\n mobOpen: \"false\"\n renderView:\n # >>> atomes (generes : inject-atoms.mjs)\n - type: style\n content: |\n .g0v7q30.g0v7q30.g0v7q30{display: flex;flex-direction: column;padding: 14px 0;border-top: 1px solid rgba(255, 255, 255, 0.1)}\n .g1ggid1.g1ggid1.g1ggid1{flex: 0 0 40px;height: 40px;border-radius: 12px;background: #EEF1FF;color: #5B2BE8;display: flex;align-items: center;justify-content: center}\n .g1ol4x8.g1ol4x8.g1ol4x8{position: relative;font-size: 14px;color: #C9D4E5}\n .g1zdvjz.g1zdvjz.g1zdvjz{position: relative;font-family: Montserrat, sans-serif;font-size: 21px;font-weight: 800;line-height: 1.2}\n .g2oqji2.g2oqji2.g2oqji2{max-width: 1240px;margin: 0 auto;padding: 0 24px;box-sizing: border-box}\n .g2s8hch.g2s8hch.g2s8hch{position: relative;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600}\n .g4ayl96.g4ayl96.g4ayl96{flex: 0 0 40px;height: 40px;border-radius: 12px;background: #E8F0FF;color: #2556E0;display: flex;align-items: center;justify-content: center}\n .g4f0xwv.g4f0xwv.g4f0xwv{display: block;line-height: 0}\n .g5jl93u.g5jl93u.g5jl93u{height: 42px;width: auto}\n .g5ljoms.g5ljoms.g5ljoms{transition: transform .3s}\n .g6bgc4v.g6bgc4v.g6bgc4v{position: relative;font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: #C7B8FF}\n .g90h0cx.g90h0cx.g90h0cx{font-size: 13px;line-height: 1.45;color: #5A6B85}\n .g99b1ex.g99b1ex.g99b1ex{align-items: center;gap: 8px;min-height: 44px;padding: 0 18px;border: 1.5px solid rgba(255, 255, 255, 0.35);border-radius: 999px;background: transparent;color: #FFFFFF;font: inherit;font-weight: 600;cursor: pointer}\n .g9jbmrj.g9jbmrj.g9jbmrj{display: flex;flex-direction: column;gap: 4px;min-width: 0}\n .ge6ijhw.ge6ijhw.ge6ijhw{max-width: 1240px;margin: 0 auto;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;gap: 24px;transition: padding .3s cubic-bezier(.2,.8,.2,1)}\n .gf4b8e9.gf4b8e9.gf4b8e9{position: relative;display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 0 16px;border: 0;border-radius: 999px;color: #FFFFFF;font: inherit;font-weight: 500;cursor: pointer}\n .gjot56i.gjot56i.gjot56i{width: 12px}\n .gkhxwoc.gkhxwoc.gkhxwoc{margin: 0 16px 16px;padding: 8px 20px 20px;border-radius: 20px;background: #0B1D3D;box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.8)}\n .gl5ee2z.gl5ee2z.gl5ee2z{display: flex;flex-direction: column;gap: 2px}\n .glkuoqt.glkuoqt.glkuoqt{margin: 0 0 6px 12px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: #7A889E}\n .gmga6y3.gmga6y3.gmga6y3{flex: 0 0 40px;height: 40px;border-radius: 12px;background: #FFF1E6;color: #C24A12;display: flex;align-items: center;justify-content: center}\n .gn8a99b.gn8a99b.gn8a99b{flex: 0 0 40px;height: 40px;border-radius: 12px;background: #E9F7F1;color: #1E7A50;display: flex;align-items: center;justify-content: center}\n .gs5zsfk.gs5zsfk.gs5zsfk{display: flex;align-items: flex-start;gap: 14px;padding: 12px;border-radius: 14px;color: #0F2951;text-decoration: none}\n .gslmh3f.gslmh3f.gslmh3f{padding: 8px 0;color: #FFFFFF;text-decoration: none;font-size: 16px}\n .gswuxii.gswuxii.gswuxii{display: flex;align-items: center;justify-content: center;min-height: 50px;margin-top: 10px;border-radius: 999px;background: #FFFFFF;color: #07142B;text-decoration: none;font-weight: 600}\n .gsx8z5m.gsx8z5m.gsx8z5m{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 20px;border-radius: 999px;background: #FFFFFF;color: #07142B;text-decoration: none;font-weight: 600}\n .gtd2e24.gtd2e24.gtd2e24{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;gap: 10px;min-height: 230px;padding: 24px;border-radius: 18px;background: linear-gradient(140deg, #1A3A72 0%, #0F2951 55%, #07142B 100%);color: #FFFFFF;text-decoration: none}\n .gtlrdxl.gtlrdxl.gtlrdxl{padding: 22px;border-radius: 24px;background: #FFFFFF;color: #0F2951;box-shadow: 0 40px 80px -30px rgba(3, 10, 25, 0.75), 0 0 0 1px rgba(15, 41, 81, 0.06)}\n .gumjnkh.gumjnkh.gumjnkh{position: absolute;left: 50%;bottom: 4px;width: 5px;height: 5px;margin-left: -2.5px;border-radius: 50%;background: #FF8A4C}\n .gvngyqw.gvngyqw.gvngyqw{margin: 0 0 4px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: #9FB0CC}\n .gwjum8b.gwjum8b.gwjum8b{display: flex;align-items: center;gap: 4px}\n .gxbuu8g.gxbuu8g.gxbuu8g{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr);gap: 20px}\n .gy7id0z.gy7id0z.gy7id0z{position: absolute;right: -8px;top: -8px;width: 190px;height: 190px;opacity: 0.22}\n .gymltpq.gymltpq.gymltpq{position: absolute;left: 0;right: 0;top: 100%;padding-top: 4px}\n .gyuzl8d.gyuzl8d.gyuzl8d{font-size: 15px;font-weight: 600}\n # <<< atomes\n - type: style\n content: |\n /* Barre collante (maquette : .og-navbar, sticky, 88 px, posée SUR le héros). */\n .geo.geo-hdr{position:sticky;top:0;z-index:60;height:88px;margin-bottom:-88px;overflow:visible;background:transparent;font-size:15px;line-height:1.5;color:#FFFFFF}\n /* Fond : opaque par défaut (navigateur sans animation pilotée par le défilement)… */\n .geo-hdr .nv-root{position:relative;width:100%;background:rgba(7,20,43,.95);box-shadow:0 1px 0 rgba(127,166,255,.16),0 18px 40px -24px rgba(0,0,0,.7)}\n .geo-hdr .ge6ijhw{padding:12px 24px}\n /* …transparent en haut de page puis opaque au défilement (maquette : seuil 40 px). */\n @keyframes geo-hdr-solid{from{background:rgba(7,20,43,0);box-shadow:0 1px 0 rgba(127,166,255,0),0 18px 40px -24px rgba(0,0,0,0)}}\n @keyframes geo-hdr-pad{from{padding:22px 24px}}\n @supports (animation-timeline: scroll()){\n .geo-hdr .nv-root{animation:geo-hdr-solid linear both;animation-timeline:scroll(nearest block);animation-range:24px 56px}\n .geo-hdr .ge6ijhw{animation:geo-hdr-pad linear both;animation-timeline:scroll(nearest block);animation-range:24px 56px}\n }\n .geo-hdr.is-mob .nv-root{animation:none;background:rgba(7,20,43,.95)}\n /* Entrées : fond et chevron suivent aria-expanded (posé par NavShell). */\n .geo-hdr .geo-hdr-entry{position:relative;display:flex}\n .geo-hdr .nv-trig{background:transparent}\n .geo-hdr .nv-trig[aria-expanded=\"true\"]{background:rgba(255,255,255,.12)}\n .geo-hdr .nv-trig[aria-expanded=\"true\"] .g5ljoms{transform:rotate(180deg)}\n .geo-hdr .geo-hdr-row{position:relative;display:flex;flex-direction:column}\n .geo-hdr .gy7id0z{pointer-events:none}\n .geo-hdr .geo-hdr-row > .nv-feat{flex:1}\n .geo-hdr .geo-hdr-dots{position:absolute;inset:0;pointer-events:none}\n /* Entrée DIRECTE (une `url`, pas de colonnes) : un lien qui a l'allure d'un bouton de menu. */\n .geo-hdr .geo-hdr-direct{display:flex}\n .geo-hdr a.nv-trig{text-decoration:none;transition:background .25s}\n .geo-hdr a.nv-trig:hover{background:rgba(255,255,255,.12)}\n .geo-hdr a.nv-trig:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}\n .geo-hdr a.nv-trig[aria-current=\"page\"]{background:rgba(255,255,255,.12)}\n @container (min-width: 1001px){.geo-hdr .nv-mob{display:none}}\n - type: BuilderUnit\n dataBaseLocation: ~~.apiData.data.objectData.data\n content:\n - type: ClassMap\n tag: header\n value: ~~.mobOpen\n map:\n \"true\": is-mob\n defaultClass: \"\"\n attributes:\n class: geo geo-hdr\n content:\n - type: NavShell\n statePath: ~~.navOpen\n content:\n - type: div\n attributes:\n class: nv-root\n content:\n - type: div\n attributes:\n class: ge6ijhw\n content:\n # ---- Logo ------------------------------------------------\n - type: div\n attributes:\n class: geo-hdr-entry\n content:\n - type: BuilderRowToolbar\n labels:\n toolbar: Logo\n edit:\n - { field: logo, type: image, label: Logo }\n - { field: homeUrl, type: link, label: Lien du logo }\n - { field: logoAlt, type: text, label: \"Nom du lien du logo\" }\n - type: ResolvedLink\n value: ~~.apiData.data.objectData.data.homeUrl\n attributes:\n class: g4f0xwv\n aria-label: ~~.apiData.data.objectData.data.logoAlt\n content:\n - type: img\n attributes:\n src: ~~.apiData.data.objectData.data.logo\n alt: \"\"\n aria-hidden: \"true\"\n class: g5jl93u\n # ---- Menus (bureau) --------------------------------------\n - type: nav\n attributes:\n class: nv-desk gwjum8b\n aria-label: ~~.apiData.data.objectData.data.navLabel\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.menus\n singleOption:\n load: trigTpl\n - type: div\n attributes:\n class: builder-edit-only\n content:\n - type: BuilderRowAction\n field: menus\n action: add\n defaultItem: &menuDefault\n label: Menu\n columns:\n - { title: Colonne, links: [] }\n - { title: Colonne, links: [] }\n featured: { kicker: Surtitre, title: Titre de la carte, text: Texte, more: En savoir plus, url: /orbit-geo }\n attributes:\n class: builder-row-add\n title: Ajouter un menu\n content:\n - type: LucideIcon\n name: Plus\n size: 12\n - \" Menu\"\n - type: span\n attributes:\n class: gjot56i\n - type: div\n attributes:\n class: geo-hdr-entry\n content:\n - type: BuilderRowToolbar\n labels:\n toolbar: Bouton\n edit:\n - field: ctaUrl\n type: link\n label: Bouton « Atelier démo »\n labelField: ctaLabel\n labelTitle: Intitulé\n - type: ResolvedLink\n value: ~~.apiData.data.objectData.data.ctaUrl\n attributes:\n class: og-cta og-cta--light gsx8z5m\n content:\n - type: span\n attributes:\n aria-hidden: \"true\"\n class: og-fill\n - type: span\n attributes:\n class: og-lbl\n content:\n - type: span\n attributes:\n class: builder-editable-field\n data-t: ~~.apiData.data.objectData.data.ctaLabel\n content: ~~.apiData.data.objectData.data.ctaLabel\n editable: { field: ctaLabel, type: text, label: Bouton }\n # ---- Bouton « Menu » (sous 1000 px) ------------------------\n - type: button\n attributes:\n type: button\n class: nv-mob-btn g99b1ex\n aria-controls: geo-nav-mob\n aria-expanded: ~~.mobOpen\n actions:\n - what: setData\n on: click\n path: ~~.mobOpen\n value: \"true\"\n when: ~~.mobOpen\n isNot: \"true\"\n - what: setData\n on: click\n path: ~~.mobOpen\n value: \"false\"\n when: ~~.mobOpen\n is: \"true\"\n content:\n - type: RawSvg\n viewBox: 0 0 24 24\n fill: none\n stroke: currentColor\n strokeWidth: 2.2\n width: 18\n height: 18\n attributes:\n aria-hidden: \"true\"\n inner: \n - type: span\n attributes:\n class: builder-editable-field\n content: ~~.apiData.data.objectData.data.mobileLabel\n editable: { field: mobileLabel, type: text, label: Bouton du menu mobile }\n # ---- Panneau du méga-menu (bureau) -----------------------------\n - type: div\n attributes:\n id: geo-nav-panel\n class: nv-panel nv-in gymltpq og-abs\n actions:\n - what: hide\n when: ~~.navOpen\n isEmpty: true\n content:\n - type: div\n attributes:\n class: g2oqji2\n content:\n - type: div\n attributes:\n class: gtlrdxl\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.menus\n singleOption:\n load: panelTpl\n # ---- Menu mobile ----------------------------------------------\n - type: nav\n attributes:\n id: geo-nav-mob\n class: nv-mob nv-in gkhxwoc\n aria-label: ~~.apiData.data.objectData.data.navLabel\n actions:\n - what: hide\n when: ~~.mobOpen\n isNot: \"true\"\n content:\n - type: Switch\n content: ~~.apiData.data.objectData.data.menus\n singleOption:\n load: mobTpl\n - type: ResolvedLink\n value: ~~.apiData.data.objectData.data.ctaUrl\n attributes:\n class: gswuxii\n content:\n - type: span\n attributes:\n class: builder-editable-field\n content: ~~.apiData.data.objectData.data.mobileCtaLabel\n editable: { field: mobileCtaLabel, type: text, label: Bouton du menu mobile }\n - type: DataSync\n path: ~~.apiData\n mode: onIdle\n idleDelay: 1500\n templates:\n # Entrée de menu : un BOUTON (NavShell : `data-nav-key` = contrat, il pose\n # aria-expanded, ouvre au survol/focus, bascule au clic, ferme sur Échap et\n # clic dehors). Point orange : la page courante est l'une de ses entrées.\n # Entrée DIRECTE : une `url` et pas de `columns` → un simple lien, sans panneau\n # (il ne porte pas `data-nav-key`, NavShell ne l'ouvre donc jamais).\n trigTpl:\n type: div\n attributes:\n class: geo-hdr-entry\n content:\n - type: BuilderRowToolbar\n field: menus\n defaultItem: *menuDefault\n labels:\n item: menu\n - type: span\n attributes:\n class: geo-hdr-direct\n actions:\n - { what: hide, when: ~.url, isEmpty: true }\n content:\n - type: a\n attributes:\n class: nv-trig gf4b8e9\n href: ~.url\n attributeTransforms:\n - { what: setAttributeValue, name: aria-current, mode: replace, value: page, when: ~~._page_.path, is: ~.url }\n content:\n - type: span\n attributes:\n class: builder-editable-field\n content: ~.label\n editable: { field: menus, column: label, type: text, label: Libellé du menu }\n - type: span\n attributes:\n class: geo-hdr-dots\n aria-hidden: \"true\"\n content:\n - load: dotTpl\n - type: button\n attributes:\n type: button\n class: nv-trig gf4b8e9\n data-nav-key: ~.label\n aria-controls: geo-nav-panel\n actions:\n - { what: hide, when: ~.url, isNotEmpty: true }\n content:\n - type: span\n attributes:\n class: builder-editable-field\n content: ~.label\n editable: { field: menus, column: label, type: text, label: Libellé du menu }\n - type: RawSvg\n viewBox: 0 0 24 24\n fill: none\n stroke: currentColor\n strokeWidth: 2.4\n width: 14\n height: 14\n attributes:\n class: g5ljoms\n aria-hidden: \"true\"\n inner: \n # Point « rubrique courante » : calque absolu (hors du flux flex du bouton).\n - type: span\n attributes:\n class: geo-hdr-dots\n aria-hidden: \"true\"\n content:\n - type: Switch\n content: ~.columns\n singleOption:\n load: dotColTpl\n dotColTpl:\n type: Switch\n content: ~.links\n singleOption:\n load: dotTpl\n dotTpl:\n type: ClassMap\n tag: span\n value: ~.url\n match: ~~._page_.path\n activeClass: gumjnkh og-abs\n inactiveClass: \"\"\n # Panneau d'un menu : visible quand c'est le menu ouvert.\n panelTpl:\n type: div\n attributes:\n class: nv-swap gxbuu8g\n actions:\n - what: hide\n when: ~~.navOpen\n isNot: ~.label\n content:\n - type: Switch\n content: ~.columns\n singleOption:\n load: colTpl\n - type: div\n attributes:\n class: geo-hdr-row\n content:\n - type: BuilderRowToolbar\n labels:\n toolbar: Carte mise en avant\n edit:\n - field: menus\n column: featured.url\n type: link\n label: Lien de la carte\n - type: ResolvedLink\n value: ~.featured.url\n attributes:\n class: nv-feat gtd2e24\n content:\n - type: img\n attributes:\n src: /brands/orbit-geo/symbole-orbit-geo.svg\n alt: \"\"\n aria-hidden: \"true\"\n class: gy7id0z og-abs\n - type: span\n attributes:\n class: g6bgc4v\n content: ~.featured.kicker\n editable: { field: menus, column: featured.kicker, type: text, label: Surtitre de la carte }\n - type: span\n attributes:\n class: g1zdvjz\n content: ~.featured.title\n editable: { field: menus, column: featured.title, type: text, label: Titre de la carte }\n - type: span\n attributes:\n class: g1ol4x8\n content: ~.featured.text\n editable: { field: menus, column: featured.text, type: textarea, label: Texte de la carte }\n - type: span\n attributes:\n class: nv-more g2s8hch\n content:\n - type: span\n content: ~.featured.more\n editable: { field: menus, column: featured.more, type: text, label: Lien de la carte (intitulé) }\n - type: RawSvg\n viewBox: 0 0 24 24\n fill: none\n stroke: currentColor\n strokeWidth: 1.8\n width: 16\n height: 16\n attributes:\n aria-hidden: \"true\"\n inner: \n colTpl:\n type: div\n attributes:\n class: g9jbmrj geo-hdr-row\n content:\n - type: BuilderRowToolbar\n field: menus.columns\n defaultItem: &colDefault { title: Colonne, links: [] }\n labels:\n item: colonne\n - type: p\n attributes:\n class: glkuoqt\n content: ~.title\n editable: { field: menus.columns, column: title, type: text, label: Titre de la colonne }\n - type: Switch\n content: ~.links\n singleOption:\n load: linkTpl\n - type: div\n attributes:\n class: builder-edit-only\n content:\n - type: BuilderRowAction\n field: menus.columns.links\n action: add\n defaultItem: &linkDefault { label: Entrée, description: Description, url: /orbit-geo, tone: violet, icon: '' }\n attributes:\n class: builder-row-add\n title: Ajouter une entrée\n content:\n - type: LucideIcon\n name: Plus\n size: 12\n - \" Entrée\"\n linkTpl:\n type: div\n attributes:\n class: geo-hdr-row\n content:\n - type: BuilderRowToolbar\n field: menus.columns.links\n defaultItem: *linkDefault\n labels:\n item: entrée\n edit:\n - column: url\n type: link\n label: Lien de l'entrée\n labelColumn: label\n labelTitle: Titre\n - column: tone\n type: select\n label: Couleur du pictogramme\n options:\n - { value: violet, label: Violet }\n - { value: bleu, label: Bleu }\n - { value: vert, label: Vert }\n - { value: orange, label: Orange }\n - column: icon\n type: textarea\n label: Pictogramme (tracé SVG 24 × 24)\n - type: ResolvedLink\n value: ~.url\n attributes:\n class: nv-item gs5zsfk\n content:\n - type: ClassMap\n tag: span\n value: ~.tone\n map:\n violet: g1ggid1\n bleu: g4ayl96\n vert: gn8a99b\n orange: gmga6y3\n defaultClass: g1ggid1\n content:\n - type: RawSvg\n viewBox: 0 0 24 24\n fill: none\n stroke: currentColor\n strokeWidth: 1.8\n width: 20\n height: 20\n attributes:\n aria-hidden: \"true\"\n inner: ~.icon\n - type: span\n attributes:\n class: gl5ee2z\n content:\n - type: span\n attributes:\n class: gyuzl8d\n content: ~.label\n editable: { field: menus.columns.links, column: label, type: text, label: Titre de l'entrée }\n - type: span\n attributes:\n class: g90h0cx\n content: ~.description\n editable: { field: menus.columns.links, column: description, type: text, label: Description de l'entrée }\n # Menu mobile : le nom du menu, puis tous ses liens à plat (colonnes enchaînées).\n mobTpl:\n type: div\n attributes:\n class: g0v7q30\n content:\n - type: p\n attributes:\n class: gvngyqw\n actions:\n - { what: hide, when: ~.url, isNotEmpty: true }\n content: ~.label\n # Entrée directe : un lien, au même rang que les liens des sous-menus.\n - type: span\n attributes:\n class: geo-hdr-direct\n actions:\n - { what: hide, when: ~.url, isEmpty: true }\n content:\n - type: a\n attributes:\n class: gslmh3f\n href: ~.url\n content: ~.label\n - type: Switch\n content: ~.columns\n singleOption:\n load: mobColTpl\n mobColTpl:\n type: Switch\n content: ~.links\n singleOption:\n load: mobLinkTpl\n mobLinkTpl:\n type: ResolvedLink\n value: ~.url\n attributes:\n class: gslmh3f\n content: ~.label\n","authorUid":"0","siteId":10,"siteName":"Orbit Géo","siteIds":[10]},{"item_url":"http://orbit-geo.fr/decoupled-api/node/builder_def/6048?display=decoupled","id":6048,"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","authorUid":"0","siteId":10,"siteName":"Orbit Géo","siteIds":[10]}]

Atlas des AOC