@vaadin/vaadin-grid 5.9.3 → 5.9.4

package/package.json

@@ -15,7 +15,7 @@
   "repository": "vaadin/vaadin-grid",
   "homepage": "https://vaadin.com/components",
   "name": "@vaadin/vaadin-grid",
-  "version": "5.9.3",
+  "version": "5.9.4",
   "main": "vaadin-grid.js",
   "author": "Vaadin Ltd",
   "license": "Apache-2.0",

package/src/vaadin-grid-disabled-mixin.d.ts

@@ -0,0 +1,34 @@
+/**
+ * DO NOT EDIT
+ *
+ * This file was automatically generated by
+ *   https://github.com/Polymer/tools/tree/master/packages/gen-typescript-declarations
+ *
+ * To modify these typings, edit the source file(s):
+ *   src/vaadin-grid-disabled-mixin.js
+ */
+
+
+// tslint:disable:variable-name Describing an API that's defined elsewhere.
+// tslint:disable:no-any describes the API as best we are able today
+
+export {DisabledMixin};
+
+declare function DisabledMixin<T extends new (...args: any[]) => {}>(base: T): T & DisabledMixinConstructor;
+
+interface DisabledMixinConstructor {
+  new(...args: any[]): DisabledMixin;
+}
+
+export {DisabledMixinConstructor};
+
+interface DisabledMixin {
+  disabled: boolean|null|undefined;
+  _disabledChanged(disabled: any): void;
+
+  /**
+   * Overrides the default element `click` method in order to prevent
+   * firing the `click` event when the element is disabled.
+   */
+  click(): void;
+}

package/src/vaadin-grid-disabled-mixin.js

@@ -0,0 +1,43 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
+/**
+ * @polymerMixin
+ */
+export const DisabledMixin = superClass => class DisabledMixin extends superClass {
+  static get properties() {
+    return {
+      disabled: {
+        type: Boolean,
+        value: false,
+        observer: '_disabledChanged',
+        reflectToAttribute: true
+      }
+    };
+  }
+
+  /** @protected */
+  _disabledChanged(disabled) {
+    if (disabled) {
+      this.setAttribute('tabindex', '-1');
+      this.setAttribute('aria-disabled', 'true');
+    } else {
+      this.removeAttribute('tabindex');
+      this.removeAttribute('aria-disabled');
+    }
+  }
+
+  /**
+   * Overrides the default element `click` method in order to prevent
+   * firing the `click` event when the element is disabled.
+   * @protected
+   * @override
+   */
+  click() {
+    if (!this.disabled) {
+      super.click();
+    }
+  }
+};

package/src/vaadin-grid-styles.js

@@ -31,6 +31,11 @@ VaadinGridStyles.appendChild(
       display: none !important;
     }
 
+    :host([disabled]) {
+      pointer-events: none;
+      animation: none;
+    }
+
     #scroller {
       display: block;
       transform: translateY(0);

package/src/vaadin-grid.d.ts

@@ -13,6 +13,8 @@
 
 import {ThemableMixin} from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
+import {DisabledMixin} from './vaadin-grid-disabled-mixin.js';
+
 import {ScrollerElement} from './vaadin-grid-scroller.js';
 
 import {A11yMixin} from './vaadin-grid-a11y-mixin.js';

package/src/vaadin-grid.js

@@ -6,6 +6,7 @@ This program is available under Apache License Version 2.0, available at https:/
 import '@polymer/polymer/polymer-legacy.js';
 
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { DisabledMixin } from './vaadin-grid-disabled-mixin.js';
 import { ScrollerElement } from './vaadin-grid-scroller.js';
 import { A11yMixin } from './vaadin-grid-a11y-mixin.js';
 import { ActiveItemMixin } from './vaadin-grid-active-item-mixin.js';
@@ -294,7 +295,8 @@ class GridElement extends
                                 EventContextMixin(
                                   DragAndDropMixin(
                                     StylingMixin(
-                                      ScrollerElement)))))))))))))))))) {
+                                      DisabledMixin(
+                                        ScrollerElement))))))))))))))))))) {
   static get template() {
     return html`
     <style include="vaadin-grid-styles"></style>
@@ -323,7 +325,7 @@ class GridElement extends
   }
 
   static get version() {
-    return '5.9.3';
+    return '5.9.4';
   }
 
   static get observers() {

package/theme/lumo/vaadin-grid-styles.js

@@ -29,6 +29,10 @@ const $_documentContainer = html`<dom-module id="lumo-grid" theme-for="vaadin-gr
         --_lumo-grid-selected-row-color: var(--lumo-primary-color-10pct);
       }
 
+      :host([disabled]) {
+        opacity: 0.7;
+      }
+
       /* No (outer) border */
 
       :host(:not([theme~="no-border"])) {

package/theme/material/vaadin-grid-styles.js

@@ -13,6 +13,10 @@ const $_documentContainer = html`<dom-module id="material-grid" theme-for="vaadi
         color: var(--material-body-text-color);
       }
 
+      :host([disabled]) {
+        opacity: 0.7;
+      }
+
       [part~="cell"] {
         min-height: 48px;
         -webkit-tap-highlight-color: transparent;