@vaadin/custom-field 25.0.0-alpha3 → 25.0.0-alpha4

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.
Files changed (8) hide show
  1. package/package.json +19 -19
  2. package/src/vaadin-custom-field-mixin.js +3 -4
  3. package/src/vaadin-custom-field.d.ts +0 -10
  4. package/src/vaadin-custom-field.js +3 -2
  5. package/web-types.json +3 -3
  6. package/web-types.lit.json +2 -2
  7. /package/src/{vaadin-custom-field-styles.d.ts → styles/vaadin-custom-field-styles.d.ts} +0 -0
  8. /package/src/{vaadin-custom-field-styles.js → styles/vaadin-custom-field-styles.js} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/custom-field",
3
- "version": "25.0.0-alpha3",
3
+ "version": "25.0.0-alpha4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,32 +35,32 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
- "@vaadin/a11y-base": "25.0.0-alpha3",
39
- "@vaadin/component-base": "25.0.0-alpha3",
40
- "@vaadin/field-base": "25.0.0-alpha3",
41
- "@vaadin/vaadin-lumo-styles": "25.0.0-alpha3",
42
- "@vaadin/vaadin-themable-mixin": "25.0.0-alpha3",
38
+ "@vaadin/a11y-base": "25.0.0-alpha4",
39
+ "@vaadin/component-base": "25.0.0-alpha4",
40
+ "@vaadin/field-base": "25.0.0-alpha4",
41
+ "@vaadin/vaadin-lumo-styles": "25.0.0-alpha4",
42
+ "@vaadin/vaadin-themable-mixin": "25.0.0-alpha4",
43
43
  "lit": "^3.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@vaadin/chai-plugins": "25.0.0-alpha3",
47
- "@vaadin/combo-box": "25.0.0-alpha3",
48
- "@vaadin/date-picker": "25.0.0-alpha3",
49
- "@vaadin/email-field": "25.0.0-alpha3",
50
- "@vaadin/form-layout": "25.0.0-alpha3",
51
- "@vaadin/number-field": "25.0.0-alpha3",
52
- "@vaadin/password-field": "25.0.0-alpha3",
53
- "@vaadin/select": "25.0.0-alpha3",
54
- "@vaadin/test-runner-commands": "25.0.0-alpha3",
46
+ "@vaadin/chai-plugins": "25.0.0-alpha4",
47
+ "@vaadin/combo-box": "25.0.0-alpha4",
48
+ "@vaadin/date-picker": "25.0.0-alpha4",
49
+ "@vaadin/email-field": "25.0.0-alpha4",
50
+ "@vaadin/form-layout": "25.0.0-alpha4",
51
+ "@vaadin/number-field": "25.0.0-alpha4",
52
+ "@vaadin/password-field": "25.0.0-alpha4",
53
+ "@vaadin/select": "25.0.0-alpha4",
54
+ "@vaadin/test-runner-commands": "25.0.0-alpha4",
55
55
  "@vaadin/testing-helpers": "^2.0.0",
56
- "@vaadin/text-area": "25.0.0-alpha3",
57
- "@vaadin/text-field": "25.0.0-alpha3",
58
- "@vaadin/time-picker": "25.0.0-alpha3",
56
+ "@vaadin/text-area": "25.0.0-alpha4",
57
+ "@vaadin/text-field": "25.0.0-alpha4",
58
+ "@vaadin/time-picker": "25.0.0-alpha4",
59
59
  "sinon": "^18.0.0"
60
60
  },
61
61
  "web-types": [
62
62
  "web-types.json",
63
63
  "web-types.lit.json"
64
64
  ],
65
- "gitHead": "8367dd20a47f53ca5589ad349a8e286ec2673055"
65
+ "gitHead": "ce4421f0daf26027b863b91787a474e4cc264344"
66
66
  }
package/src/vaadin-custom-field-mixin.js CHANGED
@@ -220,11 +220,10 @@ export const CustomFieldMixin = (superClass) =>
220
220
  (inputs.indexOf(e.target) < inputs.length - 1 && !e.shiftKey) ||
221
221
  (inputs.indexOf(e.target) > 0 && e.shiftKey)
222
222
  ) {
223
- this.dispatchEvent(new CustomEvent('internal-tab'));
224
- } else {
225
- // FIXME(yuriy): remove this workaround when value should not be updated before focusout
226
- this.__setValue();
223
+ return;
227
224
  }
225
+ // FIXME(yuriy): remove this workaround when value should not be updated before focusout
226
+ this.__setValue();
228
227
  }
229
228
  }
230
229
 
package/src/vaadin-custom-field.d.ts CHANGED
@@ -31,21 +31,11 @@ export type CustomFieldValueChangedEvent = CustomEvent<{ value: string }>;
31
31
  */
32
32
  export type CustomFieldValidatedEvent = CustomEvent<{ valid: boolean }>;
33
33
 
34
- /**
35
- * Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
36
- * @deprecated
37
- */
38
- export type CustomFieldInternalTabEvent = Event & {
39
- target: CustomField;
40
- };
41
-
42
34
  export interface CustomFieldCustomEventMap {
43
35
  'invalid-changed': CustomFieldInvalidChangedEvent;
44
36
 
45
37
  'value-changed': CustomFieldValueChangedEvent;
46
38
 
47
- 'internal-tab': CustomFieldInternalTabEvent;
48
-
49
39
  validated: CustomFieldValidatedEvent;
50
40
  }
51
41
 
package/src/vaadin-custom-field.js CHANGED
@@ -7,9 +7,10 @@ import { html, LitElement } from 'lit';
7
7
  import { defineCustomElement } from '@vaadin/component-base/src/define.js';
8
8
  import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
9
9
  import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
10
+ import { CSSInjectionMixin } from '@vaadin/vaadin-themable-mixin/css-injection-mixin.js';
10
11
  import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
12
+ import { customFieldStyles } from './styles/vaadin-custom-field-styles.js';
11
13
  import { CustomFieldMixin } from './vaadin-custom-field-mixin.js';
12
- import { customFieldStyles } from './vaadin-custom-field-styles.js';
13
14
 
14
15
  /**
15
16
  * `<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.
@@ -60,7 +61,7 @@ import { customFieldStyles } from './vaadin-custom-field-styles.js';
60
61
  * @mixes ElementMixin
61
62
  * @mixes ThemableMixin
62
63
  */
63
- class CustomField extends CustomFieldMixin(ThemableMixin(ElementMixin(PolylitMixin(LitElement)))) {
64
+ class CustomField extends CustomFieldMixin(ThemableMixin(ElementMixin(CSSInjectionMixin(PolylitMixin(LitElement))))) {
64
65
  static get is() {
65
66
  return 'vaadin-custom-field';
66
67
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "25.0.0-alpha3",
4
+ "version": "25.0.0-alpha4",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "name": "value",
114
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
114
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
115
115
  "value": {
116
116
  "type": [
117
117
  "string",
@@ -235,7 +235,7 @@
235
235
  },
236
236
  {
237
237
  "name": "value",
238
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
238
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
239
239
  "value": {
240
240
  "type": [
241
241
  "string",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "25.0.0-alpha3",
4
+ "version": "25.0.0-alpha4",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "name": ".value",
87
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha3/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
87
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha4/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }