Skip to content
This repository was archived by the owner on May 20, 2023. It is now read-only.

Commit 0a6e856

Browse files
alorenzennshahan
alorenzen
authored and
nshahan
committed
Use event tearoffs for several material components.
PiperOrigin-RevId: 204049097
1 parent 567c648 commit 0a6e856

File tree

14 files changed

+49
-49
lines changed

14 files changed

+49
-49
lines changed

‎lib/material_button/material_button.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
<ng-content></ng-content>
99
</div>
1010
<!-- Add a material ripple effect. When pressed, we will increase the z -->
11-
<material-ripple (mousedown)="onMouseDown($event)"
12-
(mouseup)="onMouseUp($event)">
11+
<material-ripple (mousedown)="onMouseDown"
12+
(mouseup)="onMouseUp">
1313
</material-ripple>

‎lib/material_chips/material_chip.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
*ngIf="removable"
1515
class="delete-icon"
1616
buttonDecorator
17-
(trigger)="removeChip($event)"
17+
(trigger)="removeChip"
1818
[attr.aria-label]="chipDeleteButtonMessage"
1919
[attr.aria-describedby]="uuid">
2020
<path d="M12 2c-5.53 0-10 4.47-10 10s4.47 10 10 10 10-4.47 10-10-4.47-10-10-10zm5

‎lib/material_datepicker/date_range_editor.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,12 @@
88
[class.basic-preset-list]="isBasic"
99
*ngIf="presets.isNotEmpty && shouldShowPredefinedList">
1010
<div *ngIf="supportsClearRange" class="group">
11-
<material-select-item (trigger)="onClearRangeClicked($event)">
11+
<material-select-item (trigger)="onClearRangeClicked">
1212
{{clearRangeMsg}}
1313
</material-select-item>
1414
</div>
1515
<div *ngIf="supportsCustomRange" class="group">
16-
<material-select-item (trigger)="onCustomClicked()"
16+
<material-select-item (trigger)="onCustomClicked"
1717
[selected]="isCustomRangeSelected"
1818
closeOnActivate="false">
1919
<div [class.custom-tab-left]="isBasic && !isCustomRangeSelected"
@@ -97,7 +97,7 @@
9797
*ngIf="supportsCustomRange && shouldShowCustomDateRangeColumn">
9898
<div buttonDecorator *ngIf="isBasic"
9999
class="button-decorator"
100-
(trigger)="disableCustomMode()">
100+
(trigger)="disableCustomMode">
101101
<div class="custom-tab-right">{{customRangeMsg}}</div>
102102
<glyph class="expand-less" icon="expand_less"></glyph>
103103
</div>
@@ -134,7 +134,7 @@
134134
<div class="month-selector-dropdown"
135135
buttonDecorator
136136
keyboardOnlyFocusIndicator
137-
(trigger)="onMonthSelectorDropdownClicked()">
137+
(trigger)="onMonthSelectorDropdownClicked">
138138
<span class="visible-month">{{visibleMonthName}}</span>
139139
<glyph icon="arrow_drop_down"
140140
class="month-selector-dropdown-icon"
@@ -157,7 +157,7 @@
157157
[maxDate]="maxDate"
158158
[allowHighlightUpdates]="allowHighlightUpdates"
159159
[compact]="compact"
160-
(visibleMonth)="onVisibleMonthChange($event)"
160+
(visibleMonth)="onVisibleMonthChange"
161161
mode="date-range">
162162
</material-calendar-picker>
163163
<material-month-picker class="picker month-selector"

‎lib/material_datepicker/material_date_range_picker.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@
99
buttonDecorator
1010
keyboardOnlyFocusIndicator
1111
#focusOnClose="keyboardOnlyFocusIndicator"
12-
(trigger)="open()"
13-
(focus)="initEditor()"
14-
(mouseenter)="initEditor()">
12+
(trigger)="open"
13+
(focus)="initEditor"
14+
(mouseenter)="initEditor">
1515
<div class="range-title"
1616
*ngIf="hasTitle && presets.isNotEmpty">
1717
{{rangeTitle}}
@@ -42,14 +42,14 @@
4242
[class]="popupClassName"
4343
[preferredPositions]="overlapAlignments"
4444
[source]="button"
45-
(open)="open()"
46-
(close)="close()">
45+
(open)="open"
46+
(close)="close">
4747
<focus-trap *ngIf="isEditorCreated"
4848
class="popup-contents"
4949
[class.compact]="compact"
50-
(keypress)="onKeyPress($event)"
51-
(keydown)="onKeyDown($event)"
52-
(keyup)="onKeyUp($event)">
50+
(keypress)="onKeyPress"
51+
(keydown)="onKeyDown"
52+
(keyup)="onKeyUp">
5353
<div class="wrapper">
5454
<date-range-editor [model]="model"
5555
[presets]="presets"
@@ -63,7 +63,7 @@
6363
[calendarCreated]="isCalendarCreated"
6464
[supportsCustomRange]="supportsCustomRange"
6565
[relativeDaysToToday]="relativeDaysToToday"
66-
(presetRangeSelected)="onRangeClicked($event)">
66+
(presetRangeSelected)="onRangeClicked">
6767
</date-range-editor>
6868

6969
<ng-content select="[messageBar]"></ng-content>

‎lib/material_datepicker/material_datepicker.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,17 @@
1313
[disabled]="disabled"
1414
[error]="error"
1515
[buttonText]="formattedDate"
16-
(trigger)="onTrigger()">
16+
(trigger)="onTrigger">
1717
</dropdown-button>
1818
</div>
1919
<material-popup
2020
enforceSpaceConstraints
2121
[source]="container"
2222
[(visible)]="popupVisible"
2323
[preferredPositions]="preferredPositions">
24-
<focus-trap (keypress)="onKeyPress($event)"
25-
(keydown)="onKeyDown($event)"
26-
(keyup)="onKeyUp($event)">
24+
<focus-trap (keypress)="onKeyPress"
25+
(keydown)="onKeyDown"
26+
(keyup)="onKeyUp">
2727
<div class="popup-content" [class.compact]="compact" *deferredContent>
2828
<div class="inner-label-wrapper">
2929
<span *ngIf="presetDates.isNotEmpty" class="inner-label" >{{labelMsg}}</span>
@@ -36,7 +36,7 @@
3636
[maxDate]="maxDate"
3737
[minDate]="minDate"
3838
[date]="date"
39-
(dateChange)="setDateFromInput($event)"
39+
(dateChange)="setDateFromInput"
4040
[required]="required"
4141
[label]="placeholderMsg"
4242
>

‎lib/material_datepicker/material_time_picker.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
[(visible)]="popupVisible"
1414
[options]="timeOptions"
1515
[error]="error">
16-
<div header (keypress)="onKeyPress($event)" (keydown)="onInputBoxKeyDown($event)">
16+
<div header (keypress)="onKeyPress" (keydown)="onInputBoxKeyDown">
1717
<div class="time-input-box">
1818
<material-input
1919
type="text"
@@ -24,8 +24,8 @@
2424
[label]="inputPlaceholderMsg"
2525
[displayBottomPanel]="displayErrorPanel"
2626
[error]="inputError"
27-
(inputKeyPress)="onTextChange($event)"
28-
(blur)="onBlur()">
27+
(inputKeyPress)="onTextChange"
28+
(blur)="onBlur">
2929
</material-input>
3030
</div>
3131
</div>

‎lib/material_dialog/material_dialog.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<div class="error" [class.expanded]="error != null">{{error}}</div>
1313

1414
<main #main
15-
(scroll)="onScroll()"
15+
(scroll)="onScroll"
1616
[class.top-scroll-stroke]="shouldShowTopScrollStroke"
1717
[class.bottom-scroll-stroke]="shouldShowBottomScrollStroke">
1818
<ng-content></ng-content>

‎lib/material_expansionpanel/material_expansionpanel.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,14 +20,14 @@
2020
[class.closed] = "!isExpanded"
2121
[class.disable-header-expansion]="disableHeaderExpansion"
2222
[attr.aria-label]="headerMsg"
23-
(trigger)="handleHeaderClick()">
23+
(trigger)="handleHeaderClick">
2424
<material-icon
2525
buttonDecorator
2626
*ngIf="shouldShowExpandIcon && shouldExpandOnLeft"
2727
class="expand-button expand-on-left"
2828
[icon]="expandIcon"
2929
[class.expand-more]="shouldFlipExpandIcon"
30-
(trigger)="handleExpandIconClick()">
30+
(trigger)="handleExpandIconClick">
3131
</material-icon>
3232
<div class="panel-name">
3333
<p class="primary-text">{{name}}</p>
@@ -44,7 +44,7 @@
4444
class="expand-button"
4545
[icon]="expandIcon"
4646
[class.expand-more]="shouldFlipExpandIcon"
47-
(trigger)="handleExpandIconClick()">
47+
(trigger)="handleExpandIconClick">
4848
</material-icon>
4949
</div>
5050
<div class="action" *ngIf="!shouldShowExpandIcon">
@@ -93,8 +93,8 @@
9393
[yesDisabled]="saveDisabled"
9494
[enterAccepts]="enterAccepts"
9595
[noDisplayed]="cancelDisplayed"
96-
(yes)="doSave()"
97-
(no)="doCancel()">
96+
(yes)="doSave"
97+
(no)="doCancel">
9898
</material-yes-no-buttons>
9999
</div>
100100
</main>

‎lib/material_input/material_auto_suggest_input.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
[showHintOnlyOnFocus]="showHintOnlyOnFocus"
1414
(ngModelChange)="inputText = $event; showPopup = true"
1515
(click)="showPopup = true; $event.stopPropagation()"
16-
(focus)="handleFocus($event)"
17-
(blur)="handleBlur($event)"
16+
(focus)="handleFocus"
17+
(blur)="handleBlur"
1818
[characterCounter]="characterCounter"
1919
[checkValid]="checkValid"
2020
[disabled]="disabled"
@@ -36,9 +36,9 @@
3636
[rightAlign]="rightAlign"
3737
[trailingGlyph]="trailingGlyph"
3838
[trailingText]="trailingText"
39-
(keydown)="onKeyDown($event)"
40-
(keypress)="onKeyPress($event)"
41-
(keyup)="onKeyUp($event)">
39+
(keydown)="onKeyDown"
40+
(keypress)="onKeyPress"
41+
(keyup)="onKeyUp">
4242
<span trailing>
4343
<material-icon
4444
*ngIf="showClearIcon"
@@ -50,7 +50,7 @@
5050
[materialTooltip]="clearIconTooltip"
5151
[showTooltipIf]="hasClearIconTooltip"
5252
[attr.aria-label]="clearIconTooltip"
53-
(trigger)="onClearIcon()">
53+
(trigger)="onClearIcon">
5454
</material-icon>
5555
<ng-content select="[trailing]"></ng-content>
5656
</span>
@@ -71,11 +71,11 @@
7171
<div header
7272
keyboardOnlyFocusIndicator
7373
tabIndex="-1"
74-
(keyup)="onKeyUp($event)">
74+
(keyup)="onKeyUp">
7575
<ng-content select="[header]"></ng-content>
7676
</div>
7777
<!-- Deferred to prevent child content from being created too early. -->
78-
<focus-trap *cachedDeferredContent (keyup)="onKeyUp($event)">
78+
<focus-trap *cachedDeferredContent (keyup)="onKeyUp">
7979
<div *ngIf="showLoadingSpinner" class="loading">
8080
<material-spinner></material-spinner>
8181
</div>
@@ -137,7 +137,7 @@
137137
<div footer
138138
keyboardOnlyFocusIndicator
139139
tabIndex="-1"
140-
(keyup)="onKeyUp($event)">
140+
(keyup)="onKeyUp">
141141
<ng-content select="[footer]"></ng-content>
142142
</div>
143143
</material-popup>

‎lib/material_input/material_input.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
[ngModel]="inputText"
5757
(blur)="inputBlurAction($event, inputEl.validity.valid, inputEl.validationMessage)"
5858
(change)="inputChange(inputEl.value, inputEl.validity.valid, inputEl.validationMessage);$event.stopPropagation()"
59-
(focus)="inputFocusAction($event)"
59+
(focus)="inputFocusAction"
6060
(input)="inputKeypress(inputEl.value, inputEl.validity.valid, inputEl.validationMessage)">
6161
</label>
6262
<span *ngIf="hasTrailingText"

0 commit comments

Comments
 (0)