@ckeditor/ckeditor5-merge-fields 43.1.0-alpha.2 → 43.1.0-alpha.4

package/src/ui/mergefieldslistview.js

@@ -20,4 +20,4 @@
  *
  *
  */
-function _0x3595(){var _0x4ebd94=['items','11359970uUtjhh','1282215gtbSWb','1028097tdpXZx','611906hnBYSA','60SuYdBV','filter','4582655qypEpG','4LZFOce','1033739eovUoV','16SJULxj','3040704AwrYyG'];_0x3595=function(){return _0x4ebd94;};return _0x3595();}var _0xae9015=_0x49ac;function _0x49ac(_0x4712ea,_0x2353a2){var _0x35956d=_0x3595();return _0x49ac=function(_0x49ac36,_0x4bd777){_0x49ac36=_0x49ac36-0x190;var _0x362e0d=_0x35956d[_0x49ac36];return _0x362e0d;},_0x49ac(_0x4712ea,_0x2353a2);}(function(_0x51e356,_0x2c40ac){var _0x121a17=_0x49ac,_0x4b244f=_0x51e356();while(!![]){try{var _0x11a904=-parseInt(_0x121a17(0x194))/0x1+parseInt(_0x121a17(0x19b))/0x2+parseInt(_0x121a17(0x192))/0x3*(-parseInt(_0x121a17(0x198))/0x4)+parseInt(_0x121a17(0x197))/0x5+-parseInt(_0x121a17(0x195))/0x6*(parseInt(_0x121a17(0x199))/0x7)+-parseInt(_0x121a17(0x19a))/0x8*(parseInt(_0x121a17(0x193))/0x9)+parseInt(_0x121a17(0x191))/0xa;if(_0x11a904===_0x2c40ac)break;else _0x4b244f['push'](_0x4b244f['shift']());}catch(_0xbda745){_0x4b244f['push'](_0x4b244f['shift']());}}}(_0x3595,0xca3ad));import{ListView as _0x4b9a34,filterGroupAndItemNames as _0x1a574b}from'ckeditor5/src/ui.js';export default class T extends _0x4b9a34{[_0xae9015(0x196)](_0x4027a4){var _0x1097fe=_0xae9015;return _0x1a574b(_0x4027a4,this[_0x1097fe(0x190)]);}}
+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 _0x54dc(){const _0x2b45d2=['558290eoEqtp','5340880eNBASw','div','bindTemplate','480977jxjOKB','text','ck-merge-fields-form__status','4435616MWeNge','4409253fDoROp','set','1567290ffgghn','36pwZsfg','setTemplate','ck-merge-fields-form','27miQfgX','90956UTRTSP'];_0x54dc=function(){return _0x2b45d2;};return _0x54dc();}function _0x204b(_0x1b4c69,_0x59f169){const _0x54dc6d=_0x54dc();return _0x204b=function(_0x204b63,_0x3baa32){_0x204b63=_0x204b63-0x132;let _0x3038a9=_0x54dc6d[_0x204b63];return _0x3038a9;},_0x204b(_0x1b4c69,_0x59f169);}(function(_0x1d56d8,_0x2d92e8){const _0x2e5f21=_0x204b,_0x159f68=_0x1d56d8();while(!![]){try{const _0x21cdc9=parseInt(_0x2e5f21(0x138))/0x1+parseInt(_0x2e5f21(0x132))/0x2+parseInt(_0x2e5f21(0x136))/0x3*(-parseInt(_0x2e5f21(0x137))/0x4)+-parseInt(_0x2e5f21(0x139))/0x5+parseInt(_0x2e5f21(0x133))/0x6*(-parseInt(_0x2e5f21(0x13c))/0x7)+parseInt(_0x2e5f21(0x13f))/0x8+parseInt(_0x2e5f21(0x140))/0x9;if(_0x21cdc9===_0x2d92e8)break;else _0x159f68['push'](_0x159f68['shift']());}catch(_0x47d043){_0x159f68['push'](_0x159f68['shift']());}}}(_0x54dc,0xab31b));import{View as _0x219f96}from'ckeditor5/src/ui.js';export default class U extends _0x219f96{constructor(_0x1160e8){const _0x19603b=_0x204b;super(_0x1160e8),this[_0x19603b(0x141)](_0x19603b(0x13d),'');const _0x267456=this[_0x19603b(0x13b)];this[_0x19603b(0x134)]({'tag':_0x19603b(0x13a),'attributes':{'class':['ck',_0x19603b(0x135)]},'children':[{'tag':_0x19603b(0x13a),'attributes':{'class':['ck',_0x19603b(0x13e)]},'children':[{'text':_0x267456['to'](_0x19603b(0x13d))}]}]});}}
+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(_0x147551,_0x305031,_0x50dc6c){const t=_0x147551['t'];switch(_0x305031){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 _0x305031;}}
+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 */