()
| 22 | } |
| 23 | |
| 24 | _render() { |
| 25 | this._onDisableChange(); |
| 26 | return html` |
| 27 | <style> |
| 28 | :host { |
| 29 | display: inline-block; |
| 30 | cursor: pointer; |
| 31 | position: relative; |
| 32 | } |
| 33 | |
| 34 | :host(.pending) { |
| 35 | opacity: 0; |
| 36 | } |
| 37 | |
| 38 | :host(.disabled) { |
| 39 | opacity: 0.4 !important; |
| 40 | cursor: default; |
| 41 | pointer-events: none; |
| 42 | } |
| 43 | |
| 44 | :host(.disabled) svg { |
| 45 | background: rgba(0, 0, 0, 0.07); |
| 46 | } |
| 47 | |
| 48 | svg { |
| 49 | display: block; |
| 50 | } |
| 51 | |
| 52 | path { |
| 53 | stroke: currentColor; |
| 54 | stroke-width: 0.7; |
| 55 | fill: transparent; |
| 56 | } |
| 57 | |
| 58 | .unchecked { |
| 59 | fill: var(--wired-toggle-off-color, gray); |
| 60 | } |
| 61 | |
| 62 | .checked { |
| 63 | fill: var(--wired-toggle-on-color, rgb(63, 81, 181)); |
| 64 | } |
| 65 | </style> |
| 66 | <div on-click="${() => this._toggleCheck()}"> |
| 67 | <svg id="svg"></svg> |
| 68 | </div> |
| 69 | `; |
| 70 | } |
| 71 | |
| 72 | _clearNode(node) { |
| 73 | while (node.hasChildNodes()) { |
nothing calls this directly
no test coverage detected