@brightspace-ui/core 3.206.0 → 3.206.2
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.
|
@@ -38,11 +38,11 @@ class LoadingSpinner extends LitElement {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.d2l-loading-spinner-wrapper {
|
|
41
|
-
height: var(--d2l-loading-spinner-size,
|
|
41
|
+
height: var(--d2l-loading-spinner-size, 48px);
|
|
42
42
|
margin: auto;
|
|
43
43
|
overflow: hidden;
|
|
44
44
|
position: relative;
|
|
45
|
-
width: var(--d2l-loading-spinner-size,
|
|
45
|
+
width: var(--d2l-loading-spinner-size, 48px);
|
|
46
46
|
}
|
|
47
47
|
svg {
|
|
48
48
|
background: radial-gradient(rgba(0, 0, 0, 0.1), transparent 70%); /* 70% ≈ 100%/sqrt(2) = radius of circle since corners lie on 100% of radial gradient */
|
|
@@ -63,7 +63,7 @@ class LoadingSpinner extends LitElement {
|
|
|
63
63
|
.inner-circle {
|
|
64
64
|
fill: none;
|
|
65
65
|
stroke: var(--d2l-loading-spinner-color, var(--d2l-color-celestine));
|
|
66
|
-
stroke-width:
|
|
66
|
+
stroke-width: 3;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.slice {
|
|
@@ -119,11 +119,11 @@ class LoadingSpinner extends LitElement {
|
|
|
119
119
|
render() {
|
|
120
120
|
return html`
|
|
121
121
|
<div class="d2l-loading-spinner-wrapper">
|
|
122
|
-
<svg viewBox="0 0
|
|
122
|
+
<svg viewBox="0 0 48 48" fill-rule="evenodd">
|
|
123
123
|
<g>
|
|
124
|
-
<circle cx="
|
|
125
|
-
<circle cx="
|
|
126
|
-
<circle cx="
|
|
124
|
+
<circle cx="24" cy="24" r="21" class="outer-circle-stroke"></circle>
|
|
125
|
+
<circle cx="24" cy="24" r="21" class="outer-circle"></circle>
|
|
126
|
+
<circle cx="24" cy="24" r="13.5" class="inner-circle"></circle>
|
|
127
127
|
</g>
|
|
128
128
|
${Array.from({ length: 5 }).map((_, i) => this.#renderSlice(i + 1))}
|
|
129
129
|
</svg>
|
|
@@ -147,8 +147,8 @@ class LoadingSpinner extends LitElement {
|
|
|
147
147
|
};
|
|
148
148
|
classes[`slice-${index}`] = true;
|
|
149
149
|
return svg`<g class="${classMap(classes)}">
|
|
150
|
-
<path d="M39
|
|
151
|
-
<path d="
|
|
150
|
+
<path d="M39 24h6a21 21 0 0 0 -21 -21v6a 1.5 1.5 0 0 1 0 3v12h12a1.5 1.5 0 0 1 3 0z" fill="#FFF"></path>
|
|
151
|
+
<path d="M39 24a15 15 0 0 0 -15 -15a1.5 1.5 0 0 1 0 3a12 12 0 0 1 12 12a1.5 1.5 0 0 1 3 0z" fill="#E6EAF0"></path>
|
|
152
152
|
</g>`;
|
|
153
153
|
}
|
|
154
154
|
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import '../colors/colors.js';
|
|
2
2
|
import { css, html } from 'lit';
|
|
3
|
-
import { getFlag } from '../../helpers/flags.js';
|
|
4
3
|
import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
|
|
5
4
|
|
|
6
5
|
const keyCodes = {
|
|
@@ -103,7 +102,6 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
|
|
|
103
102
|
this.tabIndex = -1;
|
|
104
103
|
|
|
105
104
|
this._clicked = false;
|
|
106
|
-
this._noInitialSelectedEvent = getFlag('GAUD-8605-tab-no-initial-selected-event', true);
|
|
107
105
|
}
|
|
108
106
|
|
|
109
107
|
firstUpdated(changedProperties) {
|
|
@@ -128,7 +126,7 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
|
|
|
128
126
|
|
|
129
127
|
if (changedProperties.has('selected')) {
|
|
130
128
|
this.ariaSelected = `${this.selected}`;
|
|
131
|
-
if (!this.#hasInitialized
|
|
129
|
+
if (!this.#hasInitialized) return; // Only fire events if selected changes after initial render
|
|
132
130
|
|
|
133
131
|
if (this.selected) {
|
|
134
132
|
/** Dispatched when a tab is selected */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.206.
|
|
3
|
+
"version": "3.206.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",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"author": "D2L Corporation",
|
|
46
46
|
"license": "Apache-2.0",
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@brightspace-ui/stylelint-config": "^
|
|
48
|
+
"@brightspace-ui/stylelint-config": "^2",
|
|
49
49
|
"@brightspace-ui/testing": "^1",
|
|
50
50
|
"@rollup/plugin-dynamic-import-vars": "^2",
|
|
51
51
|
"@rollup/plugin-node-resolve": "^16",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"rollup-plugin-delete": "^3",
|
|
63
63
|
"sass": "^1",
|
|
64
64
|
"sinon": "^21",
|
|
65
|
-
"stylelint": "^
|
|
65
|
+
"stylelint": "^17",
|
|
66
66
|
"web-component-analyzer": "^2"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|