@vaadin/field-highlighter 25.4.0-alpha3 → 25.4.0-alpha5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/field-highlighter",
3
- "version": "25.4.0-alpha3",
3
+ "version": "25.4.0-alpha5",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -32,33 +32,33 @@
32
32
  "field"
33
33
  ],
34
34
  "dependencies": {
35
- "@vaadin/a11y-base": "25.4.0-alpha3",
36
- "@vaadin/component-base": "25.4.0-alpha3",
37
- "@vaadin/overlay": "25.4.0-alpha3",
38
- "@vaadin/popover": "25.4.0-alpha3",
39
- "@vaadin/tooltip": "25.4.0-alpha3",
40
- "@vaadin/vaadin-themable-mixin": "25.4.0-alpha3",
35
+ "@vaadin/a11y-base": "25.4.0-alpha5",
36
+ "@vaadin/component-base": "25.4.0-alpha5",
37
+ "@vaadin/overlay": "25.4.0-alpha5",
38
+ "@vaadin/popover": "25.4.0-alpha5",
39
+ "@vaadin/tooltip": "25.4.0-alpha5",
40
+ "@vaadin/vaadin-themable-mixin": "25.4.0-alpha5",
41
41
  "lit": "^3.0.0"
42
42
  },
43
43
  "devDependencies": {
44
- "@vaadin/aura": "25.4.0-alpha3",
45
- "@vaadin/chai-plugins": "25.4.0-alpha3",
46
- "@vaadin/checkbox": "25.4.0-alpha3",
47
- "@vaadin/checkbox-group": "25.4.0-alpha3",
48
- "@vaadin/custom-field": "25.4.0-alpha3",
49
- "@vaadin/date-picker": "25.4.0-alpha3",
50
- "@vaadin/date-time-picker": "25.4.0-alpha3",
51
- "@vaadin/item": "25.4.0-alpha3",
52
- "@vaadin/list-box": "25.4.0-alpha3",
53
- "@vaadin/radio-group": "25.4.0-alpha3",
54
- "@vaadin/select": "25.4.0-alpha3",
55
- "@vaadin/test-runner-commands": "25.4.0-alpha3",
44
+ "@vaadin/aura": "25.4.0-alpha5",
45
+ "@vaadin/chai-plugins": "25.4.0-alpha5",
46
+ "@vaadin/checkbox": "25.4.0-alpha5",
47
+ "@vaadin/checkbox-group": "25.4.0-alpha5",
48
+ "@vaadin/custom-field": "25.4.0-alpha5",
49
+ "@vaadin/date-picker": "25.4.0-alpha5",
50
+ "@vaadin/date-time-picker": "25.4.0-alpha5",
51
+ "@vaadin/item": "25.4.0-alpha5",
52
+ "@vaadin/list-box": "25.4.0-alpha5",
53
+ "@vaadin/radio-group": "25.4.0-alpha5",
54
+ "@vaadin/select": "25.4.0-alpha5",
55
+ "@vaadin/test-runner-commands": "25.4.0-alpha5",
56
56
  "@vaadin/testing-helpers": "^2.0.0",
57
- "@vaadin/text-area": "25.4.0-alpha3",
58
- "@vaadin/text-field": "25.4.0-alpha3",
59
- "@vaadin/time-picker": "25.4.0-alpha3",
60
- "@vaadin/vaadin-lumo-styles": "25.4.0-alpha3",
57
+ "@vaadin/text-area": "25.4.0-alpha5",
58
+ "@vaadin/text-field": "25.4.0-alpha5",
59
+ "@vaadin/time-picker": "25.4.0-alpha5",
60
+ "@vaadin/vaadin-lumo-styles": "25.4.0-alpha5",
61
61
  "sinon": "^22.0.0"
62
62
  },
63
- "gitHead": "db7e679c1a8af00840cc05ddcbefff68dfed1e45"
63
+ "gitHead": "65e9c9e49c0a723b08ee91b9aae8b901e91a3597"
64
64
  }
@@ -30,7 +30,7 @@ export const userTagStyles = css`
30
30
 
31
31
  [part='name'] {
32
32
  overflow: hidden;
33
- white-space: nowrap;
33
+ white-space: pre;
34
34
  text-overflow: ellipsis;
35
35
  }
36
36
  `;
@@ -17,6 +17,7 @@ const userTagsOverlay = css`
17
17
  [part='content'] {
18
18
  display: flex;
19
19
  flex-wrap: wrap;
20
+ align-items: flex-start;
20
21
  gap: var(--vaadin-user-tag-overlay-gap, 0.2em);
21
22
  padding: 0.5em 0;
22
23
  }
@@ -700,9 +700,12 @@ class AiFieldMarker extends SlotStylesMixin(I18nMixin(DirMixin(PolylitMixin(LitE
700
700
  this.#capturedValue = this.#annotatedValue();
701
701
 
702
702
  if (this.working) {
703
- // Apply the working state directly: on a reconnect no `working`
704
- // property change triggers updated(), which handles the first connect.
705
- this.#startWorking();
703
+ // Enter the working state in the update the connect requested, not
704
+ // right away: the host may still change the field in the same task, for
705
+ // example Flow applying the field's read-only state from the same
706
+ // server response after adding the marker, and the read-only state to
707
+ // restore must include that change.
708
+ this.requestUpdate('working', false);
706
709
  } else {
707
710
  this.#announcePending = true;
708
711
  }
@@ -115,7 +115,7 @@ export class FieldHighlighterController {
115
115
  this.redraw();
116
116
 
117
117
  // Make user active
118
- this.user = users[users.length - 1] || null;
118
+ this.user = users.at(-1) || null;
119
119
  }
120
120
  }
121
121
 
@@ -134,7 +134,7 @@ export class FieldHighlighterController {
134
134
 
135
135
  // Change or remove active user
136
136
  if (this.users.length > 0) {
137
- this.user = this.users[this.users.length - 1];
137
+ this.user = this.users.at(-1);
138
138
  } else {
139
139
  this.user = null;
140
140
  }