@brightspace-ui/core 3.155.7 → 3.155.8
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.
|
@@ -5,7 +5,6 @@ import { classMap } from 'lit/directives/class-map.js';
|
|
|
5
5
|
import { getFlag } from '../../helpers/flags.js';
|
|
6
6
|
import { getFocusRingStyles } from '../../helpers/focus.js';
|
|
7
7
|
import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
|
|
8
|
-
import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
|
|
9
8
|
|
|
10
9
|
export const printMediaQueryOnlyFlag = getFlag('GAUD-8263-scroll-wrapper-media-print', false);
|
|
11
10
|
|
|
@@ -44,7 +43,7 @@ function getStyleSheetInsertionPoint(elem) {
|
|
|
44
43
|
* Wraps content which may overflow its horizontal boundaries, providing left/right scroll buttons.
|
|
45
44
|
* @slot - User provided content to wrap
|
|
46
45
|
*/
|
|
47
|
-
class ScrollWrapper extends
|
|
46
|
+
class ScrollWrapper extends LitElement {
|
|
48
47
|
|
|
49
48
|
static get properties() {
|
|
50
49
|
return {
|
|
@@ -97,32 +96,23 @@ class ScrollWrapper extends RtlMixin(LitElement) {
|
|
|
97
96
|
overflow-y: var(--d2l-scroll-wrapper-overflow-y, visible);
|
|
98
97
|
}
|
|
99
98
|
:host([h-scrollbar]) .d2l-scroll-wrapper-container {
|
|
100
|
-
border-
|
|
101
|
-
border-right: 1px dashed var(--d2l-color-mica);
|
|
99
|
+
border-inline: 1px dashed var(--d2l-color-mica);
|
|
102
100
|
}
|
|
103
101
|
:host([h-scrollbar][hide-actions]) .d2l-scroll-wrapper-container {
|
|
104
|
-
border-
|
|
105
|
-
border-right: none;
|
|
102
|
+
border-inline: none;
|
|
106
103
|
}
|
|
107
|
-
:host([
|
|
108
|
-
|
|
109
|
-
border-left: none;
|
|
104
|
+
:host([scrollbar-left]) .d2l-scroll-wrapper-container {
|
|
105
|
+
border-inline-start: none;
|
|
110
106
|
}
|
|
111
|
-
:host([
|
|
112
|
-
|
|
113
|
-
border-right: none;
|
|
107
|
+
:host([scrollbar-right]) .d2l-scroll-wrapper-container {
|
|
108
|
+
border-inline-end: none;
|
|
114
109
|
}
|
|
115
110
|
|
|
116
|
-
:host([dir="rtl"]) .d2l-scroll-wrapper-button-left,
|
|
117
|
-
.d2l-scroll-wrapper-button-right {
|
|
118
|
-
left: auto;
|
|
119
|
-
right: -10px;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
:host([dir="rtl"]) .d2l-scroll-wrapper-button-right,
|
|
123
111
|
.d2l-scroll-wrapper-button-left {
|
|
124
|
-
|
|
125
|
-
|
|
112
|
+
inset-inline-start: -10px;
|
|
113
|
+
}
|
|
114
|
+
.d2l-scroll-wrapper-button-right {
|
|
115
|
+
inset-inline-end: -10px;
|
|
126
116
|
}
|
|
127
117
|
|
|
128
118
|
.d2l-scroll-wrapper-actions {
|
|
@@ -270,7 +260,7 @@ class ScrollWrapper extends RtlMixin(LitElement) {
|
|
|
270
260
|
|
|
271
261
|
scrollDistance(distance, smooth) {
|
|
272
262
|
if (!this._container) return;
|
|
273
|
-
if (
|
|
263
|
+
if (document.documentElement.getAttribute('dir') === 'rtl') distance = distance * RTL_MULTIPLIER;
|
|
274
264
|
if (this._container.scrollBy) {
|
|
275
265
|
this._container.scrollBy({ left: distance, behavior: smooth ? 'smooth' : 'auto' });
|
|
276
266
|
} else {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.155.
|
|
3
|
+
"version": "3.155.8",
|
|
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",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"chalk": "^5",
|
|
55
55
|
"eslint": "^9",
|
|
56
56
|
"eslint-config-brightspace": "^2.0.0",
|
|
57
|
-
"eslint-plugin-unicorn": "^
|
|
57
|
+
"eslint-plugin-unicorn": "^60",
|
|
58
58
|
"glob-all": "^3",
|
|
59
59
|
"messageformat-validator": "^3.0.0-beta",
|
|
60
60
|
"rollup": "^4",
|