@brightspace-ui/core 3.172.1 → 3.173.1
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.
|
@@ -82,6 +82,10 @@ class EmptyStateIllustrated extends LoadingCompleteMixin(EmptyStateMixin(LitElem
|
|
|
82
82
|
_onResize(entries) {
|
|
83
83
|
if (!entries || entries.length === 0) return;
|
|
84
84
|
const entry = entries[0];
|
|
85
|
+
|
|
86
|
+
const width = entry.contentRect.width;
|
|
87
|
+
if (width === 0) return; // ignore until visible
|
|
88
|
+
|
|
85
89
|
requestAnimationFrame(() => {
|
|
86
90
|
this._contentHeight = Math.min(entry.contentRect.right / illustrationAspectRatio, 330);
|
|
87
91
|
this._titleSmall = entry.contentRect.right <= 615;
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
import '../../count-badge/count-badge.js';
|
|
11
11
|
import '../../dropdown/dropdown-button-subtle.js';
|
|
12
12
|
import '../../dropdown/dropdown-menu.js';
|
|
13
|
+
import '../../empty-state/empty-state-illustrated.js';
|
|
13
14
|
import '../../menu/menu.js';
|
|
14
15
|
import '../../menu/menu-item.js';
|
|
15
16
|
import '../tab.js';
|
|
@@ -389,6 +390,23 @@
|
|
|
389
390
|
</template>
|
|
390
391
|
</d2l-demo-snippet>
|
|
391
392
|
|
|
393
|
+
<h2>Tabs (simple empty illustrated)</h2>
|
|
394
|
+
|
|
395
|
+
<d2l-demo-snippet>
|
|
396
|
+
<template>
|
|
397
|
+
<d2l-tabs text="Simple Empty States">
|
|
398
|
+
<d2l-tab id="simple-empty-one" slot="tabs" text="One"></d2l-tab>
|
|
399
|
+
<d2l-tab id="simple-empty-two" slot="tabs" text="Two"></d2l-tab>
|
|
400
|
+
<d2l-tab-panel labelled-by="simple-empty-one" slot="panels">
|
|
401
|
+
<d2l-empty-state-illustrated illustration-name="race" title-text="No Items in First Tab" description="none"></d2l-empty-state-illustrated>
|
|
402
|
+
</d2l-tab-panel>
|
|
403
|
+
<d2l-tab-panel labelled-by="simple-empty-two" slot="panels">
|
|
404
|
+
<d2l-empty-state-illustrated illustration-name="calendar" title-text="No Items in Second Tab" description="none"></d2l-empty-state-illustrated>
|
|
405
|
+
</d2l-tab-panel>
|
|
406
|
+
</d2l-tabs>
|
|
407
|
+
</template>
|
|
408
|
+
</d2l-demo-snippet>
|
|
409
|
+
|
|
392
410
|
<h2>Tabs (deprecated structure)</h2>
|
|
393
411
|
|
|
394
412
|
<d2l-demo-snippet>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.173.1",
|
|
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",
|