@vaadin/checkbox 24.6.7 → 24.6.9
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/checkbox",
|
|
3
|
-
"version": "24.6.
|
|
3
|
+
"version": "24.6.9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/a11y-base": "~24.6.
|
|
41
|
-
"@vaadin/component-base": "~24.6.
|
|
42
|
-
"@vaadin/field-base": "~24.6.
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "~24.6.
|
|
44
|
-
"@vaadin/vaadin-material-styles": "~24.6.
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "~24.6.
|
|
40
|
+
"@vaadin/a11y-base": "~24.6.9",
|
|
41
|
+
"@vaadin/component-base": "~24.6.9",
|
|
42
|
+
"@vaadin/field-base": "~24.6.9",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "~24.6.9",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "~24.6.9",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "~24.6.9",
|
|
46
46
|
"lit": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@vaadin/chai-plugins": "~24.6.
|
|
50
|
-
"@vaadin/test-runner-commands": "~24.6.
|
|
49
|
+
"@vaadin/chai-plugins": "~24.6.9",
|
|
50
|
+
"@vaadin/test-runner-commands": "~24.6.9",
|
|
51
51
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
52
52
|
"sinon": "^18.0.0"
|
|
53
53
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "d88d62759ed998a552531fd0709f58e60238d356"
|
|
59
59
|
}
|
|
@@ -11,6 +11,7 @@ import type { FocusMixinClass } from '@vaadin/a11y-base/src/focus-mixin.js';
|
|
|
11
11
|
import type { KeyboardMixinClass } from '@vaadin/a11y-base/src/keyboard-mixin.js';
|
|
12
12
|
import type { ControllerMixinClass } from '@vaadin/component-base/src/controller-mixin.js';
|
|
13
13
|
import type { DelegateStateMixinClass } from '@vaadin/component-base/src/delegate-state-mixin.js';
|
|
14
|
+
import type { SlotStylesMixinClass } from '@vaadin/component-base/src/slot-styles-mixin.js';
|
|
14
15
|
import type { CheckedMixinClass } from '@vaadin/field-base/src/checked-mixin.js';
|
|
15
16
|
import type { FieldMixinClass } from '@vaadin/field-base/src/field-mixin.js';
|
|
16
17
|
import type { InputMixinClass } from '@vaadin/field-base/src/input-mixin.js';
|
|
@@ -34,6 +35,7 @@ export declare function CheckboxMixin<T extends Constructor<HTMLElement>>(
|
|
|
34
35
|
Constructor<InputMixinClass> &
|
|
35
36
|
Constructor<KeyboardMixinClass> &
|
|
36
37
|
Constructor<LabelMixinClass> &
|
|
38
|
+
Constructor<SlotStylesMixinClass> &
|
|
37
39
|
Constructor<ValidateMixinClass> &
|
|
38
40
|
T;
|
|
39
41
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';
|
|
7
7
|
import { DelegateFocusMixin } from '@vaadin/a11y-base/src/delegate-focus-mixin.js';
|
|
8
|
+
import { SlotStylesMixin } from '@vaadin/component-base/src/slot-styles-mixin.js';
|
|
8
9
|
import { CheckedMixin } from '@vaadin/field-base/src/checked-mixin.js';
|
|
9
10
|
import { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';
|
|
10
11
|
import { InputController } from '@vaadin/field-base/src/input-controller.js';
|
|
@@ -18,9 +19,12 @@ import { LabelledInputController } from '@vaadin/field-base/src/labelled-input-c
|
|
|
18
19
|
* @mixes CheckedMixin
|
|
19
20
|
* @mixes DelegateFocusMixin
|
|
20
21
|
* @mixes FieldMixin
|
|
22
|
+
* @mixes SlotStylesMixin
|
|
21
23
|
*/
|
|
22
24
|
export const CheckboxMixin = (superclass) =>
|
|
23
|
-
class CheckboxMixinClass extends
|
|
25
|
+
class CheckboxMixinClass extends SlotStylesMixin(
|
|
26
|
+
FieldMixin(CheckedMixin(DelegateFocusMixin(ActiveMixin(superclass)))),
|
|
27
|
+
) {
|
|
24
28
|
static get properties() {
|
|
25
29
|
return {
|
|
26
30
|
/**
|
|
@@ -101,6 +105,21 @@ export const CheckboxMixin = (superclass) =>
|
|
|
101
105
|
this.value = 'on';
|
|
102
106
|
}
|
|
103
107
|
|
|
108
|
+
/** @protected */
|
|
109
|
+
get slotStyles() {
|
|
110
|
+
const tag = this.localName;
|
|
111
|
+
|
|
112
|
+
// Needed to override `opacity: 1` set on `input` by Tailwind CSS.
|
|
113
|
+
// See https://github.com/vaadin/web-components/issues/8881
|
|
114
|
+
return [
|
|
115
|
+
`
|
|
116
|
+
${tag} > input[slot='input'] {
|
|
117
|
+
opacity: 0;
|
|
118
|
+
}
|
|
119
|
+
`,
|
|
120
|
+
];
|
|
121
|
+
}
|
|
122
|
+
|
|
104
123
|
/** @protected */
|
|
105
124
|
ready() {
|
|
106
125
|
super.ready();
|
package/web-types.json
CHANGED