add cvd to the settings > address fields layout

CHANGELOG-WIP.md

@@ -41,6 +41,7 @@
 - Added the “Palette” setting to Color fields, which replaces “Presets”. ([#16249](https://github.com/craftcms/cms/pull/16249))
 - Added the “Allow custom colors” setting to Color fields. ([#16249](https://github.com/craftcms/cms/pull/16249))
 - Added the “Field” entry condition rule, which replaces “Matrix field”, includes a “has a value” operator. ([#16270](https://github.com/craftcms/cms/discussions/16270))
+- Added a card view designer for addresses. ([#16446](https://github.com/craftcms/cms/pull/16446))
 - It’s now possible to view (but not edit) system and plugin settings on environments where `allowAdminChanges` is disabled. ([#16265](https://github.com/craftcms/cms/pull/16265)) 
 - Section condition rules now have a “has a value” operator. ([#16270](https://github.com/craftcms/cms/discussions/16270))
 - Added “Copy plugin handle” and “Copy package name” options to plugins’ action menus on the Plugins index page. ([#16281](https://github.com/craftcms/cms/discussions/16281))

src/fieldlayoutelements/addresses/AddressField.php

@@ -79,6 +79,15 @@ protected function showLabel(): bool
         return false;
     }
 
+    /**
+     * @inheritdoc
+     */
+    protected function defaultLabel(?ElementInterface $element = null, bool $static = false): ?string
+    {
+        // we need it for the card view designer
+        return Craft::t('app', 'Address');
+    }
+
     /**
      * @inheritdoc
      */
@@ -196,4 +205,25 @@ protected function inputHtml(?ElementInterface $element = null, bool $static = f
         // Not actually needed since we're overriding formHtml()
         return null;
     }
+
+    /**
+     * @inheritdoc
+     */
+    public function previewPlaceholderHtml(mixed $value, ?ElementInterface $element): string
+    {
+        if ($element instanceof Address) {
+            return $this->previewHtml($element);
+        } else {
+            $address = new Address([
+                'countryCode' => 'US',
+                'administrativeArea' => 'AK',
+                'addressLine1' => 'Address Line 1',
+                'locality' => 'Some City',
+                'postalCode' => '12345',
+            ]);
+            return Html::tag('div', Craft::$app->getAddresses()->formatAddress($address), [
+                'class' => 'no-truncate',
+            ]);
+        }
+    }
 }

src/fieldlayoutelements/addresses/CountryCodeField.php

@@ -7,6 +7,7 @@
 
 namespace craft\fieldlayoutelements\addresses;
 
+use CommerceGuys\Addressing\Country\Country;
 use Craft;
 use craft\base\ElementInterface;
 use craft\elements\Address;
@@ -113,4 +114,21 @@ protected function inputHtml(?ElementInterface $element = null, bool $static = f
             ]) .
             Html::endTag('div');
     }
+
+    /**
+     * @inheritdoc
+     */
+    public function previewPlaceholderHtml(mixed $value, ?ElementInterface $element): string
+    {
+        if (!$value) {
+            $countries = Craft::$app->getAddresses()->getCountryRepository()->getList(Craft::$app->language);
+            $value = $countries['US'];
+        } else {
+            if ($value instanceof Country) {
+                $value = $value->getName();
+            }
+        }
+
+        return $value;
+    }
 }

src/fieldlayoutelements/addresses/LatLongField.php

@@ -96,6 +96,15 @@ protected function showLabel(): bool
         return false;
     }
 
+    /**
+     * @inheritdoc
+     */
+    protected function defaultLabel(?ElementInterface $element = null, bool $static = false): ?string
+    {
+        // we need it for the card view designer
+        return Craft::t('app', 'Latitude/Longitude');
+    }
+
     /**
      * @inheritdoc
      */
@@ -150,4 +159,16 @@ protected function errors(?ElementInterface $element = null): array
         }
         return array_merge($element->getErrors('latitude'), $element->getErrors('longitude'));
     }
+
+    /**
+     * @inheritdoc
+     */
+    public function previewPlaceholderHtml(mixed $value, ?ElementInterface $element): string
+    {
+        if ($element) {
+            return $this->previewHtml($element);
+        }
+
+        return '61.108, -149.779';
+    }
 }

src/templates/settings/addresses/_fields.twig

@@ -18,6 +18,7 @@
     {{ forms.fieldLayoutDesignerField({
       first: true,
       fieldLayout: fieldLayout ?? craft.app.addresses.getFieldLayout(),
+      withCardViewDesigner: true,
     }) }}
 
     <div class="buttons">