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

package/dist/fab/mdc-fab.html

@@ -1,13 +1,13 @@
-<template class="
-    mdc-fab
-    ${mini ? 'mdc-fab--mini' : ''}
-    ${extended ? 'mdc-fab--extended' : ''}
-    ${exited ? 'mdc-fab--exited' : ''}
-    ${touch ? 'mdc-fab--touch' : ''}
-  " tabindex.bind="disabled ? -1 : 0" mdc-ripple="no-class.bind: true;">
-  <div class="mdc-fab__ripple"></div>
-  <au-slot></au-slot>
-  <span class="material-icons mdc-fab__icon" if.bind="icon">${icon}</span>
-  <span class="mdc-fab__label" if.bind="label">${label}</span>
-  <div class="mdc-fab__touch" if.bind="touch"></div>
-</template>
+<template class="
+    mdc-fab
+    ${mini ? 'mdc-fab--mini' : ''}
+    ${extended ? 'mdc-fab--extended' : ''}
+    ${exited ? 'mdc-fab--exited' : ''}
+    ${touch ? 'mdc-fab--touch' : ''}
+  " tabindex.bind="disabled ? -1 : 0" mdc-ripple="no-class.bind: true;">
+  <div class="mdc-fab__ripple"></div>
+  <au-slot></au-slot>
+  <span class="material-icons mdc-fab__icon" if.bind="icon">${icon}</span>
+  <span class="mdc-fab__label" if.bind="label">${label}</span>
+  <div class="mdc-fab__touch" if.bind="touch"></div>
+</template>

package/dist/floating-label/mdc-floating-label.html

@@ -1 +1 @@
-<template class="mdc-floating-label"><au-slot></au-slot></template>
+<template class="mdc-floating-label"><au-slot></au-slot></template>

package/dist/form-field/mdc-form-field.html

@@ -1,6 +1,6 @@
-<template class="mdc-form-field
-    ${cssClasses.ROOT}--au ${nowrap ? cssClasses.ROOT + '--nowrap' : ''}
-    ${alignEnd ? cssClasses.ROOT + '--align-end' : ''}
-    ${spaceBetween ? cssClasses.ROOT + '--space-between' : ''}">
-  <au-slot></au-slot>
-</template>
+<template class="mdc-form-field
+    ${cssClasses.ROOT}--au ${nowrap ? cssClasses.ROOT + '--nowrap' : ''}
+    ${alignEnd ? cssClasses.ROOT + '--align-end' : ''}
+    ${spaceBetween ? cssClasses.ROOT + '--space-between' : ''}">
+  <au-slot></au-slot>
+</template>

package/dist/icon/mdc-icon.html

@@ -1,3 +1,3 @@
-<template class="material-icons">
-  <au-slot></au-slot>
-</template>
+<template class="material-icons">
+  <au-slot></au-slot>
+</template>

package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.html

@@ -1,4 +1,4 @@
-<template class="mdc-icon-button__icon ${on ? 'mdc-icon-button__icon--on' : ''} material-icons">
-  <au-slot></au-slot>
-  <span class="material-icons" if.bind="icon">${icon}</span>
-</template>
+<template class="mdc-icon-button__icon ${on ? 'mdc-icon-button__icon--on' : ''} material-icons">
+  <au-slot></au-slot>
+  <span class="material-icons" if.bind="icon">${icon}</span>
+</template>

package/dist/icon-button/mdc-icon-button.html

@@ -1,11 +1,11 @@
-<template class="
-    mdc-icon-button mdc-icon-button--display-flex
-    ${on ? 'mdc-icon-button--on' : ''}
-    ${icon ? 'material-icons' : ''}
-    ${touch ? 'mdc-icon-button--touch' : ''}
-  " mdc-ripple="no-class.bind: true; unbounded.bind: true" click.trigger="handleClick()">
-  <div class="mdc-icon-button__ripple"></div>
-  <au-slot></au-slot>
-  <span if.bind="icon">${icon}</span>
-  <div class="mdc-icon-button__touch" if.bind="touch"></div>
-</template>
+<template class="
+    mdc-icon-button mdc-icon-button--display-flex
+    ${on ? 'mdc-icon-button--on' : ''}
+    ${icon ? 'material-icons' : ''}
+    ${touch ? 'mdc-icon-button--touch' : ''}
+  " mdc-ripple="no-class.bind: true; unbounded.bind: true" click.trigger="handleClick()">
+  <div class="mdc-icon-button__ripple"></div>
+  <au-slot></au-slot>
+  <span if.bind="icon">${icon}</span>
+  <div class="mdc-icon-button__touch" if.bind="touch"></div>
+</template>

package/dist/image-list/mdc-image-list-item/mdc-image-list-item.html

@@ -1,9 +1,9 @@
-<template class="mdc-image-list__item">
-  <div class="mdc-image-list__image-aspect-container" if.bind="hasAspect">
-    <img class="mdc-image-list__image" src.bind="src">
-  </div>
-  <img class="mdc-image-list__image" src.bind="src" if.bind="!hasAspect">
-  <div class="mdc-image-list__supporting" if.bind="label">
-    <span class="mdc-image-list__label">${label}</span>
-  </div>
-</template>
+<template class="mdc-image-list__item">
+  <div class="mdc-image-list__image-aspect-container" if.bind="hasAspect">
+    <img class="mdc-image-list__image" src.bind="src">
+  </div>
+  <img class="mdc-image-list__image" src.bind="src" if.bind="!hasAspect">
+  <div class="mdc-image-list__supporting" if.bind="label">
+    <span class="mdc-image-list__label">${label}</span>
+  </div>
+</template>

package/dist/image-list/mdc-image-list.html

@@ -1,7 +1,7 @@
-<template class="mdc-image-list
-  ${masonry ? 'mdc-image-list--masonry' : ''}
-  ${textProtection ? 'mdc-image-list--with-text-protection' : ''}
-  ${columns ? 'mdc-image-list--columns-set' : ''}">
-  <style ref="style"></style>
-  <au-slot></au-slot>
-</template>
+<template class="mdc-image-list
+  ${masonry ? 'mdc-image-list--masonry' : ''}
+  ${textProtection ? 'mdc-image-list--with-text-protection' : ''}
+  ${columns ? 'mdc-image-list--columns-set' : ''}">
+  <style ref="style"></style>
+  <au-slot></au-slot>
+</template>

package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.html

@@ -1,12 +1,12 @@
-<template class="
-  mdc-layout-grid__cell
-  ${order ? 'mdc-layout-grid__cell--order-' + order : ''}
-  ${position ? 'mdc-layout-grid__cell--align-' + position : ''}
-  ${span ? 'mdc-layout-grid__cell--span-' + span : ''}
-  ${desktopSpan ? 'mdc-layout-grid__cell--span-' + desktopSpan + '-desktop' : ''}
-  ${tabletSpan ? 'mdc-layout-grid__cell--span-' + tabletSpan + '-tablet' : ''}
-  ${phoneSpan ? 'mdc-layout-grid__cell--span-' + phoneSpan + '-phone' : ''}
-  ${newRow ? 'mdc-layout-grid__cell--new-row' : ''}
-  ">
-  <au-slot></au-slot>
-</template>
+<template class="
+  mdc-layout-grid__cell
+  ${order ? 'mdc-layout-grid__cell--order-' + order : ''}
+  ${position ? 'mdc-layout-grid__cell--align-' + position : ''}
+  ${span ? 'mdc-layout-grid__cell--span-' + span : ''}
+  ${desktopSpan ? 'mdc-layout-grid__cell--span-' + desktopSpan + '-desktop' : ''}
+  ${tabletSpan ? 'mdc-layout-grid__cell--span-' + tabletSpan + '-tablet' : ''}
+  ${phoneSpan ? 'mdc-layout-grid__cell--span-' + phoneSpan + '-phone' : ''}
+  ${newRow ? 'mdc-layout-grid__cell--new-row' : ''}
+  ">
+  <au-slot></au-slot>
+</template>

package/dist/layout-grid/mdc-layout-grid.html

@@ -1,8 +1,8 @@
-<template class="
-  mdc-layout-grid
-  ${position ? 'mdc-layout-grid--align-' + position : ''}
-  ${fixedColumnWidth ? 'mdc-layout-grid--fixed-column-width' : ''}
-  ${noPadding ? 'mdc-layout-grid--no-padding' : ''}
-  ">
-  <au-slot></au-slot>
-</template>
+<template class="
+  mdc-layout-grid
+  ${position ? 'mdc-layout-grid--align-' + position : ''}
+  ${fixedColumnWidth ? 'mdc-layout-grid--fixed-column-width' : ''}
+  ${noPadding ? 'mdc-layout-grid--no-padding' : ''}
+  ">
+  <au-slot></au-slot>
+</template>

package/dist/linear-progress/mdc-linear-progress.html

@@ -1,12 +1,12 @@
-<template role="progressbar" class="mdc-linear-progress" style="display: block">
-  <div class="mdc-linear-progress__buffer">
-    <div class="mdc-linear-progress__buffer-bar"></div>
-    <div class="mdc-linear-progress__buffer-dots"></div>
-  </div>
-  <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
-    <span class="mdc-linear-progress__bar-inner"></span>
-  </div>
-  <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
-    <span class="mdc-linear-progress__bar-inner"></span>
-  </div>
-</template>
+<template role="progressbar" class="mdc-linear-progress" style="display: block">
+  <div class="mdc-linear-progress__buffer">
+    <div class="mdc-linear-progress__buffer-bar"></div>
+    <div class="mdc-linear-progress__buffer-dots"></div>
+  </div>
+  <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
+    <span class="mdc-linear-progress__bar-inner"></span>
+  </div>
+  <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
+    <span class="mdc-linear-progress__bar-inner"></span>
+  </div>
+</template>

package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.html

@@ -1,4 +1,4 @@
-<template role="separator"
-  class="mdc-deprecated-list-divider ${padded ? 'mdc-deprecated-list-divider--padded' : ''} ${inset ? 'mdc-deprecated-list-divider--inset' : ''}">
-  <au-slot></au-slot>
-</template>
+<template role="separator"
+  class="mdc-deprecated-list-divider ${padded ? 'mdc-deprecated-list-divider--padded' : ''} ${inset ? 'mdc-deprecated-list-divider--inset' : ''}">
+  <au-slot></au-slot>
+</template>

package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.html

@@ -1,8 +1,8 @@
-<template class="mdc-deprecated-list-item
-    ${disabled ? 'mdc-deprecated-list-item--disabled' : ''}
-    ${activated ? 'mdc-deprecated-list-item--activated' : ''}
-  " mdc-ripple="disabled.bind: disabled || disableRipple"
-  keydown.trigger="onKeydown($event)" click.trigger="onClick()" tabindex="-1">
-  <div class="mdc-deprecated-list-item__ripple"></div>
-  <au-slot></au-slot>
-</template>
+<template class="mdc-deprecated-list-item
+    ${disabled ? 'mdc-deprecated-list-item--disabled' : ''}
+    ${activated ? 'mdc-deprecated-list-item--activated' : ''}
+  " mdc-ripple="disabled.bind: disabled || disableRipple"
+  keydown.trigger="onKeydown($event)" click.trigger="onClick()" tabindex="-1">
+  <div class="mdc-deprecated-list-item__ripple"></div>
+  <au-slot></au-slot>
+</template>

package/dist/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>

package/dist/list/mdc-list-divider/mdc-list-divider.html

@@ -1,7 +1,7 @@
-<template role="separator" class="
-  mdc-list-divider
-  ${leadingType ? 'mdc-list-divider--with-leading-inset mdc-list-divider--with-leading-' + leadingType : ''}
-  ${trailingType ? 'mdc-list-divider--with-trailing-inset mdc-list-divider--with-trailing-' + trailingType : ''}
-  ${padded ? 'mdc-list-divider--with-leading-padding' : ''}
-  ">
-</template>
+<template role="separator" class="
+  mdc-list-divider
+  ${leadingType ? 'mdc-list-divider--with-leading-inset mdc-list-divider--with-leading-' + leadingType : ''}
+  ${trailingType ? 'mdc-list-divider--with-trailing-inset mdc-list-divider--with-trailing-' + trailingType : ''}
+  ${padded ? 'mdc-list-divider--with-leading-padding' : ''}
+  ">
+</template>

package/dist/list/mdc-list-item/mdc-list-item.html

@@ -1,13 +1,13 @@
-<template class="
-    ${cssClasses.LIST_ITEM_CLASS}
-    ${disabled ? 'mdc-list-item--disabled' : ''}
-    ${activated ? 'mdc-list-item--activated' : ''}
-    ${selected ? 'mdc-list-item--selected' : ''}
-    ${nonInteractive ? 'non-interactive' : ''}
-    ${twoLine ? 'mdc-list-item--with-two-lines' : (threeLine ? 'mdc-list-item--with-three-lines' : 'mdc-list-item--with-one-line')}
-    ${trailingType ? 'mdc-list-item--with-trailing-' + trailingType : ''}
-  " id1="mdc-list-item-${id}" mdc-ripple="disabled.bind: disabled || disableRipple" keydown.trigger="onKeydown($event)"
-  click.trigger="onClick()" tabindex="-1">
-  <span class="mdc-list-item__ripple"></span>
-  <au-slot></au-slot>
-</template>
+<template class="
+    ${cssClasses.LIST_ITEM_CLASS}
+    ${disabled ? 'mdc-list-item--disabled' : ''}
+    ${activated ? 'mdc-list-item--activated' : ''}
+    ${selected ? 'mdc-list-item--selected' : ''}
+    ${nonInteractive ? 'non-interactive' : ''}
+    ${twoLine ? 'mdc-list-item--with-two-lines' : (threeLine ? 'mdc-list-item--with-three-lines' : 'mdc-list-item--with-one-line')}
+    ${trailingType ? 'mdc-list-item--with-trailing-' + trailingType : ''}
+  " id1="mdc-list-item-${id}" mdc-ripple="disabled.bind: disabled || disableRipple" keydown.trigger="onKeydown($event)"
+  click.trigger="onClick()" tabindex="-1">
+  <span class="mdc-list-item__ripple"></span>
+  <au-slot></au-slot>
+</template>

package/dist/list/mdc-list.html

@@ -1,5 +1,5 @@
-<template class="${cssClasses.ROOT}" 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="${cssClasses.ROOT}" 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>

package/dist/lookup/mdc-lookup.html

@@ -1,27 +1,27 @@
-<template class="mdc-lookup">
-  <mdc-menu component.ref="menu" mdcmenu:selected.trigger="handleMenuItemAction($event)" anchor-corner="BOTTOM_LEFT"
-    anchor.bind="input" hoist-to-body.bind="hoistToBody" class="${menuClass}" select-on-tab.bind="selectOnTab" stay-open
-    mdc-menu-surface.ref="menuSurface" keydown.trigger="handleMenuKeydown($event)">
-    <mdc-list role="menu" wrap-focus>
-
-      <au-slot if.bind="searching" name="searching">
-        <mdc-list-item two-line.bind="twoLine">${defaultConfiguration.searchingMessage}</mdc-list-item>
-      </au-slot>
-
-      <au-slot if.bind="errorMessage" name="error">
-        <mdc-list-item two-line.bind="twoLine">${errorMessage}</mdc-list-item>
-      </au-slot>
-
-      <au-slot if.bind="optionsArray && !optionsArray.length" name="not-found">
-        <mdc-list-item two-line.bind="twoLine">
-          ${defaultConfiguration.notFoundMessage}
-        </mdc-list-item>
-      </au-slot>
-
-      <mdc-list-item role="menuitem" repeat.for="option of optionsArray" value.bind="option" tabindex="-1"
-        two-line.bind="twoLine">
-        <au-slot name="option">${getDisplay(option)}</au-slot>
-      </mdc-list-item>
-    </mdc-list>
-  </mdc-menu>
-</template>
+<template class="mdc-lookup">
+  <mdc-menu component.ref="menu" mdcmenu:selected.trigger="handleMenuItemAction($event)" anchor-corner="BOTTOM_LEFT"
+    anchor.bind="input" hoist-to-body.bind="hoistToBody" class="${menuClass}" select-on-tab.bind="selectOnTab" stay-open
+    mdc-menu-surface.ref="menuSurface" keydown.trigger="handleMenuKeydown($event)">
+    <mdc-list role="menu" wrap-focus>
+
+      <au-slot if.bind="searching" name="searching">
+        <mdc-list-item two-line.bind="twoLine">${defaultConfiguration.searchingMessage}</mdc-list-item>
+      </au-slot>
+
+      <au-slot if.bind="errorMessage" name="error">
+        <mdc-list-item two-line.bind="twoLine">${errorMessage}</mdc-list-item>
+      </au-slot>
+
+      <au-slot if.bind="optionsArray && !optionsArray.length" name="not-found">
+        <mdc-list-item two-line.bind="twoLine">
+          ${defaultConfiguration.notFoundMessage}
+        </mdc-list-item>
+      </au-slot>
+
+      <mdc-list-item role="menuitem" repeat.for="option of optionsArray" value.bind="option" tabindex="-1"
+        two-line.bind="twoLine">
+        <au-slot name="option">${getDisplay(option)}</au-slot>
+      </mdc-list-item>
+    </mdc-list>
+  </mdc-menu>
+</template>

package/dist/menu/mdc-menu.html

@@ -1,6 +1,6 @@
-<template class="mdc-menu"
-  mdc-menu-surface="fixed.bind: fixed; anchor-corner.bind: anchorCorner; anchor-margin.bind: anchorMargin; hoist-to-body.bind: hoistToBody; anchor.bind: anchor; quick-open.bind: quickOpen; max-height.bind: maxHeight; open-bottom-bias.bind: openBottomBias; stay-open.bind: stayOpen"
-  mdc-menu-surface.ref="menuSurface" keydown.trigger="handleKeydown_($event)"
-  mdcmenusurface:opened.trigger="handleMenuSurfaceOpened_()" mdclist:action.trigger="handleItemAction_($event)">
-  <au-slot></au-slot>
-</template>
+<template class="mdc-menu"
+  mdc-menu-surface="fixed.bind: fixed; anchor-corner.bind: anchorCorner; anchor-margin.bind: anchorMargin; hoist-to-body.bind: hoistToBody; anchor.bind: anchor; quick-open.bind: quickOpen; max-height.bind: maxHeight; open-bottom-bias.bind: openBottomBias; stay-open.bind: stayOpen"
+  mdc-menu-surface.ref="menuSurface" keydown.trigger="handleKeydown_($event)"
+  mdcmenusurface:opened.trigger="handleMenuSurfaceOpened_()" mdclist:action.trigger="handleItemAction_($event)">
+  <au-slot></au-slot>
+</template>

package/dist/notched-outline/mdc-notched-outline.html

@@ -1,7 +1,7 @@
-<template class="mdc-notched-outline ${label ? '' : 'mdc-notched-outline--no-label'}">
-  <span class="mdc-notched-outline__leading"></span>
-  <span class="mdc-notched-outline__notch" ref="notchElement_">
-    <au-slot></au-slot>
-  </span>
-  <span class="mdc-notched-outline__trailing"></span>
-</template>
+<template class="mdc-notched-outline ${label ? '' : 'mdc-notched-outline--no-label'}">
+  <span class="mdc-notched-outline__leading"></span>
+  <span class="mdc-notched-outline__notch" ref="notchElement_">
+    <au-slot></au-slot>
+  </span>
+  <span class="mdc-notched-outline__trailing"></span>
+</template>

package/dist/radio/mdc-radio.html

@@ -1,9 +1,9 @@
-<template class="mdc-radio ${touch ? 'mdc-radio--touch' : ''}"
-  mdc-ripple="no-class.bind: true; input.bind: nativeControl_; unbounded.bind: true; active-surface.bind: false">
-  <input type="radio" class="mdc-radio__native-control" id="${id}" ref="nativeControl_" />
-  <div class="mdc-radio__background">
-    <div class="mdc-radio__outer-circle"></div>
-    <div class="mdc-radio__inner-circle"></div>
-  </div>
-  <div class="mdc-radio__ripple"></div>
-</template>
+<template class="mdc-radio ${touch ? 'mdc-radio--touch' : ''}"
+  mdc-ripple="no-class.bind: true; input.bind: nativeControl_; unbounded.bind: true; active-surface.bind: false">
+  <input type="radio" class="mdc-radio__native-control" id="${id}" ref="nativeControl_" />
+  <div class="mdc-radio__background">
+    <div class="mdc-radio__outer-circle"></div>
+    <div class="mdc-radio__inner-circle"></div>
+  </div>
+  <div class="mdc-radio__ripple"></div>
+</template>

package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.html

@@ -1,11 +1,11 @@
-<template class="
-    mdc-segmented-button__segment
-    ${touch ? 'mdc-segmented-button--touch' : ''}
-  " mdc-ripple="no-class.bind: true" click.trigger="handleClick()">
-  <div class="mdc-segmented-button__touch" if.bind="touch"></div>
-  <div class="mdc-segmented-button__ripple"></div>
-  <i class="material-icons mdc-segmented-button__icon" if.bind="icon">${icon}</i>
-  <div class="mdc-segmented-button__label">
-    <au-slot></au-slot>
-  </div>
-</template>
+<template class="
+    mdc-segmented-button__segment
+    ${touch ? 'mdc-segmented-button--touch' : ''}
+  " mdc-ripple="no-class.bind: true" click.trigger="handleClick()">
+  <div class="mdc-segmented-button__touch" if.bind="touch"></div>
+  <div class="mdc-segmented-button__ripple"></div>
+  <i class="material-icons mdc-segmented-button__icon" if.bind="icon">${icon}</i>
+  <div class="mdc-segmented-button__label">
+    <au-slot></au-slot>
+  </div>
+</template>

package/dist/segmented-button/mdc-segmented-button.html

@@ -1,3 +1,3 @@
-<template class="mdc-segmented-button ${single ? 'mdc-segmented-button--single-select' : ''}"
-  selected.trigger="handleSelected($event)"><au-slot></au-slot>
-</template>
+<template class="mdc-segmented-button ${single ? 'mdc-segmented-button--single-select' : ''}"
+  selected.trigger="handleSelected($event)"><au-slot></au-slot>
+</template>

package/dist/select/mdc-select-helper-text/mdc-select-helper-text.html

@@ -1,7 +1,7 @@
-<!-- DO NOT FORMAT THIS FILE! ANY SPACE BEFORE <SLOT> OR <SPAN> BREAKS HELPER TEXT ALIGNMENT! -->
-<!-- beautify ignore:start -->
-<template class="
-    ${ROOT} ${persistent ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG_PERSISTENT : ''}
-    ${validation ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG : ''}"><au-slot></au-slot><span class="mdc-select-helper-text__error" repeat.for="e of errors">${e}<br/></span>
-</template>
-<!-- beautify ignore:end -->
+<!-- DO NOT FORMAT THIS FILE! ANY SPACE BEFORE <SLOT> OR <SPAN> BREAKS HELPER TEXT ALIGNMENT! -->
+<!-- beautify ignore:start -->
+<template class="
+    ${ROOT} ${persistent ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG_PERSISTENT : ''}
+    ${validation ? helperTextCssClasses.HELPER_TEXT_VALIDATION_MSG : ''}"><au-slot></au-slot><span class="mdc-select-helper-text__error" repeat.for="e of errors">${e}<br/></span>
+</template>
+<!-- beautify ignore:end -->

package/dist/select/mdc-select.html

@@ -1,38 +1,38 @@
-<template class="
-    mdc-select
-    mdc-select--${outlined ? 'outlined' : 'filled'}
-    ${leadingIcon ? 'mdc-select--with-leading-icon' : ''}
-    ${required ? 'mdc-select--required' : ''}
-  " role="button" aria-haspopup="listbox">
-  <div class="mdc-select__anchor" ref="selectAnchor" mdc-ripple="no-class.bind: true;" change.trigger="handleChange()"
-    focus.trigger="handleFocus()" blur.trigger="handleBlur()" keydown.trigger="handleKeydown($event)"
-    click.trigger="handleClick($event)">
-    <span class="mdc-select__ripple" if.bind="!outlined"></span>
-    <au-slot name="leading-icon"></au-slot>
-    <span class="mdc-select__selected-text-container">
-      <span class="mdc-select__selected-text" ref="selectedText"></span>
-    </span>
-    <span class="mdc-select__dropdown-icon">
-      <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5">
-        <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10">
-        </polygon>
-        <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15">
-        </polygon>
-      </svg>
-    </span>
-    <mdc-floating-label if.bind="label && !outlined" for="${id}" component.ref="mdcLabel">${label}
-    </mdc-floating-label>
-    <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple"></mdc-line-ripple>
-    <mdc-notched-outline if.bind="outlined" component.ref="outline">
-      <mdc-floating-label if.bind="label" for="${id}" component.ref="mdcLabel">${label}</mdc-floating-label>
-    </mdc-notched-outline>
-  </div>
-
-  <mdc-menu class="mdc-select__menu ${naturalWidth || hoistToBody || fixed ? '' : 'mdc-menu-surface--fullwidth'}"
-    component.ref="menu" ref="menuElement" typeahead mdcmenusurface:closed.trigger="handleMenuClosed()"
-    anchor-margin.bind="anchorMargin" mdcmenusurface:opened.trigger="handleMenuOpened()"
-    mdcmenu:selected.trigger="handleMenuItemAction($event)" mdclist:itemschanged.trigger="handleItemsChanged($event)"
-    hoist-to-body.bind="hoistToBody" fixed.bind="fixed">
-    <au-slot></au-slot>
-  </mdc-menu>
-</template>
+<template class="
+    mdc-select
+    mdc-select--${outlined ? 'outlined' : 'filled'}
+    ${leadingIcon ? 'mdc-select--with-leading-icon' : ''}
+    ${required ? 'mdc-select--required' : ''}
+  " role="button" aria-haspopup="listbox">
+  <div class="mdc-select__anchor" ref="selectAnchor" mdc-ripple="no-class.bind: true;" change.trigger="handleChange()"
+    focus.trigger="handleFocus()" blur.trigger="handleBlur()" keydown.trigger="handleKeydown($event)"
+    click.trigger="handleClick($event)">
+    <span class="mdc-select__ripple" if.bind="!outlined"></span>
+    <au-slot name="leading-icon"></au-slot>
+    <span class="mdc-select__selected-text-container">
+      <span class="mdc-select__selected-text" ref="selectedText"></span>
+    </span>
+    <span class="mdc-select__dropdown-icon">
+      <svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5">
+        <polygon class="mdc-select__dropdown-icon-inactive" stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10">
+        </polygon>
+        <polygon class="mdc-select__dropdown-icon-active" stroke="none" fill-rule="evenodd" points="7 15 12 10 17 15">
+        </polygon>
+      </svg>
+    </span>
+    <mdc-floating-label if.bind="label && !outlined" for="${id}" component.ref="mdcLabel">${label}
+    </mdc-floating-label>
+    <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple"></mdc-line-ripple>
+    <mdc-notched-outline if.bind="outlined" component.ref="outline">
+      <mdc-floating-label if.bind="label" for="${id}" component.ref="mdcLabel">${label}</mdc-floating-label>
+    </mdc-notched-outline>
+  </div>
+
+  <mdc-menu class="mdc-select__menu ${naturalWidth || hoistToBody || fixed ? '' : 'mdc-menu-surface--fullwidth'}"
+    component.ref="menu" ref="menuElement" typeahead mdcmenusurface:closed.trigger="handleMenuClosed()"
+    anchor-margin.bind="anchorMargin" mdcmenusurface:opened.trigger="handleMenuOpened()"
+    mdcmenu:selected.trigger="handleMenuItemAction($event)" mdclist:itemschanged.trigger="handleItemsChanged($event)"
+    hoist-to-body.bind="hoistToBody" fixed.bind="fixed">
+    <au-slot></au-slot>
+  </mdc-menu>
+</template>