@vaadin/date-picker
Advanced tools
Comparing version 23.0.0-beta2 to 23.0.0-beta3
{ | ||
"name": "@vaadin/date-picker", | ||
"version": "23.0.0-beta2", | ||
"version": "23.0.0-beta3", | ||
"publishConfig": { | ||
@@ -36,21 +36,20 @@ "access": "public" | ||
"@open-wc/dedupe-mixin": "^1.3.0", | ||
"@polymer/iron-media-query": "^3.0.0", | ||
"@polymer/polymer": "^3.2.0", | ||
"@vaadin/button": "23.0.0-beta2", | ||
"@vaadin/component-base": "23.0.0-beta2", | ||
"@vaadin/field-base": "23.0.0-beta2", | ||
"@vaadin/input-container": "23.0.0-beta2", | ||
"@vaadin/vaadin-lumo-styles": "23.0.0-beta2", | ||
"@vaadin/vaadin-material-styles": "23.0.0-beta2", | ||
"@vaadin/vaadin-overlay": "23.0.0-beta2", | ||
"@vaadin/vaadin-themable-mixin": "23.0.0-beta2" | ||
"@vaadin/button": "23.0.0-beta3", | ||
"@vaadin/component-base": "23.0.0-beta3", | ||
"@vaadin/field-base": "23.0.0-beta3", | ||
"@vaadin/input-container": "23.0.0-beta3", | ||
"@vaadin/vaadin-lumo-styles": "23.0.0-beta3", | ||
"@vaadin/vaadin-material-styles": "23.0.0-beta3", | ||
"@vaadin/vaadin-overlay": "23.0.0-beta3", | ||
"@vaadin/vaadin-themable-mixin": "23.0.0-beta3" | ||
}, | ||
"devDependencies": { | ||
"@esm-bundle/chai": "^4.3.4", | ||
"@vaadin/dialog": "23.0.0-beta2", | ||
"@vaadin/polymer-legacy-adapter": "23.0.0-beta2", | ||
"@vaadin/dialog": "23.0.0-beta3", | ||
"@vaadin/polymer-legacy-adapter": "23.0.0-beta3", | ||
"@vaadin/testing-helpers": "^0.3.2", | ||
"sinon": "^9.2.0" | ||
}, | ||
"gitHead": "a276f7a0fd00e5459b87267468e0dd0d4fb6f7f3" | ||
"gitHead": "4c87216666541f9eb58f56c475964727822aad53" | ||
} |
@@ -6,3 +6,2 @@ /** | ||
*/ | ||
import '@polymer/iron-media-query/iron-media-query.js'; | ||
import './vaadin-date-picker-overlay.js'; | ||
@@ -102,4 +101,2 @@ import './vaadin-date-picker-overlay-content.js'; | ||
</vaadin-date-picker-overlay> | ||
<iron-media-query query="[[_fullscreenMediaQuery]]" query-matches="{{_fullscreen}}"> </iron-media-query> | ||
`; | ||
@@ -106,0 +103,0 @@ } |
@@ -9,2 +9,3 @@ /** | ||
import { KeyboardMixin } from '@vaadin/component-base/src/keyboard-mixin.js'; | ||
import { MediaQueryController } from '@vaadin/component-base/src/media-query-controller.js'; | ||
import { DelegateFocusMixin } from '@vaadin/field-base/src/delegate-focus-mixin.js'; | ||
@@ -421,2 +422,8 @@ import { InputMixin } from '@vaadin/field-base/src/input-mixin.js'; | ||
this.addController( | ||
new MediaQueryController(this._fullscreenMediaQuery, (matches) => { | ||
this._fullscreen = matches; | ||
}) | ||
); | ||
this.addController(new VirtualKeyboardController(this)); | ||
@@ -423,0 +430,0 @@ } |
@@ -6,3 +6,2 @@ /** | ||
*/ | ||
import '@polymer/iron-media-query/iron-media-query.js'; | ||
import '@vaadin/button/src/vaadin-button.js'; | ||
@@ -13,5 +12,7 @@ import './vaadin-month-calendar.js'; | ||
import { timeOut } from '@vaadin/component-base/src/async.js'; | ||
import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js'; | ||
import { Debouncer } from '@vaadin/component-base/src/debounce.js'; | ||
import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js'; | ||
import { addListener, setTouchAction } from '@vaadin/component-base/src/gestures.js'; | ||
import { MediaQueryController } from '@vaadin/component-base/src/media-query-controller.js'; | ||
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
@@ -24,3 +25,3 @@ import { dateEquals, extractDateParts, getClosestDate } from './vaadin-date-picker-helper.js'; | ||
*/ | ||
class DatePickerOverlayContent extends ThemableMixin(DirMixin(PolymerElement)) { | ||
class DatePickerOverlayContent extends ControllerMixin(ThemableMixin(DirMixin(PolymerElement))) { | ||
static get template() { | ||
@@ -229,3 +230,2 @@ return html` | ||
</div> | ||
<iron-media-query query="(min-width: 375px)" query-matches="{{_desktopMode}}"></iron-media-query> | ||
`; | ||
@@ -275,2 +275,7 @@ } | ||
_desktopMediaQuery: { | ||
type: String, | ||
value: '(min-width: 375px)' | ||
}, | ||
_translateX: { | ||
@@ -337,2 +342,8 @@ observer: '_translateXChanged' | ||
); | ||
this.addController( | ||
new MediaQueryController(this._desktopMediaQuery, (matches) => { | ||
this._desktopMode = matches; | ||
}) | ||
); | ||
} | ||
@@ -339,0 +350,0 @@ |
@@ -6,3 +6,2 @@ /** | ||
*/ | ||
import '@polymer/iron-media-query/iron-media-query.js'; | ||
import '@vaadin/input-container/src/vaadin-input-container.js'; | ||
@@ -189,4 +188,2 @@ import './vaadin-date-picker-overlay.js'; | ||
</vaadin-date-picker-overlay> | ||
<iron-media-query query="[[_fullscreenMediaQuery]]" query-matches="{{_fullscreen}}"> </iron-media-query> | ||
`; | ||
@@ -193,0 +190,0 @@ } |
153153
10
4104
+ Added@vaadin/button@23.0.0-beta3(transitive)
+ Added@vaadin/component-base@23.0.0-beta3(transitive)
+ Added@vaadin/field-base@23.0.0-beta3(transitive)
+ Added@vaadin/icon@23.0.0-beta3(transitive)
+ Added@vaadin/input-container@23.0.0-beta3(transitive)
+ Added@vaadin/vaadin-lumo-styles@23.0.0-beta3(transitive)
+ Added@vaadin/vaadin-material-styles@23.0.0-beta3(transitive)
+ Added@vaadin/vaadin-overlay@23.0.0-beta3(transitive)
+ Added@vaadin/vaadin-themable-mixin@23.0.0-beta3(transitive)
- Removed@polymer/iron-media-query@^3.0.0
- Removed@polymer/iron-media-query@3.0.1(transitive)
- Removed@vaadin/button@23.0.0-beta2(transitive)
- Removed@vaadin/component-base@23.0.0-beta2(transitive)
- Removed@vaadin/field-base@23.0.0-beta2(transitive)
- Removed@vaadin/icon@23.0.0-beta2(transitive)
- Removed@vaadin/input-container@23.0.0-beta2(transitive)
- Removed@vaadin/vaadin-lumo-styles@23.0.0-beta2(transitive)
- Removed@vaadin/vaadin-material-styles@23.0.0-beta2(transitive)
- Removed@vaadin/vaadin-overlay@23.0.0-beta2(transitive)
- Removed@vaadin/vaadin-themable-mixin@23.0.0-beta2(transitive)
Updated@vaadin/button@23.0.0-beta3