@wordpress/editor 14.40.2-next.v.202602271551.0 → 14.40.2

package/build-module/utils/sync-error-messages.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/utils/sync-error-messages.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Default error messages for known error codes.\n */\nconst ERROR_MESSAGES = {\n\t'authentication-failed': {\n\t\ttitle: __( 'Authentication Failed' ),\n\t\tdescription: __(\n\t\t\t'Authentication with the collaborative editing server failed. ' +\n\t\t\t\t'Please verify that you have the necessary permissions.'\n\t\t),\n\t},\n\t'connection-expired': {\n\t\ttitle: __( 'Connection Expired' ),\n\t\tdescription: __(\n\t\t\t'The connection to the collaborative editing server has expired.'\n\t\t),\n\t},\n\t'connection-limit-exceeded': {\n\t\ttitle: __( 'Connection Limit Exceeded' ),\n\t\tdescription: __(\n\t\t\t'The collaborative editing server has reached its maximum connection capacity. ' +\n\t\t\t\t'Please try again later or contact your site administrator.'\n\t\t),\n\t},\n\t'unknown-error': {\n\t\ttitle: __( 'Disconnected' ),\n\t\tdescription: __(\n\t\t\t'You are currently disconnected from the collaborative editing server. ' +\n\t\t\t\t'Editing is temporarily disabled to prevent conflicts.'\n\t\t),\n\t},\n};\n\n/**\n * Get user-facing title and description from a sync connection error.\n *\n * Provides default messages based on error.code.\n *\n * @param {Object} error - Connection error object.\n * @return {Object} Object with title and description strings.\n */\nexport function getSyncErrorMessages( error ) {\n\tif ( ERROR_MESSAGES[ error?.code ] ) {\n\t\treturn ERROR_MESSAGES[ error.code ];\n\t}\n\n\treturn ERROR_MESSAGES[ 'unknown-error' ];\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAKnB,IAAM,iBAAiB;AAAA,EACtB,yBAAyB;AAAA,IACxB,OAAO,GAAI,uBAAwB;AAAA,IACnC,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AAAA,EACA,sBAAsB;AAAA,IACrB,OAAO,GAAI,oBAAqB;AAAA,IAChC,aAAa;AAAA,MACZ;AAAA,IACD;AAAA,EACD;AAAA,EACA,6BAA6B;AAAA,IAC5B,OAAO,GAAI,2BAA4B;AAAA,IACvC,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO,GAAI,cAAe;AAAA,IAC1B,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AACD;AAUO,SAAS,qBAAsB,OAAQ;AAC7C,MAAK,eAAgB,OAAO,IAAK,GAAI;AACpC,WAAO,eAAgB,MAAM,IAAK;AAAA,EACnC;AAEA,SAAO,eAAgB,eAAgB;AACxC;",
+  "sources": ["../../src/utils/sync-error-messages.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { type ConnectionError } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\n\n// These error codes are defined in the sync package:\n// packages/sync/src/errors.ts\nexport const AUTHENTICATION_FAILED = 'authentication-failed';\nexport const CONNECTION_EXPIRED = 'connection-expired';\nexport const CONNECTION_LIMIT_EXCEEDED = 'connection-limit-exceeded';\nexport const DOCUMENT_SIZE_LIMIT_EXCEEDED = 'document-size-limit-exceeded';\nexport const UNKNOWN_ERROR = 'unknown-error';\n\ninterface ConnectionErrorMessages {\n\tdescription: string;\n\ttitle: string;\n}\n\n/**\n * Default error messages for known error codes.\n */\nconst ERROR_MESSAGES: Record< string, ConnectionErrorMessages > = {\n\t[ AUTHENTICATION_FAILED ]: {\n\t\ttitle: __( 'Unable to connect' ),\n\t\tdescription: __(\n\t\t\t\"Real-time collaboration couldn't verify your permissions. \" +\n\t\t\t\t'Check that you have access to edit this post or contact your site administrator.'\n\t\t),\n\t},\n\t[ CONNECTION_EXPIRED ]: {\n\t\ttitle: __( 'Connection expired' ),\n\t\tdescription: __(\n\t\t\t'Your connection to real-time collaboration has timed out. ' +\n\t\t\t\t'Editing is paused to prevent conflicts with other editors.'\n\t\t),\n\t},\n\t[ CONNECTION_LIMIT_EXCEEDED ]: {\n\t\ttitle: __( 'Too many editors connected' ),\n\t\tdescription: __(\n\t\t\t'Real-time collaboration has reached its connection limit. ' +\n\t\t\t\t'Try again later or contact your site administrator.'\n\t\t),\n\t},\n\t// DOCUMENT_SIZE_LIMIT_EXCEEDED is not included here because it results in\n\t// collaboration being disabled entirely.\n\t[ UNKNOWN_ERROR ]: {\n\t\ttitle: __( 'Connection lost' ),\n\t\tdescription: __(\n\t\t\t'The connection to real-time collaboration was interrupted. ' +\n\t\t\t\t'Editing is paused to prevent conflicts with other editors.'\n\t\t),\n\t},\n};\n\n/**\n * Get user-facing title and description from a sync connection error.\n *\n * Provides default messages based on error.code.\n *\n * @param error - Connection error.\n * @return Object with title, description, and canRetry flag.\n */\nexport function getSyncErrorMessages(\n\terror?: ConnectionError\n): ConnectionErrorMessages {\n\tif ( error?.code && ERROR_MESSAGES[ error?.code ] ) {\n\t\treturn ERROR_MESSAGES[ error.code ];\n\t}\n\n\treturn ERROR_MESSAGES[ UNKNOWN_ERROR ];\n}\n"],
+  "mappings": ";AAIA,SAAS,UAAU;AAIZ,IAAM,wBAAwB;AAC9B,IAAM,qBAAqB;AAC3B,IAAM,4BAA4B;AAClC,IAAM,+BAA+B;AACrC,IAAM,gBAAgB;AAU7B,IAAM,iBAA4D;AAAA,EACjE,CAAE,qBAAsB,GAAG;AAAA,IAC1B,OAAO,GAAI,mBAAoB;AAAA,IAC/B,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AAAA,EACA,CAAE,kBAAmB,GAAG;AAAA,IACvB,OAAO,GAAI,oBAAqB;AAAA,IAChC,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AAAA,EACA,CAAE,yBAA0B,GAAG;AAAA,IAC9B,OAAO,GAAI,4BAA6B;AAAA,IACxC,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AAAA;AAAA;AAAA,EAGA,CAAE,aAAc,GAAG;AAAA,IAClB,OAAO,GAAI,iBAAkB;AAAA,IAC7B,aAAa;AAAA,MACZ;AAAA,IAED;AAAA,EACD;AACD;AAUO,SAAS,qBACf,OAC0B;AAC1B,MAAK,OAAO,QAAQ,eAAgB,OAAO,IAAK,GAAI;AACnD,WAAO,eAAgB,MAAM,IAAK;AAAA,EACnC;AAEA,SAAO,eAAgB,aAAc;AACtC;",
   "names": []
 }

package/build-style/style-rtl.css

@@ -107,100 +107,11 @@
   }
 }
 
-/**
- * Colors
- */
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-/**
- * Typography
- */
-/**
- * Breakpoints & Media Queries
- */
-/**
-*  Converts a hex value into the rgb equivalent.
-*
-* @param {string} hex - the hexadecimal value to convert
-* @return {string} comma separated rgb values
-*/
-/**
- * Long content fade mixin
- *
- * Creates a fading overlay to signify that the content is longer
- * than the space allows.
- */
-/**
- * Breakpoint mixins
- */
-/**
- * Focus styles.
- */
-/**
- * Applies editor left position to the selector passed as argument
- */
-/**
- * Styles that are reused verbatim in a few places
- */
-/**
- * Allows users to opt-out of animations via OS-level preferences.
- */
-/**
- * Reset default styles for JavaScript UI based pages.
- * This is a WP-admin agnostic reset
- */
-/**
- * Reset the WP Admin page styles for Gutenberg-like pages.
- */
-/**
- * Creates a checkerboard pattern background to indicate transparency.
- * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
- */
 .admin-ui-page {
   display: flex;
   height: 100%;
-  background-color: #fff;
-  color: #2f2f2f;
+  background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
+  color: var(--wpds-color-fg-content-neutral, #1e1e1e);
   position: relative;
   z-index: 1;
   flex-flow: column;
@@ -208,25 +119,34 @@
 }
 
 .admin-ui-page__header {
-  padding: 16px 24px;
-  border-bottom: 1px solid #f0f0f0;
-  background: #fff;
+  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
+  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
+  background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
   position: sticky;
   top: 0;
   z-index: 1;
 }
 
+.admin-ui-page__header-title {
+  font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
+  font-size: var(--wpds-font-size-xl, 20px);
+  font-weight: var(--wpds-font-weight-medium, 499);
+  line-height: var(--wpds-font-line-height-xl, 32px);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .admin-ui-page__sidebar-toggle-slot:empty {
   display: none;
 }
 
 .admin-ui-page__header-subtitle {
-  padding-block-end: 8px;
-  color: #757575;
-  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-weight: 400;
-  font-size: 13px;
-  line-height: 20px;
+  padding-block-end: var(--wpds-dimension-padding-xs, 4px);
+  color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
+  font-size: var(--wpds-font-size-md, 13px);
+  line-height: var(--wpds-font-line-height-md, 24px);
   margin: 0;
 }
 
@@ -238,12 +158,12 @@
 }
 
 .admin-ui-page__content.has-padding {
-  padding: 16px 24px;
+  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
 }
 
 .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
   width: auto;
-  padding: 0 8px;
+  padding: 0 var(--wpds-dimension-padding-xs, 4px);
 }
 
 .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
@@ -252,9 +172,54 @@
 
 .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
   content: attr(aria-label);
-  font-size: 12px;
+  font-size: var(--wpds-font-size-sm, 12px);
 }
 
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
 .admin-ui-breadcrumbs__list {
   list-style: none;
   padding: 0;
@@ -1182,6 +1147,7 @@ button.font-library__upload-area {
   background: #fff;
   padding: 12px;
   border-top: 1px solid #ddd;
+  box-sizing: border-box;
 }
 
 .global-styles-ui-variations_item {
@@ -3173,6 +3139,7 @@ div.dataviews-view-list {
 
 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
   justify-content: flex-end;
+  font-variant-numeric: tabular-nums;
 }
 
 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
@@ -3285,7 +3252,7 @@ div.dataviews-view-list {
 }
 
 /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
-.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data):not(.dataviews-view-table__col-expand) {
+.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data) {
   width: 1%;
 }
 
@@ -3967,7 +3934,6 @@ div.dataviews-view-list {
   display: flex;
   flex-direction: row;
   gap: 16px;
-  align-items: center;
 }
 
 .dataforms-layouts-details__summary-content {
@@ -4360,6 +4326,204 @@ div.dataviews-view-list {
   font-size: 12px;
 }
 
+.editor-avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9999px;
+  flex-shrink: 0;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
+}
+
+.editor-avatar__image {
+  box-sizing: border-box;
+  position: relative;
+  width: 32px;
+  height: 32px;
+  border-radius: 9999px;
+  border: 0;
+  background-color: var(--wp-admin-theme-color, #3858e9);
+  overflow: hidden;
+  overflow: clip;
+  flex-shrink: 0;
+  font-size: 0;
+  color: #fff;
+}
+.is-small > .editor-avatar__image {
+  width: 24px;
+  height: 24px;
+}
+.has-avatar-border-color > .editor-avatar__image {
+  border: var(--wp-admin-border-width-focus) solid var(--editor-avatar-outline-color);
+  background-clip: padding-box;
+}
+.has-avatar-border-color > .editor-avatar__image::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 2px) #fff;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.editor-avatar__img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: inherit;
+  opacity: 0;
+}
+.has-src > .editor-avatar__image > .editor-avatar__img {
+  opacity: 1;
+}
+
+.editor-avatar:not(.has-src) > .editor-avatar__image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: 499;
+  border: 0;
+  background-clip: border-box;
+}
+.editor-avatar:not(.has-src) > .editor-avatar__image::after {
+  content: none;
+}
+
+.editor-avatar:not(.has-src).has-avatar-border-color > .editor-avatar__image {
+  background-color: var(--editor-avatar-outline-color);
+}
+
+.editor-avatar__name {
+  font-size: 13px;
+  font-weight: 499;
+  line-height: 20px;
+  color: var(--editor-avatar-name-color, #fff);
+  min-width: 0;
+  padding-bottom: 2px;
+  overflow: hidden;
+  opacity: 0;
+  white-space: nowrap;
+  transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
+}
+
+.editor-avatar.is-badge {
+  display: inline-grid;
+  grid-template-columns: min-content 0fr;
+  column-gap: 0;
+  padding-inline-end: 0;
+  background-color: var(--wp-admin-theme-color, #3858e9);
+  transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
+}
+.editor-avatar.is-badge:hover {
+  grid-template-columns: min-content 1fr;
+  column-gap: 4px;
+  padding-inline-end: 8px;
+  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
+}
+.editor-avatar.is-badge:hover .editor-avatar__name {
+  opacity: 1;
+  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
+}
+
+.editor-avatar.is-badge.has-avatar-border-color {
+  background-color: var(--editor-avatar-outline-color);
+}
+
+.editor-avatar.is-dimmed > .editor-avatar__image {
+  opacity: 0.5;
+  background-color: #757575;
+}
+
+.editor-avatar.is-dimmed.has-avatar-border-color > .editor-avatar__image {
+  border-color: #757575;
+}
+
+.editor-avatar.is-dimmed .editor-avatar__img {
+  filter: grayscale(1);
+}
+
+.editor-avatar__status-indicator {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1;
+  color: #1e1e1e;
+  fill: #1e1e1e;
+}
+.is-small > .editor-avatar__status-indicator {
+  width: 24px;
+  height: 24px;
+}
+.editor-avatar__status-indicator svg {
+  width: 75%;
+  height: 75%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .editor-avatar.is-badge,
+  .editor-avatar__name {
+    transition: none;
+  }
+}
+.editor-avatar-group {
+  display: flex;
+  align-items: center;
+}
+.editor-avatar-group > .editor-avatar + .editor-avatar {
+  margin-inline-start: -8px;
+}
+.editor-avatar-group > .editor-avatar {
+  position: relative;
+}
+.editor-avatar-group > .editor-avatar:nth-child(1) {
+  z-index: 10;
+}
+.editor-avatar-group > .editor-avatar:nth-child(2) {
+  z-index: 9;
+}
+.editor-avatar-group > .editor-avatar:nth-child(3) {
+  z-index: 8;
+}
+.editor-avatar-group > .editor-avatar:nth-child(4) {
+  z-index: 7;
+}
+.editor-avatar-group > .editor-avatar:nth-child(5) {
+  z-index: 6;
+}
+.editor-avatar-group > .editor-avatar:nth-child(6) {
+  z-index: 5;
+}
+.editor-avatar-group > .editor-avatar:nth-child(7) {
+  z-index: 4;
+}
+.editor-avatar-group > .editor-avatar:nth-child(8) {
+  z-index: 3;
+}
+.editor-avatar-group > .editor-avatar:nth-child(9) {
+  z-index: 2;
+}
+.editor-avatar-group > .editor-avatar:nth-child(10) {
+  z-index: 1;
+}
+
+.editor-avatar-group__overflow {
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1e1e1e;
+  white-space: nowrap;
+}
+
 .editor-collapsible-block-toolbar {
   overflow: hidden;
   display: flex;
@@ -4460,7 +4624,7 @@ div.dataviews-view-list {
 }
 @media not (prefers-reduced-motion) {
   .editor-document-bar .components-button {
-    transition: all 0.1s ease-out;
+    transition: background-color 0.1s ease-out;
   }
 }
 .editor-document-bar .components-button:hover {
@@ -5571,10 +5735,6 @@ div.dataviews-view-list {
   padding: 16px;
 }
 
-.editor-private-post-last-revision__button {
-  display: inline-block;
-}
-
 .editor-post-locked-modal__buttons {
   margin-top: 24px;
 }
@@ -5601,6 +5761,7 @@ div.dataviews-view-list {
   padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  word-break: break-word;
 }
 
 .editor-post-panel__row-control {
@@ -5884,7 +6045,7 @@ div.dataviews-view-list {
 .revision-diff-markers {
   position: relative;
   flex-shrink: 0;
-  width: 12px;
+  width: max(16px, 1rem);
   background: rgba(0, 0, 0, 0.05);
 }
 .revision-diff-markers .revision-diff-marker {
@@ -5900,10 +6061,10 @@ div.dataviews-view-list {
   background: #00a32a;
 }
 .revision-diff-markers .revision-diff-marker.is-removed {
-  background: #d63638;
+  background: repeating-linear-gradient(-45deg, #d63638, #d63638 3px, rgba(214, 54, 56, 0.45) 3px, rgba(214, 54, 56, 0.45) 6px);
 }
 .revision-diff-markers .revision-diff-marker.is-modified {
-  background: #dba617;
+  background: repeating-linear-gradient(45deg, #dba617, #dba617 3px, rgba(219, 166, 23, 0.45) 3px, rgba(219, 166, 23, 0.45) 6px);
 }
 .revision-diff-markers .revision-diff-marker:hover {
   opacity: 0.7;
@@ -5913,6 +6074,20 @@ div.dataviews-view-list {
   outline-offset: -2px;
 }
 
+.editor-revision-fields-diff__value {
+  word-break: break-word;
+}
+
+.editor-revision-fields-diff__added {
+  background-color: color-mix(in srgb, currentColor 5%, #00a32a 15%);
+  text-decoration: none;
+}
+
+.editor-revision-fields-diff__removed {
+  text-decoration: line-through;
+  color: #d63638;
+}
+
 .editor-post-saved-state {
   display: flex;
   align-items: center;
@@ -6027,16 +6202,16 @@ div.dataviews-view-list {
   margin-left: 8px;
 }
 
-.editor-sync-connection-modal__container {
-  align-items: center;
-  display: flex;
-  margin: auto;
-  max-width: 30rem;
+.editor-sync-connection-error-modal {
+  z-index: 1000001;
 }
 
-.editor-sync-connection-modal__description {
-  font-size: 1.3rem;
-  text-align: center;
+.editor-sync-connection-error-modal p {
+  margin: 0;
+}
+
+.editor-sync-connection-error-modal__retry-countdown {
+  color: #757575;
 }
 
 .editor-post-template__swap-template-modal {