1 | <label class="md-checkbox-layout">
|
2 | <div class="md-checkbox-inner-container">
|
3 | <input class="md-checkbox-input" type="checkbox"
|
4 | [id]="inputId"
|
5 | [checked]="checked"
|
6 | [disabled]="disabled"
|
7 | [name]="name"
|
8 | [tabIndex]="tabindex"
|
9 | [indeterminate]="indeterminate"
|
10 | [attr.aria-label]="ariaLabel"
|
11 | [attr.aria-labelledby]="ariaLabelledby"
|
12 | (focus)="_onInputFocus()"
|
13 | (blur)="_onInputBlur()"
|
14 | (change)="_onInteractionEvent($event)"
|
15 | (click)="_onInputClick($event)">
|
16 | <div class="md-ink-ripple"></div>
|
17 | <div class="md-checkbox-frame"></div>
|
18 | <div class="md-checkbox-background">
|
19 | <svg version="1.1"
|
20 | class="md-checkbox-checkmark"
|
21 | xmlns="http://www.w3.org/2000/svg"
|
22 | viewBox="0 0 24 24"
|
23 | xml:space="preserve">
|
24 | <path class="md-checkbox-checkmark-path"
|
25 | fill="none"
|
26 | stroke="white"
|
27 | d="M4.1,12.7 9,17.6 20.3,6.3"/>
|
28 | </svg>
|
29 |
|
30 | <div class="md-checkbox-mixedmark"></div>
|
31 | </div>
|
32 | </div>
|
33 | <span class="md-checkbox-label">
|
34 | <ng-content></ng-content>
|
35 | </span>
|
36 | </label>
|