@brightspace-ui/labs 2.21.1 → 2.23.0
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.
package/README.md
CHANGED
|
@@ -61,6 +61,8 @@ To start a [@web/dev-server](https://modern-web.dev/docs/dev-server/overview/) t
|
|
|
61
61
|
npm start
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
+
D2L employees can also view the latest main-branch demos at https://live.d2l.dev/BrightspaceUI/labs/.
|
|
65
|
+
|
|
64
66
|
### Versioning and Releasing
|
|
65
67
|
|
|
66
68
|
This repo is configured to use `semantic-release`. Commits prefixed with `fix:` and `feat:` will trigger patch and minor releases when merged to `main`.
|
package/package.json
CHANGED
|
@@ -53,6 +53,8 @@
|
|
|
53
53
|
"./utilities/lit-router": "./src/utilities/router/index.js"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
|
+
"build-static": "rollup -c ./rollup/rollup.config.js",
|
|
57
|
+
"host-static": "web-dev-server --app-index build/index.html --open --watch --port 8102",
|
|
56
58
|
"langs:sync": "mfv add-missing && mfv remove-extraneous",
|
|
57
59
|
"langs:sort": "mfv sort",
|
|
58
60
|
"lint": "npm run lint:eslint && npm run lint:style",
|
|
@@ -70,10 +72,18 @@
|
|
|
70
72
|
"devDependencies": {
|
|
71
73
|
"@brightspace-ui/stylelint-config": "^1",
|
|
72
74
|
"@brightspace-ui/testing": "^1",
|
|
75
|
+
"@rollup/plugin-dynamic-import-vars": "^2",
|
|
76
|
+
"@rollup/plugin-node-resolve": "^16",
|
|
77
|
+
"@rollup/plugin-replace": "^6",
|
|
73
78
|
"@web/dev-server": "^0.3",
|
|
79
|
+
"@web/rollup-plugin-html": "^2",
|
|
80
|
+
"glob-all": "^3",
|
|
74
81
|
"eslint": "^9",
|
|
75
82
|
"eslint-config-brightspace": "^2",
|
|
76
83
|
"messageformat-validator": "^2",
|
|
84
|
+
"rollup": "^4",
|
|
85
|
+
"rollup-plugin-copy": "^3",
|
|
86
|
+
"rollup-plugin-delete": "^3",
|
|
77
87
|
"sinon": "^20",
|
|
78
88
|
"stylelint": "^16"
|
|
79
89
|
},
|
|
@@ -98,5 +108,5 @@
|
|
|
98
108
|
"resize-observer-polyfill": "^1",
|
|
99
109
|
"webvtt-parser": "^2.1.2"
|
|
100
110
|
},
|
|
101
|
-
"version": "2.
|
|
111
|
+
"version": "2.23.0"
|
|
102
112
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# d2l-labs-accordion
|
|
2
2
|
|
|
3
|
-
Lit-based widget that displays a list of collapsible components. When collapsible component is clicked
|
|
3
|
+
A Lit-based widget that displays a list of collapsible components. When a collapsible component is clicked, it expands or collapses the associated content.
|
|
4
4
|
|
|
5
5
|
## Usage
|
|
6
6
|
|
|
@@ -854,7 +854,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
|
|
|
854
854
|
${this._getChapterMarkersView()}
|
|
855
855
|
</div>
|
|
856
856
|
${this.hideSeekBar ? '' : html`
|
|
857
|
-
<d2l-slider-bar
|
|
857
|
+
<d2l-labs-slider-bar
|
|
858
858
|
id="d2l-labs-media-player-seek-bar"
|
|
859
859
|
fullWidth
|
|
860
860
|
solid
|
|
@@ -873,7 +873,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
|
|
|
873
873
|
@hovering-move=${this._onHoverMove}
|
|
874
874
|
@hovering-start=${this._onHoverStart}
|
|
875
875
|
@hovering-end=${this._onHoverEnd}
|
|
876
|
-
></d2l-slider-bar>
|
|
876
|
+
></d2l-labs-slider-bar>
|
|
877
877
|
`}
|
|
878
878
|
<div id="d2l-labs-media-player-buttons">
|
|
879
879
|
<d2l-button-icon icon="${playIcon}" text="${playTooltip}" @click="${this._togglePlay}" theme="${ifDefined(theme)}"></d2l-button-icon>
|
|
@@ -891,7 +891,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
|
|
|
891
891
|
<div id="d2l-labs-media-player-volume-level-container" class=${classMap(volumeLevelContainerClass)}>
|
|
892
892
|
<div class="d2l-labs-media-player-rotated" id="d2l-labs-media-player-volume-level-background">
|
|
893
893
|
<div id="d2l-labs-media-player-volume-slider-container">
|
|
894
|
-
<d2l-slider-bar solid
|
|
894
|
+
<d2l-labs-slider-bar solid
|
|
895
895
|
id="d2l-labs-media-player-volume-slider"
|
|
896
896
|
vertical
|
|
897
897
|
value="${Math.round(this._volume * 100)}"
|
|
@@ -904,7 +904,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
|
|
|
904
904
|
@focus=${this._startUsingVolumeContainer}
|
|
905
905
|
@focusout=${this._stopUsingVolumeContainer}
|
|
906
906
|
@position-change=${this._onPositionChangeVolume}
|
|
907
|
-
></d2l-slider-bar>
|
|
907
|
+
></d2l-labs-slider-bar>
|
|
908
908
|
</div>
|
|
909
909
|
</div>
|
|
910
910
|
</div>
|