@brightspace-ui/core 2.35.0 → 2.35.3

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,5 +1,5 @@
1
1
  # Empty State
2
- Empty states are used when there is no data available to be displayed, or when a search or filter returns no results.
2
+ Empty state components are used to convey that there is no data available to be displayed, or that a search or filter has returned no results.
3
3
 
4
4
  <!-- docs: demo align:start -->
5
5
  ```html
@@ -7,6 +7,16 @@ Empty states are used when there is no data available to be displayed, or when a
7
7
  import '@brightspace-ui/core/components/empty-state/empty-state-simple-button.js';
8
8
  import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-button.js';
9
9
  </script>
10
+ <style>
11
+ body {
12
+ overflow-y: scroll;
13
+ }
14
+ d2l-empty-state-illustrated-button,
15
+ d2l-empty-state-simple-button {
16
+ max-width: 500px;
17
+ width: 100%;
18
+ }
19
+ </style>
10
20
 
11
21
  <d2l-empty-state-simple-button description="There are no assignments to display." action-text="Create an Assignment"></d2l-empty-state-simple-button>
12
22
  <d2l-empty-state-illustrated-button illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths"> </d2l-empty-state-illustrated-button>
@@ -18,7 +28,7 @@ Empty states are used when there is no data available to be displayed, or when a
18
28
  <!-- docs: start best practices -->
19
29
  <!-- docs: start dos -->
20
30
  * Do make it clear that there is no data available to be displayed
21
- * Do include guidance on next steps if available, either as short instructions or as Call to Actions
31
+ * Do include guidance on next steps if available, either as short instructions or as a Call to Action
22
32
  * Do use a link for navigation and a button for actions
23
33
  * Do replace the entire content with its empty state for accessibility
24
34
  <!-- docs: end dos -->
@@ -64,7 +74,13 @@ The `d2l-empty-state-illustrated-button` component is an empty state component t
64
74
  <script type="module">
65
75
  import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-button.js';
66
76
  </script>
67
-
77
+ <!-- docs: start hidden content -->
78
+ <style>
79
+ body {
80
+ overflow-y: scroll;
81
+ }
82
+ </style>
83
+ <!-- docs: end hidden content -->
68
84
  <d2l-empty-state-illustrated-button illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths"></d2l-empty-state-illustrated-button>
69
85
  ```
70
86
 
@@ -77,7 +93,13 @@ The `d2l-empty-state-illustrated-link` component is an empty state component tha
77
93
  <script type="module">
78
94
  import '@brightspace-ui/core/components/empty-state/empty-state-illustrated-link.js';
79
95
  </script>
80
-
96
+ <!-- docs: start hidden content -->
97
+ <style>
98
+ body {
99
+ overflow-y: scroll;
100
+ }
101
+ </style>
102
+ <!-- docs: end hidden content -->
81
103
  <d2l-empty-state-illustrated-link illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path." action-text="Create Learning Paths" action-href='https://d2l.com'></d2l-empty-state-illustrated-link>
82
104
  ```
83
105
 
@@ -22,8 +22,8 @@ class FilterTags extends RtlMixin(LocalizeCoreElement(LitElement)) {
22
22
  */
23
23
  filterIds: { type: String, attribute: 'filter-ids' },
24
24
  /**
25
- * The text displayed in this component's label
26
- * @default "Applied Filters:"
25
+ * The text displayed in this component's label (hidden when default is used)
26
+ * @default "Active Filters:"
27
27
  * @type {string}
28
28
  */
29
29
  label: { type: String }
@@ -353,7 +353,6 @@ class TagList extends LocalizeCoreElement(InteractiveMixin(ArrowKeysMixin(LitEle
353
353
  }
354
354
 
355
355
  _handleItemDeleted(e) {
356
- if (!this.clearable) return;
357
356
  if (!e || !e.detail || !e.detail.handleFocus) return;
358
357
 
359
358
  const rootTarget = e.composedPath()[0];
@@ -3415,9 +3415,9 @@
3415
3415
  },
3416
3416
  {
3417
3417
  "name": "label",
3418
- "description": "The text displayed in this component's label",
3418
+ "description": "The text displayed in this component's label (hidden when default is used)",
3419
3419
  "type": "string",
3420
- "default": "\"\\\"Applied Filters:\\\"\""
3420
+ "default": "\"\\\"Active Filters:\\\"\""
3421
3421
  }
3422
3422
  ],
3423
3423
  "properties": [
@@ -3430,9 +3430,9 @@
3430
3430
  {
3431
3431
  "name": "label",
3432
3432
  "attribute": "label",
3433
- "description": "The text displayed in this component's label",
3433
+ "description": "The text displayed in this component's label (hidden when default is used)",
3434
3434
  "type": "string",
3435
- "default": "\"\\\"Applied Filters:\\\"\""
3435
+ "default": "\"\\\"Active Filters:\\\"\""
3436
3436
  }
3437
3437
  ]
3438
3438
  },
package/lang/ar.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "أقل",
92
92
  "components.more-less.more": "المزيد",
93
93
  "components.overflow-group.moreActions": "مزيد من الإجراءات",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "تحميل {count} إضافي",
95
+ "components.pager-load-more.info": "{showingCount} من {totalCount} من المواد",
96
+ "components.pager-load-more.status-loading": "تحميل المزيد من المواد",
97
97
  "components.selection.action-hint": "حدد مادة لتنفيذ هذا الإجراء.",
98
98
  "components.selection.select-all": "تحديد الكل",
99
99
  "components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
package/lang/cy.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "llai",
92
92
  "components.more-less.more": "mwy",
93
93
  "components.overflow-group.moreActions": "Rhagor o Gamau Gweithredu",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Lwytho {count} Arall",
95
+ "components.pager-load-more.info": "{showingCount} o {totalCount} eitem",
96
+ "components.pager-load-more.status-loading": "Llwytho rhagor o eitemau",
97
97
  "components.selection.action-hint": "Dewiswch eitem i gyflawni'r weithred hon.",
98
98
  "components.selection.select-all": "Dewis y Cyfan",
99
99
  "components.selection.select-all-items": "Dewis Pob {count} Eitem",
package/lang/da.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "færre",
92
92
  "components.more-less.more": "flere",
93
93
  "components.overflow-group.moreActions": "Flere handlinger",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Indlæs {count} mere",
95
+ "components.pager-load-more.info": "{showingCount} af {totalCount} elementer",
96
+ "components.pager-load-more.status-loading": "Indlæser flere elementer",
97
97
  "components.selection.action-hint": "Vælg et element for at udføre denne handling.",
98
98
  "components.selection.select-all": "Vælg alle",
99
99
  "components.selection.select-all-items": "Vælg alle {count} elementer",
package/lang/de.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "Weniger",
92
92
  "components.more-less.more": "mehr",
93
93
  "components.overflow-group.moreActions": "Weitere Aktionen",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "{count} weitere laden",
95
+ "components.pager-load-more.info": "{showingCount} von {totalCount} Elementen",
96
+ "components.pager-load-more.status-loading": "Weitere Elemente werden geladen",
97
97
  "components.selection.action-hint": "Wählen Sie ein Element aus, um diese Aktion auszuführen.",
98
98
  "components.selection.select-all": "Alle auswählen",
99
99
  "components.selection.select-all-items": "Alle {count} Elemente auswählen",
package/lang/es-es.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "menos",
92
92
  "components.more-less.more": "más",
93
93
  "components.overflow-group.moreActions": "Más acciones",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Cargar {count} más",
95
+ "components.pager-load-more.info": "{showingCount} de {totalCount} elementos",
96
+ "components.pager-load-more.status-loading": "Cargando más elementos",
97
97
  "components.selection.action-hint": "Seleccione un elemento para realizar esta acción.",
98
98
  "components.selection.select-all": "Seleccionar todo",
99
99
  "components.selection.select-all-items": "Seleccione los {count} elementos",
package/lang/es.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "menos",
92
92
  "components.more-less.more": "más",
93
93
  "components.overflow-group.moreActions": "Más acciones",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Cargar {count} más",
95
+ "components.pager-load-more.info": "{showingCount} de {totalCount} elementos",
96
+ "components.pager-load-more.status-loading": "Cargando más elementos",
97
97
  "components.selection.action-hint": "Seleccione un elemento para realizar esta acción.",
98
98
  "components.selection.select-all": "Seleccionar todo",
99
99
  "components.selection.select-all-items": "Seleccione todos los {count} elementos",
package/lang/fr-fr.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "moins",
92
92
  "components.more-less.more": "plus",
93
93
  "components.overflow-group.moreActions": "Plus d'actions",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Charger {count} supplémentaire(s)",
95
+ "components.pager-load-more.info": "{showingCount} élément(s) sur {totalCount}",
96
+ "components.pager-load-more.status-loading": "Charger plus d’éléments",
97
97
  "components.selection.action-hint": "Sélectionnez un élément pour exécuter cette action.",
98
98
  "components.selection.select-all": "Tout sélectionner",
99
99
  "components.selection.select-all-items": "Sélectionner tous les {count} éléments",
package/lang/fr.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "moins",
92
92
  "components.more-less.more": "plus",
93
93
  "components.overflow-group.moreActions": "Plus d'actions",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Charger {count} de plus",
95
+ "components.pager-load-more.info": "{showingCount} de {totalCount} éléments",
96
+ "components.pager-load-more.status-loading": "Chargement d'autres d'éléments",
97
97
  "components.selection.action-hint": "Sélectionner un élément pour exécuter cette action.",
98
98
  "components.selection.select-all": "Tout sélectionner",
99
99
  "components.selection.select-all-items": "Sélectionner tous les {count} éléments",
package/lang/hi.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "कम",
92
92
  "components.more-less.more": "अधिक",
93
93
  "components.overflow-group.moreActions": "अधिक क्रियाएँ",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "{count} और लोड करें",
95
+ "components.pager-load-more.info": "{totalCount} में से {showingCount} आइटम",
96
+ "components.pager-load-more.status-loading": "और आइटम लोड करना",
97
97
  "components.selection.action-hint": "यह कार्रवाई निष्पादित करने के लिए कोई आइटम का चयन करें।",
98
98
  "components.selection.select-all": "सभी का चयन करें",
99
99
  "components.selection.select-all-items": "सभी {count} आइटम चुनें।",
package/lang/ja.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "減らす",
92
92
  "components.more-less.more": "増やす",
93
93
  "components.overflow-group.moreActions": "その他のアクション",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "さらに {count} 件を読み込む",
95
+ "components.pager-load-more.info": "{showingCount}/{totalCount} 項目",
96
+ "components.pager-load-more.status-loading": "さらに項目を読み込み中",
97
97
  "components.selection.action-hint": "このアクションを実行するための項目を選択します。",
98
98
  "components.selection.select-all": "すべて選択",
99
99
  "components.selection.select-all-items": "{count} 個の項目をすべて選択",
package/lang/ko.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "축소",
92
92
  "components.more-less.more": "더 보기",
93
93
  "components.overflow-group.moreActions": "추가 작업",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "{count} 더 로드",
95
+ "components.pager-load-more.info": "{totalCount} 항목 {showingCount}",
96
+ "components.pager-load-more.status-loading": " 많은 항목 로드",
97
97
  "components.selection.action-hint": "이 작업을 수행할 항목을 선택하십시오.",
98
98
  "components.selection.select-all": "모두 선택",
99
99
  "components.selection.select-all-items": "{count}개 항목을 모두 선택하십시오.",
package/lang/nl.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "minder",
92
92
  "components.more-less.more": "meer",
93
93
  "components.overflow-group.moreActions": "Meer acties",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Laad nog {count} extra",
95
+ "components.pager-load-more.info": "{showingCount} van {totalCount} items",
96
+ "components.pager-load-more.status-loading": "Er worden meer items geladen",
97
97
  "components.selection.action-hint": "Selecteer een item om deze actie uit te voeren.",
98
98
  "components.selection.select-all": "Alles selecteren",
99
99
  "components.selection.select-all-items": "Alle {count} records selecteren",
package/lang/pt.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "menos",
92
92
  "components.more-less.more": "mais",
93
93
  "components.overflow-group.moreActions": "Mais ações",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Carregar mais {count}",
95
+ "components.pager-load-more.info": "{showingCount} de {totalCount} itens",
96
+ "components.pager-load-more.status-loading": "Carregando mais itens",
97
97
  "components.selection.action-hint": "Selecione um item para realizar esta ação.",
98
98
  "components.selection.select-all": "Selecionar tudo",
99
99
  "components.selection.select-all-items": "Selecione todos os {count} itens",
package/lang/sv.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "mindre",
92
92
  "components.more-less.more": "mer",
93
93
  "components.overflow-group.moreActions": "Fler åtgärder",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "Läs in {count} till",
95
+ "components.pager-load-more.info": "{showingCount} av {totalCount} objekt",
96
+ "components.pager-load-more.status-loading": "Läser in fler objekt",
97
97
  "components.selection.action-hint": "Välj ett objekt för att utföra åtgärden.",
98
98
  "components.selection.select-all": "Välj alla",
99
99
  "components.selection.select-all-items": "Välj alla {count} objekt",
package/lang/tr.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "daha az",
92
92
  "components.more-less.more": "daha fazla",
93
93
  "components.overflow-group.moreActions": "Daha Fazla Eylem",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "{count} Tane Daha Yükle",
95
+ "components.pager-load-more.info": "{totalCount} / {showingCount} öğe",
96
+ "components.pager-load-more.status-loading": "Daha fazla öğe yükleniyor",
97
97
  "components.selection.action-hint": "Bu eylemi gerçekleştirebilmek için bir öğe seçin.",
98
98
  "components.selection.select-all": "Tümünü Seç",
99
99
  "components.selection.select-all-items": "{count} Öğenin Tamamını Seç",
package/lang/zh-cn.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "更少",
92
92
  "components.more-less.more": "更多",
93
93
  "components.overflow-group.moreActions": "更多操作",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "再加载 {count} ",
95
+ "components.pager-load-more.info": "{showingCount} 个,共 {totalCount} 个项目",
96
+ "components.pager-load-more.status-loading": "加载更多项目",
97
97
  "components.selection.action-hint": "选择一个项目后才能执行此操作。",
98
98
  "components.selection.select-all": "全选",
99
99
  "components.selection.select-all-items": "选择全部 {count} 个项目",
package/lang/zh-tw.js CHANGED
@@ -91,9 +91,9 @@ export default {
91
91
  "components.more-less.less": "較少",
92
92
  "components.more-less.more": "較多",
93
93
  "components.overflow-group.moreActions": "其他動作",
94
- "components.pager-load-more.action": "Load {count} More",
95
- "components.pager-load-more.info": "{showingCount} of {totalCount} items",
96
- "components.pager-load-more.status-loading": "Loading more items",
94
+ "components.pager-load-more.action": "再載入 {count} ",
95
+ "components.pager-load-more.info": "{showingCount} 個項目,共 {totalCount} 個項目",
96
+ "components.pager-load-more.status-loading": "正在載入更多項目",
97
97
  "components.selection.action-hint": "選取項目以執行此動作。",
98
98
  "components.selection.select-all": "全選",
99
99
  "components.selection.select-all-items": "選取所有 {count} 個項目",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.35.0",
3
+ "version": "2.35.3",
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",
@@ -44,7 +44,7 @@
44
44
  "license": "Apache-2.0",
45
45
  "devDependencies": {
46
46
  "@babel/eslint-parser": "^7",
47
- "@brightspace-ui/stylelint-config": "^0.5",
47
+ "@brightspace-ui/stylelint-config": "^0.6",
48
48
  "@open-wc/testing": "^3",
49
49
  "@web/dev-server": "^0.1",
50
50
  "@web/test-runner": "^0.13",
@@ -53,7 +53,7 @@
53
53
  "chalk": "^5",
54
54
  "eslint": "^8",
55
55
  "eslint-config-brightspace": "^0.18",
56
- "eslint-plugin-html": "^6",
56
+ "eslint-plugin-html": "^7",
57
57
  "eslint-plugin-import": "^2",
58
58
  "eslint-plugin-lit": "^1",
59
59
  "eslint-plugin-sort-class-members": "^1",