@brightspace-ui/core 2.68.1 → 2.69.0

package/components/filter/README.md

@@ -327,7 +327,6 @@ A tag-list allowing the user to see (and remove) the currently applied filters.
 | Property | Type | Description |
 |---|---|---|
 | `filter-ids` | String, required | Id(s) (space-delimited) of the filter component(s) to subscribe to |
-| `label` | String | The text displayed in this component's label |
 <!-- docs: end hidden content -->
 
 ## Filter Overflow Group [d2l-filter-overflow-group]

package/components/filter/demo/filter-tags.html

@@ -73,16 +73,16 @@
 				/* eslint-enable no-console */
 			</script>
 
-			<h2>Default label and registered to both filters</h2>
+			<h2>Registered to both filters</h2>
 
 			<d2l-demo-snippet>
 				<d2l-filter-tags filter-ids="core-filter core-filter-2"></d2l-filter-tags>
 			</d2l-demo-snippet>
 
-			<h2>Custom label and registered to only the first filter</h2>
+			<h2>Registered to only the first filter</h2>
 
 			<d2l-demo-snippet>
-				<d2l-filter-tags filter-ids="core-filter" label-text="Filters selected:"></d2l-filter-tags>
+				<d2l-filter-tags filter-ids="core-filter"></d2l-filter-tags>
 			</d2l-demo-snippet>
 
 		</d2l-demo-page>

package/components/filter/filter-tags.js

@@ -1,11 +1,8 @@
-import '../colors/colors.js';
 import '../tag-list/tag-list.js';
 import '../tag-list/tag-list-item.js';
-import { css, html, LitElement } from 'lit';
-import { bodyCompactStyles } from '../typography/styles.js';
+import { css, html, LitElement, nothing } from 'lit';
 import { IdSubscriberController } from '../../controllers/subscriber/subscriberControllers.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
-import { RtlMixin } from '../../mixins/rtl-mixin.js';
 
 /**
  * A tag-list allowing the user to see (and remove) the currently applied filters.
@@ -13,62 +10,30 @@ import { RtlMixin } from '../../mixins/rtl-mixin.js';
 
 const CLEAR_TIMEOUT = 210; /** Corresponds to timeout in _dispatchChangeEvent in filter + 10 ms */
 
-class FilterTags extends RtlMixin(LocalizeCoreElement(LitElement)) {
+class FilterTags extends LocalizeCoreElement(LitElement) {
 	static get properties() {
 		return {
 			/**
 			 * REQUIRED: Id(s) (space-delimited) of the filter component(s) to subscribe to
 			 * @type {string}
 			 */
-			filterIds: { type: String, attribute: 'filter-ids' },
-			/**
-			 * The text displayed in this component's label (hidden when default is used)
-			 * @default "Active Filters:"
-			 * @type {string}
-			 */
-			label: { type: String }
+			filterIds: { type: String, attribute: 'filter-ids' }
 		};
 	}
 
 	static get styles() {
-		return [bodyCompactStyles, css`
+		return css`
 			:host {
 				display: inline-block;
 			}
 			:host([hidden]) {
 				display: none;
 			}
-
-			.d2l-filter-tags-wrapper {
-				display: flex;
-			}
-			d2l-tag-list {
-				flex: 1;
-			}
-
-			.d2l-filter-tags-label {
-				display: inline-block;
-				font-weight: bold;
-				margin-right: 0.25rem;
-				padding-top: 0.15rem;
-			}
-			:host([dir="rtl"]) .d2l-filter-tags-label {
-				margin-left: 0.25rem;
-				margin-right: 0;
-			}
-
-			.d2l-filter-tags-none-label {
-				color: var(--d2l-color-galena);
-				display: inline-block;
-				font-style: italic;
-				padding-top: 0.15rem;
-			}
-		`];
+		`;
 	}
 
 	constructor() {
 		super();
-		this.label = '';
 
 		this._allActiveFilters = new Map();
 		this._filters = new IdSubscriberController(this,
@@ -91,25 +56,17 @@ class FilterTags extends RtlMixin(LocalizeCoreElement(LitElement)) {
 				</d2l-tag-list-item>
 			`;
 		}));
-		let filters = html``;
-		if (numActiveFilters === 0) filters = html`<span class="d2l-filter-tags-none-label d2l-body-compact">${this.localize('components.filter.noActiveFilters')}</span>`;
-		else {
-			filters = html`
-				<d2l-tag-list
-					clearable
-					clear-focus-timeout="${CLEAR_TIMEOUT}"
-					@d2l-tag-list-clear="${this._clearFiltersClicked}"
-					description="${this.label || this.localize('components.filter.activeFilters')}">
-					${tagListItems}
-				</d2l-tag-list>
-			`;
-		}
+
+		if (numActiveFilters === 0) return nothing;
 
 		return html`
-			<div class="d2l-filter-tags-wrapper">
-				${this.label ? html`<span class="d2l-filter-tags-label d2l-body-compact">${this.label}</span>` : null}
-				${filters}
-			</div>
+			<d2l-tag-list
+				clearable
+				clear-focus-timeout="${CLEAR_TIMEOUT}"
+				@d2l-tag-list-clear="${this._clearFiltersClicked}"
+				description="${this.localize('components.filter.activeFilters')}">
+				${tagListItems}
+			</d2l-tag-list>
 		`;
 	}
 

package/custom-elements.json

@@ -3575,12 +3575,6 @@
           "name": "filter-ids",
           "description": "REQUIRED: Id(s) (space-delimited) of the filter component(s) to subscribe to",
           "type": "string"
-        },
-        {
-          "name": "label",
-          "description": "The text displayed in this component's label (hidden when default is used)",
-          "type": "string",
-          "default": "\"\\\"Active Filters:\\\"\""
         }
       ],
       "properties": [
@@ -3590,13 +3584,6 @@
           "description": "REQUIRED: Id(s) (space-delimited) of the filter component(s) to subscribe to",
           "type": "string"
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "The text displayed in this component's label (hidden when default is used)",
-          "type": "string",
-          "default": "\"\\\"Active Filters:\\\"\""
-        },
         {
           "name": "documentLocaleSettings",
           "default": "\"getDocumentLocaleSettings()\""

package/lang/ar.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "يتم تحميل عوامل التصفية",
 	"components.filter.filterCountDescription": "{number, plural, =0 {لم يتم تطبيق عوامل تصفية.} one {تم تطبيق {number} عامل تصفية} ‏other {تم تطبيق {number} من عوامل التصفية.}}",
 	"components.filter.filters": "عوامل التصفية",
-	"components.filter.noActiveFilters": "لا توجد عوامل تصفية نشطة",
 	"components.filter.noFilters": "ما من عوامل تصفية متوفرة",
 	"components.filter.searchResults": "{number, plural, =0 {ما من نتائج بحث} one {{number} نتيجة بحث}‏ other {{number} من نتائج البحث}}",
 	"components.filter.singleDimensionDescription": "التصفية حسب: {filterName}",

package/lang/cy.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Dim hidlyddion wedi’i gweithredu.} one {{number} hidlydd wedi’i weithredu.} other {{number} hidlyddion wedi’u gweithredu.}}",
 	"components.filter.filters": "Hidlyddion",
-	"components.filter.noActiveFilters": "Dim hidlwyr gweithredol",
 	"components.filter.noFilters": "Dim hidlyddion ar gael",
 	"components.filter.searchResults": "{number, plural, =0 {Dim canlyniadau chwilio} one {{number} canlyniad chwilio} other {{number} canlyniadau chwilio}}",
 	"components.filter.singleDimensionDescription": "Hidlo yn ôl: {filterName}",

package/lang/da.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Indlæser filtre",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Ingen filtre anvendt.} one {{number} filter anvendt.} other {{number} filtre anvendt.}}",
 	"components.filter.filters": "Filtre",
-	"components.filter.noActiveFilters": "Ingen aktive filtre",
 	"components.filter.noFilters": "Ingen tilgængelige filtre",
 	"components.filter.searchResults": "{number, plural, =0 {Ingen søgeresultater} one {{number} søgeresultat} other {{number} søgeresultater}}",
 	"components.filter.singleDimensionDescription": "Filtrer efter: {filterName}",

package/lang/de.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Filter werden geladen",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Keine Filter angewendet.} one {{number} Filter angewendet.} other {{number} Filter angewendet.}}",
 	"components.filter.filters": "Filter",
-	"components.filter.noActiveFilters": "Keine Filter aktiv",
 	"components.filter.noFilters": "Keine verfügbaren Filter",
 	"components.filter.searchResults": "{number, plural, =0 {Kein Suchergebnis} one {{number} Suchergebnis} other {{number} Suchergebnisse}}",
 	"components.filter.singleDimensionDescription": "Filtern nach: {filterName}",

package/lang/en.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Loading filters",
 	"components.filter.filterCountDescription": "{number, plural, =0 {No filters applied.} one {{number} filter applied.} other {{number} filters applied.}}",
 	"components.filter.filters": "Filters",
-	"components.filter.noActiveFilters": "No active filters",
 	"components.filter.noFilters": "No available filters",
 	"components.filter.searchResults": "{number, plural, =0 {No search results} one {{number} search result} other {{number} search results}}",
 	"components.filter.singleDimensionDescription": "Filter by: {filterName}",

package/lang/es-es.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Cargando filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Sin filtros aplicados.} one {{number} filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",
-	"components.filter.noActiveFilters": "No hay filtros activos",
 	"components.filter.noFilters": "No hay filtros disponibles",
 	"components.filter.searchResults": "{number, plural, =0 {No hay resultados de búsqueda} one {{number} resultado de búsqueda} other {{number} resultados de búsqueda}}",
 	"components.filter.singleDimensionDescription": "Filtrar por: {filterName}",

package/lang/es.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Cargando filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Sin filtros aplicados.} one {{number} filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",
-	"components.filter.noActiveFilters": "No hay filtros activos",
 	"components.filter.noFilters": "No hay filtros disponibles",
 	"components.filter.searchResults": "{number, plural, =0 {No se encontraron resultados de búsqueda} one {{number} resultado de búsqueda} other {{number} resultados de búsqueda}}",
 	"components.filter.singleDimensionDescription": "Filtrar por: {filterName}",

package/lang/fr-fr.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Chargement des filtres",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Aucun filtre appliqué.} one {{number} filtre appliqué.} other {{number} filtres appliqués.}}",
 	"components.filter.filters": "Filtres",
-	"components.filter.noActiveFilters": "Aucun filtre actif",
 	"components.filter.noFilters": "Aucun filtre disponible",
 	"components.filter.searchResults": "{number, plural, =0 {Aucun résultat de recherche} one {{number} résultat de recherche} other {{number} résultats de recherche}}",
 	"components.filter.singleDimensionDescription": "Filtrer par : {filterName}",

package/lang/fr.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Chargement des filtres",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Aucun filtre appliqué.} one {{number} filtre appliqué.} other {{number} filtres appliqués.}}",
 	"components.filter.filters": "Filtres",
-	"components.filter.noActiveFilters": "Aucun filtre actif",
 	"components.filter.noFilters": "Aucun filtre disponible",
 	"components.filter.searchResults": "{number, plural, =0 {Aucun résultat de recherche} one {{number} résultat de recherche} other {{number} résultats de recherche}}",
 	"components.filter.singleDimensionDescription": "Filtrer par : {filterName}",

package/lang/hi.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "फिल्टर्स लोड किए जा रहे हैं",
 	"components.filter.filterCountDescription": "{number, plural, =0 {कोई फ़िल्टर लागू नहीं किए गए} one {1 फ़िल्टर लागू किया गया।} other {{number} फ़िल्टर्स लागू किए गए।}}",
 	"components.filter.filters": "फ़िल्टर्स",
-	"components.filter.noActiveFilters": "कोई सक्रिय फ़िल्टर नहीं हैं",
 	"components.filter.noFilters": "कोई उपलब्ध फ़िल्टर्स नहीं",
 	"components.filter.searchResults": "{number, plural, =0 {कोई खोज परिणाम नहीं} one {{number} खोज परिणाम} other {{number} खोज परिणाम}}",
 	"components.filter.singleDimensionDescription": "इसके अनुसार फ़िल्टर करें: {filterName}",

package/lang/ja.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "フィルタのロード中",
 	"components.filter.filterCountDescription": "{number, plural, =0 {フィルタは適用されていません。} other {{number} 個のフィルタが適用されています。}}",
 	"components.filter.filters": "フィルタ",
-	"components.filter.noActiveFilters": "アクティブフィルタなし",
 	"components.filter.noFilters": "使用可能なフィルタはありません",
 	"components.filter.searchResults": "{number, plural, =0 {検索結果なし} other {{number} 件の検索結果}}",
 	"components.filter.singleDimensionDescription": "フィルタ条件: {filterName}",

package/lang/ko.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "필터 로드 중",
 	"components.filter.filterCountDescription": "{number, plural, =0 {적용된 필터 없음.} other {{number}개 필터 적용됨.}}",
 	"components.filter.filters": "개 필터",
-	"components.filter.noActiveFilters": "활성 필터가 없음",
 	"components.filter.noFilters": "사용 가능한 필터가 없습니다",
 	"components.filter.searchResults": "{number, plural, =0 {검색 결과 없음} other {{number}개 검색 결과}}",
 	"components.filter.singleDimensionDescription": "필터 기준: {filterName}",

package/lang/nl.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Laden van filters",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Geen filters toegepast.} one {{number} filter toegepast.} other {{number} filters toegepast.}}",
 	"components.filter.filters": "Filters", // mfv-translated
-	"components.filter.noActiveFilters": "Geen actieve filters",
 	"components.filter.noFilters": "Geen beschikbare filters",
 	"components.filter.searchResults": "{number, plural, =0 {Geen zoekresultaten} one {{number} zoekresultaat} other {{number} zoekresultaten}}",
 	"components.filter.singleDimensionDescription": "Filter op {filterName}",

package/lang/pt.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Carregar filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Nenhum filtro aplicado.} one {{number} filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",
-	"components.filter.noActiveFilters": "Nenhum filtro ativo",
 	"components.filter.noFilters": "Não há filtros disponíveis",
 	"components.filter.searchResults": "{number, plural, =0 {Sem resultados para a pesquisa} one {{number} resultado para a pesquisa} other {{number} resultados para a pesquisa}}",
 	"components.filter.singleDimensionDescription": "Filtrar por: {filterName}",

package/lang/sv.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Läser in filter",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Inga filter tillämpade.} one {{number} filter tillämpat.} other {{number} filter tillämpade.}}",
 	"components.filter.filters": "Filter",
-	"components.filter.noActiveFilters": "Inga aktiva filter",
 	"components.filter.noFilters": "Inga tillgängliga filter",
 	"components.filter.searchResults": "{number, plural, =0 {Inga sökresultat} one {{number} sökresultat} other {{number} sökresultat}}",
 	"components.filter.singleDimensionDescription": "Filtrera efter: {filterName}",

package/lang/tr.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "Filtreler yükleniyor",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Filtre uygulanmadı.} one {{number} filtre uygulandı.} other {{number} filtre uygulandı.}}",
 	"components.filter.filters": "Filtre",
-	"components.filter.noActiveFilters": "Etkin filtre yok",
 	"components.filter.noFilters": "Uygun filtre yok",
 	"components.filter.searchResults": "{number, plural, =0 {Arama sonucu yok} one {{number} arama sonucu} other {{number} arama sonucu}}",
 	"components.filter.singleDimensionDescription": "Filtreleme ölçütü: {filterName}",

package/lang/zh-cn.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "正在加载筛选器",
 	"components.filter.filterCountDescription": "{number, plural, =0 {未应用筛选器。} other {已应用 {number} 个筛选器。}}",
 	"components.filter.filters": "个筛选条件",
-	"components.filter.noActiveFilters": "没有活动的筛选器",
 	"components.filter.noFilters": "无可用筛选器",
 	"components.filter.searchResults": "{number, plural, =0 {无搜索结果} other {{number} 个搜索结果}}",
 	"components.filter.singleDimensionDescription": "筛选依据：{filterName}",

package/lang/zh-tw.js

@@ -21,7 +21,6 @@ export default {
 	"components.filter.loading": "正在載入篩選條件",
 	"components.filter.filterCountDescription": "{number, plural, =0 {未套用篩選器。} other {已套用 {number} 個篩選器。}}",
 	"components.filter.filters": "篩選器",
-	"components.filter.noActiveFilters": "沒有啟用中的篩選器",
 	"components.filter.noFilters": "沒有可用的篩選條件",
 	"components.filter.searchResults": "{number, plural, =0 {無搜尋結果} other {{number} 個搜尋結果}}",
 	"components.filter.singleDimensionDescription": "按此條件篩選：{filterName}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.68.1",
+  "version": "2.69.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",