#12079: 3D - ExtrusionOutline for extruded features

web/client/components/styleeditor/__tests__/VisualStyleEditor-test.js

@@ -583,7 +583,9 @@ describe('VisualStyleEditor', () => {
                     'styleeditor.height',
                     'styleeditor.msExtrusionRelativeToGeometry',
                     'styleeditor.msExtrudedHeight',
-                    'styleeditor.msExtrusionColor'
+                    'styleeditor.msExtrusionColor',
+                    'styleeditor.msExtrusionOutlineColor',
+                    'styleeditor.msExtrusionOutlineWidth'
                 ]);
                 done();
             }).catch(done);

web/client/components/styleeditor/config/blocks.js

@@ -266,6 +266,18 @@ const line3dExtrusion = ({ isDisabled }) => ({
             ];
         },
         isDisabled
+    }),
+    msExtrusionOutlineColor: property.color({
+        key: 'msExtrusionOutlineColor',
+        opacityKey: 'msExtrusionOutlineOpacity',
+        label: 'styleeditor.msExtrusionOutlineColor',
+        stroke: true,
+        isDisabled
+    }),
+    msExtrusionOutlineWidth: property.width({
+        key: 'msExtrusionOutlineWidth',
+        label: 'styleeditor.msExtrusionOutlineWidth',
+        isDisabled: (value, properties) => isDisabled(value, properties) || !!properties?.msExtrusionType
     })
 });
 
@@ -494,13 +506,11 @@ const getBlocks = ({
                     key: 'outlineColor',
                     opacityKey: 'outlineOpacity',
                     label: 'styleeditor.outlineColor',
-                    stroke: true,
-                    isDisabled: (value, properties) => !properties?.msClampToGround && !!properties?.msExtrudedHeight
+                    stroke: true
                 }),
                 outlineWidth: property.width({
                     key: 'outlineWidth',
-                    label: 'styleeditor.outlineWidth',
-                    isDisabled: (value, properties) => !properties?.msClampToGround && !!properties?.msExtrudedHeight
+                    label: 'styleeditor.outlineWidth'
                 }),
                 ...(!shouldHideVectorStyleOptions && {
                     outlineDasharray: property.dasharray({

web/client/translations/data.ca-ES.json

@@ -2790,6 +2790,8 @@
       "msExtrudedHeight": "Al\u00e7ada extru\u00efda",
       "msExtrusionColor": "Color d'extrusi\u00f3",
       "msExtrusionType": "Tipus d'extrusi\u00f3",
+      "msExtrusionOutlineColor": "Color del contorn d'extrusió",
+      "msExtrusionOutlineWidth": "Amplada del contorn d'extrusió",
       "wall": "Paret",
       "enableBanding": "Band Styling",
       "selectChannel": "Seleccioneu una banda",

web/client/translations/data.da-DK.json

@@ -2863,6 +2863,8 @@
       "msExtrudedHeight": "Ekstruderet højde",
       "msExtrusionColor": "Ekstruderingsfarve",
       "msExtrusionType": "Ekstruderingstype",
+      "msExtrusionOutlineColor": "Ekstruderingskonturfærge",
+      "msExtrusionOutlineWidth": "Ekstruderingskonturbredde",
       "wall": "Væg",
       "enableBanding": "Båndstyling",
       "selectChannel": "Vælg en bånd",

web/client/translations/data.de-DE.json

@@ -2979,6 +2979,8 @@
       "msExtrudedHeight": "Extrudierte Höhe",
       "msExtrusionColor": "Extrusionsfarbe",
       "msExtrusionType": "Extrusionstyp",
+      "msExtrusionOutlineColor": "Extrusionsumrissfarbe",
+      "msExtrusionOutlineWidth": "Extrusionsumrissbreite",
       "wall": "Wand",
       "enableBanding": "Band styling",
       "selectChannel": "Wählen Sie eine Band aus",

web/client/translations/data.en-US.json

@@ -2948,6 +2948,8 @@
       "msExtrudedHeight": "Extruded height",
       "msExtrusionColor": "Extrusion color",
       "msExtrusionType": "Extrusion type",
+      "msExtrusionOutlineColor": "Extrusion outline color",
+      "msExtrusionOutlineWidth": "Extrusion outline width",
       "wall": "Wall",
       "enableBanding": "Band styling",
       "selectChannel": "Select a band",

web/client/translations/data.es-ES.json

@@ -2936,6 +2936,8 @@
       "msExtrudedHeight": "Altura extruida",
       "msExtrusionColor": "Color de extrusión",
       "msExtrusionType": "Tipo de extrusión",
+      "msExtrusionOutlineColor": "Color de contorno de extrusión",
+      "msExtrusionOutlineWidth": "Ancho de contorno de extrusión",
       "wall": "Muro",
       "enableBanding": "Estilo de banda",
       "selectChannel": "Selecciona una banda",

web/client/translations/data.fr-FR.json

@@ -2940,6 +2940,8 @@
       "msExtrudedHeight": "Hauteur extrudée",
       "msExtrusionColor": "Couleur d'extrusion",
       "msExtrusionType": "Type d'extrusion",
+      "msExtrusionOutlineColor": "Couleur du contour d'extrusion",
+      "msExtrusionOutlineWidth": "Largeur du contour d'extrusion",
       "wall": "Mur",
       "enableBanding": "Style de bande",
       "selectChannel": "Sélectionnez un groupe",

web/client/translations/data.it-IT.json

@@ -2940,6 +2940,8 @@
       "msExtrudedHeight": "Altezza estrusa",
       "msExtrusionColor": "Colore estrusione",
       "msExtrusionType": "Tipo estrusione",
+      "msExtrusionOutlineColor": "Colore contorno estrusione",
+      "msExtrusionOutlineWidth": "Larghezza contorno estrusione",
       "wall": "Muro",
       "enableBanding": "Stile a fascia",
       "selectChannel": "Seleziona una banda",

web/client/translations/data.nl-NL.json

@@ -2795,6 +2795,8 @@
       "msExtrudedHeight": "Extrusiehoogte",
       "msExtrusionColor": "Extrusiekleur",
       "msExtrusionType": "Extrusietype",
+      "msExtrusionOutlineColor": "Kleur extrusieomtrek",
+      "msExtrusionOutlineWidth": "Breedte extrusieomtrek",
       "wall": "Muur",
       "enableBanding": "Bandstijl",
       "selectChannel": "Selecteer een band",

web/client/translations/data.pt-BR.json

@@ -2808,6 +2808,8 @@
       "msExtrudedHeight": "Altura extrusada",
       "msExtrusionColor": "Cor da extrusão",
       "msExtrusionType": "Tipo de extrusão",
+      "msExtrusionOutlineColor": "Cor do contorno da extrusão",
+      "msExtrusionOutlineWidth": "Largura do contorno da extrusão",
       "wall": "Parede",
       "enableBanding": "Estilização de banda",
       "selectChannel": "Selecionar uma banda",

web/client/translations/data.sv-SE.json

@@ -2791,6 +2791,8 @@
       "msExtrudedHeight": "Extruderad höjd",
       "msExtrusionColor": "Extruderingsfärg",
       "msExtrusionType": "Typ av extrudering",
+      "msExtrusionOutlineColor": "Extruderingskonturfärg",
+      "msExtrusionOutlineWidth": "Extruderingskonturbredd",
       "wall": "Vägg",
       "enableBanding": "Bandstil",
       "selectChannel": "Välj ett band",