@vaadin/input-container 23.1.7 → 23.1.8
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/input-container",
|
|
3
|
-
"version": "23.1.
|
|
3
|
+
"version": "23.1.8",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -32,16 +32,16 @@
|
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@polymer/polymer": "^3.0.0",
|
|
35
|
-
"@vaadin/component-base": "~23.1.
|
|
36
|
-
"@vaadin/vaadin-lumo-styles": "~23.1.
|
|
37
|
-
"@vaadin/vaadin-material-styles": "~23.1.
|
|
38
|
-
"@vaadin/vaadin-themable-mixin": "~23.1.
|
|
35
|
+
"@vaadin/component-base": "~23.1.8",
|
|
36
|
+
"@vaadin/vaadin-lumo-styles": "~23.1.8",
|
|
37
|
+
"@vaadin/vaadin-material-styles": "~23.1.8",
|
|
38
|
+
"@vaadin/vaadin-themable-mixin": "~23.1.8"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@esm-bundle/chai": "^4.3.4",
|
|
42
|
-
"@vaadin/icon": "~23.1.
|
|
43
|
-
"@vaadin/icons": "~23.1.
|
|
42
|
+
"@vaadin/icon": "~23.1.8",
|
|
43
|
+
"@vaadin/icons": "~23.1.8",
|
|
44
44
|
"@vaadin/testing-helpers": "^0.3.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "297e4e51743751bed97f5400e661529a7d550870"
|
|
47
47
|
}
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { html, PolymerElement } from '@polymer/polymer';
|
|
7
7
|
import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
|
|
8
|
-
import { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
9
8
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
10
9
|
|
|
11
10
|
export class InputContainer extends ThemableMixin(DirMixin(PolymerElement)) {
|
|
@@ -56,7 +55,6 @@ export class InputContainer extends ThemableMixin(DirMixin(PolymerElement)) {
|
|
|
56
55
|
::slotted(:is(input, textarea))::placeholder {
|
|
57
56
|
/* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
|
|
58
57
|
/* because ::slotted(...)::placeholder does not work in Safari. */
|
|
59
|
-
/* See the workaround at the end of this file. */
|
|
60
58
|
font: inherit;
|
|
61
59
|
color: inherit;
|
|
62
60
|
/* Override default opacity in Firefox */
|
|
@@ -122,15 +120,3 @@ export class InputContainer extends ThemableMixin(DirMixin(PolymerElement)) {
|
|
|
122
120
|
}
|
|
123
121
|
|
|
124
122
|
customElements.define(InputContainer.is, InputContainer);
|
|
125
|
-
|
|
126
|
-
const placeholderStyleWorkaround = css`
|
|
127
|
-
/* Needed for Safari, where ::slotted(...)::placeholder does not work */
|
|
128
|
-
:is(input[slot='input'], textarea[slot='textarea'])::placeholder {
|
|
129
|
-
font: inherit;
|
|
130
|
-
color: inherit;
|
|
131
|
-
}
|
|
132
|
-
`;
|
|
133
|
-
|
|
134
|
-
const $tpl = document.createElement('template');
|
|
135
|
-
$tpl.innerHTML = `<style>${placeholderStyleWorkaround.toString()}</style>`;
|
|
136
|
-
document.head.appendChild($tpl.content);
|