@ckeditor/ckeditor5-merge-fields 43.1.0-alpha.1 → 43.1.0-alpha.3

package/src/ui/mergefieldslistview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-var _0x383100=_0x13d7;(function(_0x4bedee,_0x283ecd){var _0x43a0a8=_0x13d7,_0x4f9006=_0x4bedee();while(!![]){try{var _0x44b0a2=-parseInt(_0x43a0a8(0x9c))/0x1*(parseInt(_0x43a0a8(0x97))/0x2)+-parseInt(_0x43a0a8(0x9a))/0x3*(-parseInt(_0x43a0a8(0x9d))/0x4)+parseInt(_0x43a0a8(0x98))/0x5+-parseInt(_0x43a0a8(0x9b))/0x6+-parseInt(_0x43a0a8(0x9e))/0x7+-parseInt(_0x43a0a8(0x95))/0x8+parseInt(_0x43a0a8(0x96))/0x9;if(_0x44b0a2===_0x283ecd)break;else _0x4f9006['push'](_0x4f9006['shift']());}catch(_0x5c2e96){_0x4f9006['push'](_0x4f9006['shift']());}}}(_0x1b6c,0x2f04a));import{ListView as _0x33e6b6,filterGroupAndItemNames as _0x5916e0}from'ckeditor5/src/ui.js';function _0x13d7(_0x438bff,_0x2a7bc2){var _0x1b6c56=_0x1b6c();return _0x13d7=function(_0x13d738,_0x33fd11){_0x13d738=_0x13d738-0x95;var _0xb31d5b=_0x1b6c56[_0x13d738];return _0xb31d5b;},_0x13d7(_0x438bff,_0x2a7bc2);}export default class T extends _0x33e6b6{[_0x383100(0x99)](_0x2c4975){var _0x4fbf16=_0x383100;return _0x5916e0(_0x2c4975,this[_0x4fbf16(0x9f)]);}}function _0x1b6c(){var _0x5082fe=['189800MbExUd','4283928xLGWEQ','8420JNBlxs','200390jnnjkN','filter','30KnUfRm','1926546PAwRlk','1wwFrdR','139364lxNcna','2260076pCODNq','items'];_0x1b6c=function(){return _0x5082fe;};return _0x1b6c();}
+function _0x2b52(){var _0x266e75=['706014oABFVf','2smmFpY','64ksytoa','1794499FKoEDt','2487ghEsxi','141XnMaom','374373HgLaWR','filter','3059810hcTwvz','items','17144CgUpSD','16887380mSDsTf'];_0x2b52=function(){return _0x266e75;};return _0x2b52();}var _0x20781c=_0x18e4;(function(_0x389182,_0x436c4b){var _0x2d3e71=_0x18e4,_0x413cc1=_0x389182();while(!![]){try{var _0x52080e=-parseInt(_0x2d3e71(0x116))/0x1*(parseInt(_0x2d3e71(0x113))/0x2)+parseInt(_0x2d3e71(0x117))/0x3*(-parseInt(_0x2d3e71(0x110))/0x4)+-parseInt(_0x2d3e71(0x10e))/0x5+parseInt(_0x2d3e71(0x112))/0x6+-parseInt(_0x2d3e71(0x115))/0x7+parseInt(_0x2d3e71(0x114))/0x8*(-parseInt(_0x2d3e71(0x10c))/0x9)+parseInt(_0x2d3e71(0x111))/0xa;if(_0x52080e===_0x436c4b)break;else _0x413cc1['push'](_0x413cc1['shift']());}catch(_0x5505c8){_0x413cc1['push'](_0x413cc1['shift']());}}}(_0x2b52,0x61fe7));function _0x18e4(_0xebe874,_0x191dde){var _0x2b52d8=_0x2b52();return _0x18e4=function(_0x18e4c0,_0xacd8c3){_0x18e4c0=_0x18e4c0-0x10c;var _0x11496c=_0x2b52d8[_0x18e4c0];return _0x11496c;},_0x18e4(_0xebe874,_0x191dde);}import{ListView as _0x14dd88,filterGroupAndItemNames as _0x23918c}from'ckeditor5/src/ui.js';export default class U extends _0x14dd88{[_0x20781c(0x10d)](_0x261707){var _0x25b82e=_0x20781c;return _0x23918c(_0x261707,this[_0x25b82e(0x10f)]);}}

package/src/ui/mergefieldspanelview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-(function(_0x4e25c6,_0x20ead0){const _0x2e0b07=_0x488b,_0x5c9fdd=_0x4e25c6();while(!![]){try{const _0x259cd4=parseInt(_0x2e0b07(0x1d8))/0x1*(parseInt(_0x2e0b07(0x1cd))/0x2)+parseInt(_0x2e0b07(0x1d1))/0x3+parseInt(_0x2e0b07(0x1d7))/0x4*(parseInt(_0x2e0b07(0x1d6))/0x5)+parseInt(_0x2e0b07(0x1ce))/0x6+parseInt(_0x2e0b07(0x1d2))/0x7+parseInt(_0x2e0b07(0x1cf))/0x8*(-parseInt(_0x2e0b07(0x1d3))/0x9)+-parseInt(_0x2e0b07(0x1cb))/0xa;if(_0x259cd4===_0x20ead0)break;else _0x5c9fdd['push'](_0x5c9fdd['shift']());}catch(_0x2c8cf5){_0x5c9fdd['push'](_0x5c9fdd['shift']());}}}(_0x1dbb,0x92fc7));import{View as _0x17e4d5}from'ckeditor5/src/ui.js';function _0x488b(_0xb10bd2,_0x35f78b){const _0x1dbb1f=_0x1dbb();return _0x488b=function(_0x488ba0,_0x430639){_0x488ba0=_0x488ba0-0x1cb;let _0x455bfc=_0x1dbb1f[_0x488ba0];return _0x455bfc;},_0x488b(_0xb10bd2,_0x35f78b);}export default class U extends _0x17e4d5{constructor(_0x21a108){const _0x4b9680=_0x488b;super(_0x21a108),this[_0x4b9680(0x1db)](_0x4b9680(0x1d5),'');const _0x167e64=this[_0x4b9680(0x1d4)];this[_0x4b9680(0x1d9)]({'tag':_0x4b9680(0x1da),'attributes':{'class':['ck',_0x4b9680(0x1cc)]},'children':[{'tag':_0x4b9680(0x1da),'attributes':{'class':['ck',_0x4b9680(0x1d0)]},'children':[{'text':_0x167e64['to'](_0x4b9680(0x1d5))}]}]});}}function _0x1dbb(){const _0x48b06b=['setTemplate','div','set','26854610WRXntd','ck-merge-fields-form','1844FLasqO','1973700nGzyhc','2936EioCND','ck-merge-fields-form__status','1987410DgEwMN','5974626JIQWyu','16146ipSHOn','bindTemplate','text','2564810acMRaU','8UlGtTm','1166lMhRoh'];_0x1dbb=function(){return _0x48b06b;};return _0x1dbb();}
+function _0xd3cf(){const _0x2e914e=['bindTemplate','4230117BiEQRZ','392oXvZHI','set','div','2865996vqYueE','9725232CFrIIC','8721365EHHlhP','1283223KyGqqo','11871664BNMnZz','ck-merge-fields-form__status','6GBTBIn','ck-merge-fields-form','text','27801SfuEaA','setTemplate'];_0xd3cf=function(){return _0x2e914e;};return _0xd3cf();}(function(_0x5e6588,_0x4c29de){const _0x451d8d=_0xa69f,_0x58dd3e=_0x5e6588();while(!![]){try{const _0x18f5d2=parseInt(_0x451d8d(0x159))/0x1+parseInt(_0x451d8d(0x153))/0x2*(-parseInt(_0x451d8d(0x14f))/0x3)+parseInt(_0x451d8d(0x156))/0x4+parseInt(_0x451d8d(0x158))/0x5*(parseInt(_0x451d8d(0x14c))/0x6)+-parseInt(_0x451d8d(0x15a))/0x7+parseInt(_0x451d8d(0x157))/0x8+-parseInt(_0x451d8d(0x152))/0x9;if(_0x18f5d2===_0x4c29de)break;else _0x58dd3e['push'](_0x58dd3e['shift']());}catch(_0x49e803){_0x58dd3e['push'](_0x58dd3e['shift']());}}}(_0xd3cf,0xee9c8));function _0xa69f(_0x3ae018,_0x2cff9c){const _0xd3cf59=_0xd3cf();return _0xa69f=function(_0xa69fba,_0x2106ee){_0xa69fba=_0xa69fba-0x14c;let _0x56baf7=_0xd3cf59[_0xa69fba];return _0x56baf7;},_0xa69f(_0x3ae018,_0x2cff9c);}import{View as _0x58f60c}from'ckeditor5/src/ui.js';export default class $ extends _0x58f60c{constructor(_0x879f44){const _0x2f1fd4=_0xa69f;super(_0x879f44),this[_0x2f1fd4(0x154)](_0x2f1fd4(0x14e),'');const _0x37095e=this[_0x2f1fd4(0x151)];this[_0x2f1fd4(0x150)]({'tag':_0x2f1fd4(0x155),'attributes':{'class':['ck',_0x2f1fd4(0x14d)]},'children':[{'tag':_0x2f1fd4(0x155),'attributes':{'class':['ck',_0x2f1fd4(0x15b)]},'children':[{'text':_0x37095e['to'](_0x2f1fd4(0x14e))}]}]});}}

package/src/utils/common-translations.js

@@ -20,4 +20,4 @@
  *
  *
  */
-export function getTranslation(_0x595652,_0x35aa6a,_0x298a57){const t=_0x595652['t'];switch(_0x35aa6a){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 _0x35aa6a;}}
+export function getTranslation(_0x4b0f29,_0x436276,_0x53deef){const t=_0x4b0f29['t'];switch(_0x436276){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'No\x20data\x20available':return t('No\x20data\x20available');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 _0x436276;}}

package/theme/mergefields.css

@@ -17,70 +17,74 @@
 	--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;
+
+		&:not(.ck-merge-field-block_with-warning_no-default):not(.ck-merge-field-block_with-warning_missing-data) {
+			background-color: var(--ck-color-merge-fields-block-background);
+		}
+	}
+
+	&.ck-merge-field-block_with-warning,
+	&.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;
 		}
 
+		/* Style the merge field label displayed in the corner. */
 		&::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;
 			border-radius: 2px;
 			line-height: 1em;
 			font-family: var(--ck-font-face);
+			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);
+		&:not(.ck-merge-field-block_with-value) {
+			&::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);
+			}
 		}
 
-		&:not(:hover):not(.ck-widget_selected) {
-			outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+		&:not(.ck-merge-field-block_with-warning) {
+			&::before {
+				content: attr(data-merge-field-block-label);
+				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 +93,32 @@
 	}
 }
 
-/* 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. */
+	&: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;
 
 		&:not(:hover):not(.ck-widget_selected) {
 			outline: 1px solid var(--ck-color-merge-fields-outline);
+			line-height: 1.1em;
 		}
+	}
+
+	&: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 +183,6 @@
 		padding-right: 0.15em;
 	}
 }
-/* stylelint-enable no-descending-specificity */
 
 .ck .ck-merge-fields-form {
 	padding: var(--ck-spacing-medium);
@@ -197,3 +205,4 @@
 .ck-editor__editable:not(.ck-read-only) .ck-widget.ck-merge-field-block .ck-merge-field {
 	pointer-events: none;
 }
+/* stylelint-enable no-descending-specificity */