@vaadin/custom-field 24.2.0-alpha8 → 24.2.0-beta1

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 (5) hide show
  1. package/package.json +19 -19
  2. package/src/vaadin-custom-field.d.ts +8 -0
  3. package/src/vaadin-custom-field.js +4 -1
  4. package/web-types.json +3 -3
  5. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/custom-field",
3
- "version": "24.2.0-alpha8",
3
+ "version": "24.2.0-beta1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -38,31 +38,31 @@
38
38
  "dependencies": {
39
39
  "@open-wc/dedupe-mixin": "^1.3.0",
40
40
  "@polymer/polymer": "^3.0.0",
41
- "@vaadin/a11y-base": "24.2.0-alpha8",
42
- "@vaadin/component-base": "24.2.0-alpha8",
43
- "@vaadin/field-base": "24.2.0-alpha8",
44
- "@vaadin/vaadin-lumo-styles": "24.2.0-alpha8",
45
- "@vaadin/vaadin-material-styles": "24.2.0-alpha8",
46
- "@vaadin/vaadin-themable-mixin": "24.2.0-alpha8"
41
+ "@vaadin/a11y-base": "24.2.0-beta1",
42
+ "@vaadin/component-base": "24.2.0-beta1",
43
+ "@vaadin/field-base": "24.2.0-beta1",
44
+ "@vaadin/vaadin-lumo-styles": "24.2.0-beta1",
45
+ "@vaadin/vaadin-material-styles": "24.2.0-beta1",
46
+ "@vaadin/vaadin-themable-mixin": "24.2.0-beta1"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@esm-bundle/chai": "^4.3.4",
50
- "@vaadin/combo-box": "24.2.0-alpha8",
51
- "@vaadin/date-picker": "24.2.0-alpha8",
52
- "@vaadin/email-field": "24.2.0-alpha8",
53
- "@vaadin/form-layout": "24.2.0-alpha8",
54
- "@vaadin/number-field": "24.2.0-alpha8",
55
- "@vaadin/password-field": "24.2.0-alpha8",
56
- "@vaadin/select": "24.2.0-alpha8",
57
- "@vaadin/testing-helpers": "^0.4.3",
58
- "@vaadin/text-area": "24.2.0-alpha8",
59
- "@vaadin/text-field": "24.2.0-alpha8",
60
- "@vaadin/time-picker": "24.2.0-alpha8",
50
+ "@vaadin/combo-box": "24.2.0-beta1",
51
+ "@vaadin/date-picker": "24.2.0-beta1",
52
+ "@vaadin/email-field": "24.2.0-beta1",
53
+ "@vaadin/form-layout": "24.2.0-beta1",
54
+ "@vaadin/number-field": "24.2.0-beta1",
55
+ "@vaadin/password-field": "24.2.0-beta1",
56
+ "@vaadin/select": "24.2.0-beta1",
57
+ "@vaadin/testing-helpers": "^0.5.0",
58
+ "@vaadin/text-area": "24.2.0-beta1",
59
+ "@vaadin/text-field": "24.2.0-beta1",
60
+ "@vaadin/time-picker": "24.2.0-beta1",
61
61
  "sinon": "^13.0.2"
62
62
  },
63
63
  "web-types": [
64
64
  "web-types.json",
65
65
  "web-types.lit.json"
66
66
  ],
67
- "gitHead": "2c024e8fd462d178430418f76a61f498fb549998"
67
+ "gitHead": "67c8eef57d1c59e7476e29adaf003cf4548878f2"
68
68
  }
package/src/vaadin-custom-field.d.ts CHANGED
@@ -16,6 +16,11 @@ export type CustomFieldChangeEvent = Event & {
16
16
  target: CustomField;
17
17
  };
18
18
 
19
+ /**
20
+ * Fired when the `dirty` property changes.
21
+ */
22
+ export type CustomFieldDirtyChangedEvent = CustomEvent<{ value: boolean }>;
23
+
19
24
  /**
20
25
  * Fired when the `invalid` property changes.
21
26
  */
@@ -39,6 +44,8 @@ export type CustomFieldInternalTabEvent = Event & {
39
44
  };
40
45
 
41
46
  export interface CustomFieldCustomEventMap {
47
+ 'dirty-changed': CustomFieldDirtyChangedEvent;
48
+
42
49
  'invalid-changed': CustomFieldInvalidChangedEvent;
43
50
 
44
51
  'value-changed': CustomFieldValueChangedEvent;
@@ -91,6 +98,7 @@ export interface CustomFieldEventMap extends HTMLElementEventMap, CustomFieldCus
91
98
  *
92
99
  * @fires {Event} change - Fired when the user commits a value change for any of the internal inputs.
93
100
  * @fires {Event} internal-tab - Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
101
+ * @fires {CustomEvent} dirty-changed - Fired when the `dirty` property changes.
94
102
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
95
103
  * @fires {CustomEvent} value-changed - Fired when the `value` property changes.
96
104
  * @fires {CustomEvent} validated - Fired whenever the field is validated.
package/src/vaadin-custom-field.js CHANGED
@@ -4,6 +4,7 @@
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
7
+ import { defineCustomElement } from '@vaadin/component-base/src/define.js';
7
8
  import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
8
9
  import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
9
10
  import { CustomFieldMixin } from './vaadin-custom-field-mixin.js';
@@ -50,10 +51,12 @@ registerStyles('vaadin-custom-field', customFieldStyles, { moduleId: 'vaadin-cus
50
51
  *
51
52
  * @fires {Event} change - Fired when the user commits a value change for any of the internal inputs.
52
53
  * @fires {Event} internal-tab - Fired on Tab keydown triggered from the internal inputs, meaning focus will not leave the inputs.
54
+ * @fires {CustomEvent} dirty-changed - Fired when the `dirty` property changes.
53
55
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
54
56
  * @fires {CustomEvent} value-changed - Fired when the `value` property changes.
55
57
  * @fires {CustomEvent} validated - Fired whenever the field is validated.
56
58
  *
59
+ * @customElement
57
60
  * @extends HTMLElement
58
61
  * @mixes CustomFieldMixin
59
62
  * @mixes ElementMixin
@@ -96,6 +99,6 @@ class CustomField extends CustomFieldMixin(ThemableMixin(ElementMixin(PolymerEle
96
99
  */
97
100
  }
98
101
 
99
- customElements.define(CustomField.is, CustomField);
102
+ defineCustomElement(CustomField);
100
103
 
101
104
  export { CustomField };
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": "24.2.0-alpha8",
4
+ "version": "24.2.0-beta1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -100,7 +100,7 @@
100
100
  },
101
101
  {
102
102
  "name": "value",
103
- "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/24.2.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha8/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
103
+ "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/24.2.0-beta1/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-beta1/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
104
104
  "value": {
105
105
  "type": [
106
106
  "string",
@@ -224,7 +224,7 @@
224
224
  },
225
225
  {
226
226
  "name": "value",
227
- "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/24.2.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha8/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
227
+ "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/24.2.0-beta1/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-beta1/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
228
228
  "value": {
229
229
  "type": [
230
230
  "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": "24.2.0-alpha8",
4
+ "version": "24.2.0-beta1",
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/24.2.0-alpha8/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha8/#/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/24.2.0-beta1/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-beta1/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }