@brightspace-ui/core 3.66.1 → 3.66.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,7 +2,6 @@ import { css, html, LitElement } from 'lit';
2
2
 
3
3
  /**
4
4
  * A button container component for button toggles.
5
- * @fires click - Internal event
6
5
  */
7
6
  class ButtonToggle extends LitElement {
8
7
 
@@ -79,28 +78,17 @@ class ButtonToggle extends LitElement {
79
78
  elem.focus();
80
79
  }
81
80
 
82
- _clickCancelled(e) {
83
- e.stopPropagation();
84
- const customClick = new CustomEvent('click', {
85
- cancelable: true
86
- });
87
- e.target.dispatchEvent(customClick);
88
- return customClick.defaultPrevented;
89
- }
90
-
91
81
  async _handleClick(pressed) {
92
82
  this.pressed = pressed;
93
83
  await this.updateComplete;
94
84
  this.focus();
95
85
  }
96
86
 
97
- _handleNotPressedClick(e) {
98
- if (this._clickCancelled(e)) return;
87
+ _handleNotPressedClick() {
99
88
  this._handleClick(true);
100
89
  }
101
90
 
102
- _handlePressedClick(e) {
103
- if (this._clickCancelled(e)) return;
91
+ _handlePressedClick() {
104
92
  this._handleClick(false);
105
93
  }
106
94
 
@@ -54,30 +54,6 @@
54
54
  </template>
55
55
  </d2l-demo-snippet>
56
56
 
57
- <h2>Toggle Button (consumer manages state)</h2>
58
-
59
- <d2l-demo-snippet>
60
- <template>
61
- <d2l-button-toggle id="toggle-button-icon-consumer-manage-state">
62
- <d2l-button-icon slot="not-pressed" icon="tier1:pin-hollow" text="Unpinned, click to pin." id="button-icon-not-pressed"></d2l-button-icon>
63
- <d2l-button-icon slot="pressed" icon="tier1:pin-filled" text="Pinned, click to unpin." id="button-icon-pressed"></d2l-button-icon>
64
- </d2l-button-toggle>
65
- <script>
66
- const buttonToggle = document.querySelector('#toggle-button-icon-consumer-manage-state');
67
- buttonToggle.addEventListener('d2l-button-toggle-change', e => console.log(e));
68
-
69
- document.querySelector('#button-icon-not-pressed').addEventListener('click', (e) => {
70
- e.preventDefault();
71
- buttonToggle.pressed = true;
72
- });
73
- document.querySelector('#button-icon-pressed').addEventListener('click', (e) => {
74
- e.preventDefault();
75
- buttonToggle.pressed = false;
76
- });
77
- </script>
78
- </template>
79
- </d2l-demo-snippet>
80
-
81
57
  </d2l-demo-page>
82
58
 
83
59
  </body>
@@ -739,10 +739,6 @@
739
739
  }
740
740
  ],
741
741
  "events": [
742
- {
743
- "name": "click",
744
- "description": "Internal event"
745
- },
746
742
  {
747
743
  "name": "d2l-button-toggle-change",
748
744
  "description": "Dispatched when the pressed state changes"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.66.1",
3
+ "version": "3.66.2",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",