@ckeditor/ckeditor5-merge-fields 0.0.0-nightly-20240905.0 → 0.0.0-nightly-20240906.0

package/src/ui/mergefieldslistview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-function _0x95f4(){var _0x40def1=['340804HKSMTU','21912xNFbUT','2310762Dedxnk','823265eXDRWW','216481ezNuMP','items','4313950jTTXLl','filter','7CMDwwA','2034056vgXqME','3190DtcOyi','2TcCSMV','9oaaNqm','9qjePcC'];_0x95f4=function(){return _0x40def1;};return _0x95f4();}var _0x10dd20=_0x51d3;(function(_0x55bde7,_0x5b97a2){var _0x2411b4=_0x51d3,_0x1f4759=_0x55bde7();while(!![]){try{var _0x3d27e9=parseInt(_0x2411b4(0x190))/0x1*(-parseInt(_0x2411b4(0x189))/0x2)+parseInt(_0x2411b4(0x18b))/0x3*(-parseInt(_0x2411b4(0x18c))/0x4)+parseInt(_0x2411b4(0x18f))/0x5+-parseInt(_0x2411b4(0x18e))/0x6*(-parseInt(_0x2411b4(0x186))/0x7)+parseInt(_0x2411b4(0x187))/0x8*(parseInt(_0x2411b4(0x18a))/0x9)+parseInt(_0x2411b4(0x184))/0xa+parseInt(_0x2411b4(0x188))/0xb*(-parseInt(_0x2411b4(0x18d))/0xc);if(_0x3d27e9===_0x5b97a2)break;else _0x1f4759['push'](_0x1f4759['shift']());}catch(_0x4914a0){_0x1f4759['push'](_0x1f4759['shift']());}}}(_0x95f4,0x39150));import{ListView as _0x18ef3f,filterGroupAndItemNames as _0x3b5d43}from'ckeditor5/src/ui.js';function _0x51d3(_0x4b0fcc,_0x1aa5ee){var _0x95f419=_0x95f4();return _0x51d3=function(_0x51d3f3,_0xd804c){_0x51d3f3=_0x51d3f3-0x183;var _0x1686fc=_0x95f419[_0x51d3f3];return _0x1686fc;},_0x51d3(_0x4b0fcc,_0x1aa5ee);}export default class T extends _0x18ef3f{[_0x10dd20(0x185)](_0x4ddf6d){var _0x216c41=_0x10dd20;return _0x3b5d43(_0x4ddf6d,this[_0x216c41(0x183)]);}}
+var _0x3e7ac5=_0xc458;(function(_0x4a36a3,_0x1e40cc){var _0x15c0d9=_0xc458,_0x4b33ae=_0x4a36a3();while(!![]){try{var _0x1f5382=-parseInt(_0x15c0d9(0xb3))/0x1+-parseInt(_0x15c0d9(0xb2))/0x2+parseInt(_0x15c0d9(0xaf))/0x3+-parseInt(_0x15c0d9(0xb4))/0x4+-parseInt(_0x15c0d9(0xad))/0x5+-parseInt(_0x15c0d9(0xb0))/0x6+parseInt(_0x15c0d9(0xac))/0x7*(parseInt(_0x15c0d9(0xae))/0x8);if(_0x1f5382===_0x1e40cc)break;else _0x4b33ae['push'](_0x4b33ae['shift']());}catch(_0x3a41da){_0x4b33ae['push'](_0x4b33ae['shift']());}}}(_0x42d0,0xcb8b4));import{ListView as _0x5b891b,filterGroupAndItemNames as _0x4a4a01}from'ckeditor5/src/ui.js';function _0x42d0(){var _0x229b3b=['997990DsZjcw','820400YygFHE','4633248dFrFvJ','items','24043985PNZVyb','3633840PZSHJK','8zsHfuc','2483895CSpilG','1347774kvJWKi','filter'];_0x42d0=function(){return _0x229b3b;};return _0x42d0();}function _0xc458(_0x213fe7,_0x57989c){var _0x42d02d=_0x42d0();return _0xc458=function(_0xc458ca,_0x5a8e3a){_0xc458ca=_0xc458ca-0xab;var _0x22096e=_0x42d02d[_0xc458ca];return _0x22096e;},_0xc458(_0x213fe7,_0x57989c);}export default class T extends _0x5b891b{[_0x3e7ac5(0xb1)](_0x125174){var _0x11df28=_0x3e7ac5;return _0x4a4a01(_0x125174,this[_0x11df28(0xab)]);}}

package/src/ui/mergefieldspanelview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-(function(_0xfa2e52,_0x299193){const _0x221ff8=_0x34b0,_0x3e9556=_0xfa2e52();while(!![]){try{const _0x507b17=parseInt(_0x221ff8(0x10b))/0x1+-parseInt(_0x221ff8(0x10a))/0x2*(-parseInt(_0x221ff8(0x10f))/0x3)+parseInt(_0x221ff8(0x117))/0x4*(parseInt(_0x221ff8(0x110))/0x5)+parseInt(_0x221ff8(0x10e))/0x6*(parseInt(_0x221ff8(0x10c))/0x7)+-parseInt(_0x221ff8(0x10d))/0x8+parseInt(_0x221ff8(0x116))/0x9+-parseInt(_0x221ff8(0x108))/0xa;if(_0x507b17===_0x299193)break;else _0x3e9556['push'](_0x3e9556['shift']());}catch(_0x370fc0){_0x3e9556['push'](_0x3e9556['shift']());}}}(_0x46e9,0x7f806));import{View as _0x2ffa35}from'ckeditor5/src/ui.js';function _0x34b0(_0xccbc79,_0x35bc95){const _0x46e91b=_0x46e9();return _0x34b0=function(_0x34b081,_0x3aa751){_0x34b081=_0x34b081-0x108;let _0x8f3014=_0x46e91b[_0x34b081];return _0x8f3014;},_0x34b0(_0xccbc79,_0x35bc95);}function _0x46e9(){const _0x4e14bf=['24590jhCiLj','355404hyRAkv','189foMHst','2207248ghMwYQ','74730INJrtp','69fZBMeQ','711945lfvEvR','div','setTemplate','bindTemplate','set','text','2209608BiDwuM','20vizSfm','ck-merge-fields-form','11337790AdlNcF','ck-merge-fields-form__status'];_0x46e9=function(){return _0x4e14bf;};return _0x46e9();}export default class U extends _0x2ffa35{constructor(_0x290bf2){const _0x117509=_0x34b0;super(_0x290bf2),this[_0x117509(0x114)](_0x117509(0x115),'');const _0x3aaa6d=this[_0x117509(0x113)];this[_0x117509(0x112)]({'tag':_0x117509(0x111),'attributes':{'class':['ck',_0x117509(0x118)]},'children':[{'tag':_0x117509(0x111),'attributes':{'class':['ck',_0x117509(0x109)]},'children':[{'text':_0x3aaa6d['to'](_0x117509(0x115))}]}]});}}
+function _0x20a3(_0x25c9d8,_0x48f967){const _0x1b3bb4=_0x1b3b();return _0x20a3=function(_0x20a3ed,_0xd84b6a){_0x20a3ed=_0x20a3ed-0x18e;let _0x22c002=_0x1b3bb4[_0x20a3ed];return _0x22c002;},_0x20a3(_0x25c9d8,_0x48f967);}(function(_0x7b24d9,_0x346b42){const _0x19b175=_0x20a3,_0x14ba11=_0x7b24d9();while(!![]){try{const _0xa40769=parseInt(_0x19b175(0x191))/0x1*(-parseInt(_0x19b175(0x18e))/0x2)+-parseInt(_0x19b175(0x1a0))/0x3+-parseInt(_0x19b175(0x19c))/0x4*(-parseInt(_0x19b175(0x1a1))/0x5)+parseInt(_0x19b175(0x19d))/0x6*(-parseInt(_0x19b175(0x19b))/0x7)+-parseInt(_0x19b175(0x194))/0x8*(-parseInt(_0x19b175(0x195))/0x9)+-parseInt(_0x19b175(0x199))/0xa*(-parseInt(_0x19b175(0x19a))/0xb)+parseInt(_0x19b175(0x197))/0xc*(parseInt(_0x19b175(0x193))/0xd);if(_0xa40769===_0x346b42)break;else _0x14ba11['push'](_0x14ba11['shift']());}catch(_0x273432){_0x14ba11['push'](_0x14ba11['shift']());}}}(_0x1b3b,0x6297c));import{View as _0x2340ca}from'ckeditor5/src/ui.js';function _0x1b3b(){const _0x3e9abf=['text','26TJpMbd','160dREZyn','225378pezBMc','setTemplate','1742484tLiiSA','ck-merge-fields-form','10zGrUmH','2746513YjIrYd','1043rHYkoq','412172TytESt','18246onMcOJ','div','set','1700001RNKekv','25wCoJvJ','22090DoipXp','bindTemplate','ck-merge-fields-form__status','12NLaCYG'];_0x1b3b=function(){return _0x3e9abf;};return _0x1b3b();}export default class U extends _0x2340ca{constructor(_0x5af2af){const _0xbe9e71=_0x20a3;super(_0x5af2af),this[_0xbe9e71(0x19f)](_0xbe9e71(0x192),'');const _0x25116c=this[_0xbe9e71(0x18f)];this[_0xbe9e71(0x196)]({'tag':_0xbe9e71(0x19e),'attributes':{'class':['ck',_0xbe9e71(0x198)]},'children':[{'tag':_0xbe9e71(0x19e),'attributes':{'class':['ck',_0xbe9e71(0x190)]},'children':[{'text':_0x25116c['to'](_0xbe9e71(0x192))}]}]});}}

package/src/utils/common-translations.js

@@ -20,4 +20,4 @@
  *
  *
  */
-export function getTranslation(_0x1a876d,_0x2913ce,_0x3848bc){const t=_0x1a876d['t'];switch(_0x2913ce){case'Search\x20merge\x20field':return t('Search\x20merge\x20field');case'No\x20merge\x20fields\x20found':return t('No\x20merge\x20fields\x20found');case'No\x20merge\x20fields\x20available':return t('No\x20merge\x20fields\x20available');case'Insert\x20merge\x20field':return t('Insert\x20merge\x20field');case'Merge\x20field':return t('Merge\x20field');case'Merge\x20fields\x20preview':return t('Merge\x20fields\x20preview');case'Labels':return t('Labels');case'Default\x20values':return t('Default\x20values');case'WARNING_MISSING_DATA_USED_DEFAULT_VALUE':return t({'string':'Default\x20value\x20is\x20used.','id':'WARNING_MISSING_DATA_USED_DEFAULT_VALUE'});case'WARNING_MISSING_DEFAULT_VALUE':return t({'string':'Default\x20value\x20not\x20available.','id':'WARNING_MISSING_DEFAULT_VALUE'});case'WARNING_MISSING_DATA':return t({'string':'Value\x20not\x20available.','id':'WARNING_MISSING_DATA'});default:return _0x2913ce;}}
+export function getTranslation(_0x592a84,_0x4574a7,_0x3602cc){const t=_0x592a84['t'];switch(_0x4574a7){case'Search\x20merge\x20field':return t('Search\x20merge\x20field');case'No\x20merge\x20fields\x20found':return t('No\x20merge\x20fields\x20found');case'No\x20merge\x20fields\x20available':return t('No\x20merge\x20fields\x20available');case'Insert\x20merge\x20field':return t('Insert\x20merge\x20field');case'Merge\x20field':return t('Merge\x20field');case'Merge\x20fields\x20preview':return t('Merge\x20fields\x20preview');case'Labels':return t('Labels');case'Default\x20values':return t('Default\x20values');case'WARNING_MISSING_DATA_USED_DEFAULT_VALUE':return t({'string':'Default\x20value\x20is\x20used.','id':'WARNING_MISSING_DATA_USED_DEFAULT_VALUE'});case'WARNING_MISSING_DEFAULT_VALUE':return t({'string':'Default\x20value\x20not\x20available.','id':'WARNING_MISSING_DEFAULT_VALUE'});case'WARNING_MISSING_DATA':return t({'string':'Value\x20not\x20available.','id':'WARNING_MISSING_DATA'});default:return _0x4574a7;}}

package/theme/mergefields.css

@@ -8,7 +8,7 @@
  */
 
 :root {
-	--ck-merge-fields-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal) * 0.45);
+	--ck-merge-fields-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal) * 0.55);
 	--ck-merge-fields-paddings-vertical: 2px;
 
 	--ck-color-merge-fields-form-error-background: hsl(15, 100%, 97%);
@@ -17,70 +17,87 @@
 	--ck-color-merge-fields-value-outline: hsl(0, 0%, 57%);
 	--ck-color-merge-fields-with-warning-outline: hsl(15, 80%, 59%);
 
+	--ck-color-merge-fields-block-outline: hsl(0, 0%, 87%);
+	--ck-color-merge-fields-block-background: hsl(0, 0%, 98%);
+
 	--ck-color-merge-fields-affix-color: hsl(218, 82%, 57%);
 }
 
+/* stylelint-disable no-descending-specificity */
 .ck .ck-merge-field-block {
-	display: flex;
 	margin: 0.9em auto;
-	align-items: center;
-	justify-content: center;
 
 	&:hover {
 		transition: none;
 		cursor: default;
 	}
 
-	&.ck-merge-field-block_with-value, &.ck-merge-field-block_with-warning {
-		/* Make sure the content in the block does not overflow and is still centered. */
+	/* When there is no actual data in the block, center the content (label or warning).
+	In other cases, the integrator has to style the content as they wish. */
+	&:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value),
+	&.ck-merge-field-block_with-warning_no-default,
+	&.ck-merge-field-block_with-warning_missing-data {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background-color: var(--ck-color-merge-fields-block-background);
+
+		& .ck-merge-field {
+			background-color: hsl(0, 0%, 100%);
+			margin: 0 0.5em;
+		}
+
+		&.ck-merge-field-block_with-warning_no-default,
+		&.ck-merge-field-block_with-warning_missing-data {
+			& .ck-merge-field {
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+				line-height: 1.3em;
+			}
+		}
+	}
+
+	&.ck-merge-field-block_with-warning_default-value-used,
+	&.ck-merge-field-block_with-value {
+		/* Make sure the content in the block does not overflow. */
 		& .ck-merge-field {
 			overflow: hidden;
-			display: flex;
-			justify-content: center;
 		}
 
+		/* Styling for the label displayed in the upper-left corner in the data set previews:
+			* when data is available (shows merge field icon);
+			* when default value is used (shows merge field and error icons). */
 		&::before {
 			position: absolute;
 			z-index: 1;
-			top: var(--ck-spacing-medium);
-			left: var(--ck-spacing-medium);
-			background: hsl(0 0% 98%);
-			padding: var(--ck-spacing-tiny) 1px;
+			top: var(--ck-spacing-small);
+			left: var(--ck-spacing-small);
+			padding: 2px 2px 2.5px 2px;
 			border-radius: 2px;
-			line-height: 1em;
-			font-family: var(--ck-font-face);
+			line-height: 0em;
+			background-color: hsl(0, 0%, 100%);
 		}
-	}
-
-	&:not(:hover):not(.ck-widget_selected) {
-		outline: 1px solid var(--ck-color-merge-fields-outline);
-	}
 
-	&.ck-merge-field-block_with-warning {
-		&::before {
-			content: attr(data-merge-field-block-label) ' ' url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
-			outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+		/* Styling for the warning: merge field icon + warning icon with the red outline. */
+		&:not(.ck-merge-field-block_with-value) {
+			&::before {
+				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E') url('data:image/svg+xml,%3Csvg width="15" height="13" viewBox="-2 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+			}
 		}
 
-		&:not(:hover):not(.ck-widget_selected) {
-			outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+		/* Styling for the value preview: merge field icon with the grey outline. */
+		&:not(.ck-merge-field-block_with-warning) {
+			&::before {
+				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E');
+				outline: 1px solid var(--ck-color-merge-fields-value-outline);
+			}
 		}
 	}
 
+	&:not(:hover):not(.ck-widget_selected),
 	&.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
 	&.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
-		outline: 1px solid var(--ck-color-merge-fields-outline);
-
-		&.ck-merge-field-block_with-warning {
-			outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
-		}
-	}
-
-	&.ck-merge-field-block_with-value {
-		&::before {
-			content: attr(data-merge-field-block-label);
-			outline: 1px solid var(--ck-color-merge-fields-value-outline);
-		}
+		outline: 1px solid var(--ck-color-merge-fields-block-outline);
 	}
 
 	&[dir="rtl"]::before {
@@ -89,27 +106,36 @@
 	}
 }
 
-/* stylelint-disable no-descending-specificity */
 .ck .ck-merge-field {
+	border-radius: 2px;
+
 	&:hover {
 		transition: none;
 		cursor: default;
 	}
 
-	&:not( .ck-merge-field-block * ) {
-		/* Styles for textual (inline) merge fields only. */
+	&.ck-merge-field_with-warning {
+		padding-left: 0.15em;
+	}
+
+	&:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
 		padding-top: var(--ck-merge-fields-paddings-vertical);
 		padding-bottom: var(--ck-merge-fields-paddings-vertical);
-		-webkit-user-select: none;
-		white-space: nowrap;
-		outline-offset: 0;
-		margin: 0 1px 0 2px;
-		line-height: 0;
-		border-radius: 2px;
+		line-height: 1.1em;
 
 		&:not(:hover):not(.ck-widget_selected) {
 			outline: 1px solid var(--ck-color-merge-fields-outline);
 		}
+	}
+
+	&:not(.ck-merge-field-block *) {
+		/* Styles for textual (inline) merge fields only. */
+		-webkit-user-select: none;
+		white-space: nowrap;
+		margin: 0 1px 0 2px;
+		line-height: 0;
+		padding-top: var(--ck-merge-fields-paddings-vertical);
+		padding-bottom: var(--ck-merge-fields-paddings-vertical);
 
 		&.ck-merge-field_with-warning {
 			white-space: normal;
@@ -174,7 +200,6 @@
 		padding-right: 0.15em;
 	}
 }
-/* stylelint-enable no-descending-specificity */
 
 .ck .ck-merge-fields-form {
 	padding: var(--ck-spacing-medium);
@@ -193,7 +218,36 @@
 	}
 }
 
+/* Show outlines for hovered merge fields in read–only mode. */
+.ck-editor__editable.ck-read-only {
+	& .ck-merge-field-block:hover:not(.ck-widget_selected) {
+		outline: 1px solid var(--ck-color-merge-fields-block-outline);
+	}
+
+	& .ck-merge-field:hover:not(.ck-widget_selected) {
+		&:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
+			outline: 1px solid var(--ck-color-merge-fields-outline);
+			padding-top: var(--ck-merge-fields-paddings-vertical);
+			padding-bottom: var(--ck-merge-fields-paddings-vertical);
+		}
+
+		&:not(.ck-merge-field-block *) {
+			outline: 1px solid var(--ck-color-merge-fields-outline);
+
+			&.ck-merge-field_with-warning {
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+			}
+
+			&.ck-merge-field_with-value {
+				outline: 1px solid var(--ck-color-merge-fields-value-outline);
+			}
+		}
+	}
+}
+
 /* Disable all mouse interaction for block merge field previews as long as the editor is not read–only. */
 .ck-editor__editable:not(.ck-read-only) .ck-widget.ck-merge-field-block .ck-merge-field {
 	pointer-events: none;
 }
+
+/* stylelint-enable no-descending-specificity */