@aurelia-mdc-web/all 9.3.0-au2 → 9.3.2-au2

package/src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.ts

@@ -1,108 +1,108 @@
-import { cssClasses, strings } from '@material/list';
-import { customElement, bindable, inject, INode } from 'aurelia';
-import { booleanAttr } from '../../../base';
-import { processContent } from '@aurelia/runtime-html';
-import template from './mdc-deprecated-list-item.html?raw';
-
-// let listItemId = 0;
-
-const ENTER = 13;
-const SPACE = 32;
-const LIST_ITEM_ACTION = 'mdclistitem:action';
-let id = 0;
-
-/**
- * @selector mdc-deprecated-list-item
- */
-@inject(Element)
-@customElement({ name: 'mdc-deprecated-list-item', template })
-@processContent(function processContent(node: INode) {
-  const element = node as HTMLElement;
-  const graphic = element.querySelector('mdc-checkbox:not([mdc-deprecated-list-item-meta]),[mdc-deprecated-list-item-graphic]');
-  if (graphic) {
-    element.removeChild(graphic);
-  }
-  const meta = element.querySelector('[mdc-deprecated-list-item-meta]');
-  if (meta) {
-    element.removeChild(meta);
-  }
-  const itemText = document.createElement('span');
-  itemText.classList.add('mdc-deprecated-list-item__text');
-  const children = [].slice.call(element.childNodes) as ChildNode[];
-  for (let i = 0; i < children.length; ++i) {
-    itemText.appendChild(children[i]);
-  }
-  if (graphic) {
-    element.appendChild(graphic);
-  }
-  element.appendChild(itemText);
-  if (meta) {
-    element.appendChild(meta);
-  }
-}
-)
-export class MdcDeprecatedListItem {
-  constructor(public root: HTMLElement) {
-    this.root.id = `mdc-deprecated-list-item-${this.id}`;
-  }
-
-  cssClasses = cssClasses;
-
-  id = `mdc-deprecated-list-item-${++id}`;
-
-  /** Disables the list item */
-  @bindable({ set: booleanAttr })
-  disabled: boolean;
-
-  /** Styles the row in an activated state */
-  @bindable({ set: booleanAttr })
-  activated: boolean;
-
-  /** Random data associated with the list item. Passed in events payload. */
-  @bindable()
-  value: unknown;
-
-  /** Disables ripple effect */
-  @bindable({ set: booleanAttr })
-  disableRipple: boolean;
-
-  attached() {
-    // Child button/a elements are not tabbable until the list item is focused.
-    Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))
-      .forEach(el => el.setAttribute('tabindex', '-1'));
-  }
-
-  onKeydown(evt: KeyboardEvent) {
-    if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {
-      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
-    }
-    return true;
-  }
-
-  onClick() {
-    if (!this.disabled) {
-      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
-    }
-    return true;
-  }
-
-}
-
-/** @hidden */
-export interface IMdcListItemElement extends HTMLElement {
-  $au: {
-    'au:resource:custom-element': {
-      viewModel: MdcDeprecatedListItem;
-    };
-  };
-}
-
-export interface IMdcListActionEventDetail {
-  index: number;
-  data: unknown;
-}
-
-/** @hidden */
-export interface IMdcListActionEvent extends Event {
-  detail: IMdcListActionEventDetail;
-}
+import { cssClasses, strings } from '@material/list';
+import { customElement, bindable, inject, INode } from 'aurelia';
+import { booleanAttr } from '../../../base';
+import { processContent } from '@aurelia/runtime-html';
+import template from './mdc-deprecated-list-item.html?raw';
+
+// let listItemId = 0;
+
+const ENTER = 13;
+const SPACE = 32;
+const LIST_ITEM_ACTION = 'mdclistitem:action';
+let id = 0;
+
+/**
+ * @selector mdc-deprecated-list-item
+ */
+@inject(Element)
+@customElement({ name: 'mdc-deprecated-list-item', template })
+@processContent(function processContent(node: INode) {
+  const element = node as HTMLElement;
+  const graphic = element.querySelector('mdc-checkbox:not([mdc-deprecated-list-item-meta]),[mdc-deprecated-list-item-graphic]');
+  if (graphic) {
+    element.removeChild(graphic);
+  }
+  const meta = element.querySelector('[mdc-deprecated-list-item-meta]');
+  if (meta) {
+    element.removeChild(meta);
+  }
+  const itemText = document.createElement('span');
+  itemText.classList.add('mdc-deprecated-list-item__text');
+  const children = [].slice.call(element.childNodes) as ChildNode[];
+  for (let i = 0; i < children.length; ++i) {
+    itemText.appendChild(children[i]);
+  }
+  if (graphic) {
+    element.appendChild(graphic);
+  }
+  element.appendChild(itemText);
+  if (meta) {
+    element.appendChild(meta);
+  }
+}
+)
+export class MdcDeprecatedListItem {
+  constructor(public root: HTMLElement) {
+    this.root.id = `mdc-deprecated-list-item-${this.id}`;
+  }
+
+  cssClasses = cssClasses;
+
+  id = `mdc-deprecated-list-item-${++id}`;
+
+  /** Disables the list item */
+  @bindable({ set: booleanAttr })
+  disabled: boolean;
+
+  /** Styles the row in an activated state */
+  @bindable({ set: booleanAttr })
+  activated: boolean;
+
+  /** Random data associated with the list item. Passed in events payload. */
+  @bindable()
+  value: unknown;
+
+  /** Disables ripple effect */
+  @bindable({ set: booleanAttr })
+  disableRipple: boolean;
+
+  attached() {
+    // Child button/a elements are not tabbable until the list item is focused.
+    Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))
+      .forEach(el => el.setAttribute('tabindex', '-1'));
+  }
+
+  onKeydown(evt: KeyboardEvent) {
+    if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {
+      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+    }
+    return true;
+  }
+
+  onClick() {
+    if (!this.disabled) {
+      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+    }
+    return true;
+  }
+
+}
+
+/** @hidden */
+export interface IMdcListItemElement extends HTMLElement {
+  $au: {
+    'au:resource:custom-element': {
+      viewModel: MdcDeprecatedListItem;
+    };
+  };
+}
+
+export interface IMdcListActionEventDetail {
+  index: number;
+  data: unknown;
+}
+
+/** @hidden */
+export interface IMdcListActionEvent extends Event {
+  detail: IMdcListActionEventDetail;
+}

package/src/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.ts

@@ -1,11 +1,11 @@
-import { customElement } from 'aurelia';
-
-/**
- * Optional, primary text for the list item
- * @selector mdc-deprecated-list-item-primary-text
- */
-@customElement({
-  name: 'mdc-deprecated-list-item-primary-text',
-  template: '<template class="mdc-deprecated-list-item__primary-text"><au-slot></au-slot></template>'
-})
-export class MdcDeprecatedListItemPrimaryText { }
+import { customElement } from 'aurelia';
+
+/**
+ * Optional, primary text for the list item
+ * @selector mdc-deprecated-list-item-primary-text
+ */
+@customElement({
+  name: 'mdc-deprecated-list-item-primary-text',
+  template: '<template class="mdc-deprecated-list-item__primary-text"><au-slot></au-slot></template>'
+})
+export class MdcDeprecatedListItemPrimaryText { }

package/src/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.ts

@@ -1,11 +1,11 @@
-import { customElement } from 'aurelia';
-
-/**
- * Optional, secondary text for the list item. Displayed below the primary text.
- * @selector mdc-deprecated-list-item-secondary-text
- */
-@customElement({
-  name: 'mdc-deprecated-list-item-secondary-text',
-  template: '<template class="mdc-deprecated-list-item__secondary-text"><au-slot></au-slot></template>'
-})
-export class MdcDeprecatedListItemSecondaryText { }
+import { customElement } from 'aurelia';
+
+/**
+ * Optional, secondary text for the list item. Displayed below the primary text.
+ * @selector mdc-deprecated-list-item-secondary-text
+ */
+@customElement({
+  name: 'mdc-deprecated-list-item-secondary-text',
+  template: '<template class="mdc-deprecated-list-item__secondary-text"><au-slot></au-slot></template>'
+})
+export class MdcDeprecatedListItemSecondaryText { }

package/src/list/mdc-deprecated-list/mdc-deprecated-list.html

@@ -1,15 +1,15 @@
-<template class="
-    mdc-deprecated-list
-    ${twoLine ? 'mdc-deprecated-list--two-line' : ''}
-    ${dense ? 'mdc-deprecated-list--dense' : ''}
-    ${textual ? 'mdc-deprecated-list--textual-list' : ''}
-    ${avatar ? 'mdc-deprecated-list--avatar-list' : ''}
-    ${icon ? 'mdc-deprecated-list--icon-list' : ''}
-    ${image ? 'mdc-deprecated-list--image-list' : ''}
-    ${thumbnail ? 'mdc-deprecated-list--thumbnail-list' : ''}
-    ${video ? 'mdc-deprecated-list--video-list' : ''}
-  " keydown.trigger="handleKeydownEvent_($event)" click.trigger="handleClickEvent_($event)"
-  focusin.trigger="handleFocusInEvent_($event)" focusout.trigger="handleFocusOutEvent_($event)"
-  aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
-  <au-slot></au-slot>
-</template>
+<template class="
+    mdc-deprecated-list
+    ${twoLine ? 'mdc-deprecated-list--two-line' : ''}
+    ${dense ? 'mdc-deprecated-list--dense' : ''}
+    ${textual ? 'mdc-deprecated-list--textual-list' : ''}
+    ${avatar ? 'mdc-deprecated-list--avatar-list' : ''}
+    ${icon ? 'mdc-deprecated-list--icon-list' : ''}
+    ${image ? 'mdc-deprecated-list--image-list' : ''}
+    ${thumbnail ? 'mdc-deprecated-list--thumbnail-list' : ''}
+    ${video ? 'mdc-deprecated-list--video-list' : ''}
+  " keydown.trigger="handleKeydownEvent_($event)" click.trigger="handleClickEvent_($event)"
+  focusin.trigger="handleFocusInEvent_($event)" focusout.trigger="handleFocusOutEvent_($event)"
+  aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
+  <au-slot></au-slot>
+</template>