@brightspace-ui/core 1.233.3 → 1.233.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
# Dropdowns
|
|
2
2
|
A Dropdown is a button that opens a floating container to offer menu items or other content.
|
|
3
3
|
|
|
4
|
-
<!-- docs: demo align:flex-start autoSize:false size:medium -->
|
|
4
|
+
<!-- docs: demo align:flex-start autoOpen:true autoSize:false size:medium -->
|
|
5
5
|
```html
|
|
6
6
|
<script type="module">
|
|
7
7
|
import '@brightspace-ui/core/components/dropdown/dropdown-button.js';
|
|
8
8
|
import '@brightspace-ui/core/components/dropdown/dropdown-content.js';
|
|
9
|
-
|
|
10
|
-
window.addEventListener('load', function () {
|
|
11
|
-
var demoElem = document.querySelector('#demo-element');
|
|
12
|
-
if (!demoElem.hasAttribute('data-first-load')) return;
|
|
13
|
-
setTimeout(() => {
|
|
14
|
-
var dropdown = document.querySelector('d2l-dropdown-button');
|
|
15
|
-
dropdown.toggleOpen();
|
|
16
|
-
}, 1000);
|
|
17
|
-
});
|
|
18
9
|
</script>
|
|
19
10
|
<d2l-dropdown-button text="Open!">
|
|
20
11
|
<d2l-dropdown-content>
|
|
@@ -2,21 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Use date and time inputs to set dates and times in forms. They are available as separate inputs (date or time) or as a combined date & time input, and each of them is also available as a range.
|
|
4
4
|
|
|
5
|
-
<!-- docs: demo align:flex-start autoSize:false size:xlarge -->
|
|
5
|
+
<!-- docs: demo align:flex-start autoOpen:true autoSize:false size:xlarge -->
|
|
6
6
|
```html
|
|
7
7
|
<script type="module">
|
|
8
8
|
import '@brightspace-ui/core/components/inputs/input-date.js';
|
|
9
9
|
import '@brightspace-ui/core/components/inputs/input-time.js';
|
|
10
|
-
|
|
11
|
-
window.addEventListener('load', function () {
|
|
12
|
-
var demoElem = document.querySelector('#demo-element');
|
|
13
|
-
if (!demoElem.hasAttribute('data-first-load')) return;
|
|
14
|
-
|
|
15
|
-
setTimeout(function() {
|
|
16
|
-
var input = document.querySelector('d2l-input-date');
|
|
17
|
-
input.opened = true;
|
|
18
|
-
}, 1000);
|
|
19
|
-
});
|
|
20
10
|
</script>
|
|
21
11
|
<d2l-input-date label="Date Input"></d2l-input-date>
|
|
22
12
|
<d2l-input-time label="Time Input"></d2l-input-time>
|
|
@@ -45,7 +35,7 @@ Note: All `*value` properties should be in ISO 8601 calendar date format (`YYYY-
|
|
|
45
35
|
|
|
46
36
|
<!-- docs: end hidden content -->
|
|
47
37
|
|
|
48
|
-
<!-- docs: demo live name:d2l-input-date align:flex-start
|
|
38
|
+
<!-- docs: demo live name:d2l-input-date align:flex-start autoSize:false size:xlarge -->
|
|
49
39
|
```html
|
|
50
40
|
<script type="module">
|
|
51
41
|
import '@brightspace-ui/core/components/inputs/input-date.js';
|
|
@@ -95,7 +85,7 @@ Note: All `*value` properties should be in ISO 8601 calendar date format (`YYYY-
|
|
|
95
85
|
|
|
96
86
|
<!-- docs: end hidden content -->
|
|
97
87
|
|
|
98
|
-
<!-- docs: demo live name:d2l-input-date-range align:flex-start
|
|
88
|
+
<!-- docs: demo live name:d2l-input-date-range align:flex-start autoSize:false size:xlarge -->
|
|
99
89
|
```html
|
|
100
90
|
<script type="module">
|
|
101
91
|
import '@brightspace-ui/core/components/inputs/input-date-range.js';
|
|
@@ -151,7 +141,7 @@ Note: All `*value` properties should be in ISO 8601 time format (`hh:mm:ss`) and
|
|
|
151
141
|
|
|
152
142
|
<!-- docs: end hidden content -->
|
|
153
143
|
|
|
154
|
-
<!-- docs: demo live name:d2l-input-time align:flex-start
|
|
144
|
+
<!-- docs: demo live name:d2l-input-time align:flex-start autoSize:false size:large -->
|
|
155
145
|
```html
|
|
156
146
|
<script type="module">
|
|
157
147
|
import '@brightspace-ui/core/components/inputs/input-time.js';
|
|
@@ -201,7 +191,7 @@ Note: All `*value` properties should be in ISO 8601 time format (`hh:mm:ss`) and
|
|
|
201
191
|
|
|
202
192
|
<!-- docs: end hidden content -->
|
|
203
193
|
|
|
204
|
-
<!-- docs: demo live name:d2l-input-time-range align:flex-start
|
|
194
|
+
<!-- docs: demo live name:d2l-input-time-range align:flex-start autoSize:false size:large -->
|
|
205
195
|
```html
|
|
206
196
|
<script type="module">
|
|
207
197
|
import '@brightspace-ui/core/components/inputs/input-time-range.js';
|
|
@@ -253,7 +243,7 @@ Note: All `*value` properties should be in ISO 8601 combined date and time forma
|
|
|
253
243
|
|
|
254
244
|
<!-- docs: end hidden content -->
|
|
255
245
|
|
|
256
|
-
<!-- docs: demo live name:d2l-input-date-time align:flex-start
|
|
246
|
+
<!-- docs: demo live name:d2l-input-date-time align:flex-start autoSize:false size:xlarge -->
|
|
257
247
|
```html
|
|
258
248
|
<script type="module">
|
|
259
249
|
import '@brightspace-ui/core/components/inputs/input-date-time.js';
|
|
@@ -304,7 +294,7 @@ Note: All `*value` properties should be in ISO 8601 combined date and time forma
|
|
|
304
294
|
|
|
305
295
|
<!-- docs: end hidden content -->
|
|
306
296
|
|
|
307
|
-
<!-- docs: demo live name:d2l-input-date-time-range align:flex-start
|
|
297
|
+
<!-- docs: demo live name:d2l-input-date-time-range align:flex-start autoSize:false size:xlarge -->
|
|
308
298
|
```html
|
|
309
299
|
<script type="module">
|
|
310
300
|
import '@brightspace-ui/core/components/inputs/input-date-time-range.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "1.233.
|
|
3
|
+
"version": "1.233.4",
|
|
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",
|