@brightspace-ui-labs/facet-filter-sort 6.5.0 → 6.7.0

package/README.md

@@ -126,10 +126,10 @@ Note that for the header and opener text overrides, if the terms are to reflect
 
 - `d2l-labs-filter-dropdown-close`: Fired when the filter dropdown is closed.
 - `d2l-labs-filter-dropdown-cleared`: Fired when the clear button or the clear filters button is pressed to clear all filters.
+- `d2l-labs-filter-dropdown-category-selected`: Fired when a filter tab is selected.
 
 `d2l-labs-filter-dropdown-category`:
 
-- `d2l-labs-filter-dropdown-category-selected`: Fired when a filter tab is selected.
 - `d2l-labs-filter-dropdown-category-searched`: Fired when a filter category is searched.
 - `d2l-labs-filter-dropdown-option-change`: Fired when a filter option is selected.
 

package/components/filter-dropdown/filter-dropdown-category.js

@@ -102,10 +102,6 @@ class LabsFilterDropdownCategory extends FilterLocalizeMixin(TabPanelMixin(LitEl
 			this.selected = !this.selected;
 			this.__onSelect(e);
 		});
-
-		this.addEventListener('d2l-tab-panel-selected', () => {
-			this._dispatchSelected();
-		});
 	}
 
 	render() {
@@ -123,17 +119,6 @@ class LabsFilterDropdownCategory extends FilterLocalizeMixin(TabPanelMixin(LitEl
 		`;
 	}
 
-	_dispatchSelected() {
-		// Event propagation of d2l-tab-panel-selected stopped in d2l-labs-filter-dropdown
-		this.dispatchEvent(new CustomEvent('d2l-labs-filter-dropdown-category-selected', {
-			detail: {
-				categoryKey: this.key
-			},
-			bubbles: true,
-			composed: true
-		}));
-	}
-
 	_handleMenuItemChange(e) {
 		e.stopPropagation();
 		this.dispatchEvent(new CustomEvent('d2l-labs-filter-dropdown-option-change', {

package/components/filter-dropdown/filter-dropdown.js

@@ -133,7 +133,7 @@ class D2LLabsFilterDropdown extends mixinBehaviors([LocalizeBehavior], PolymerEl
 					</div>
 					<d2l-tabs>
 						<template is="dom-repeat" items="[[_tabInfos]]" as="tab">
-							<d2l-tab id="[[tab.key]]" text="[[tab.text]]" slot="tabs" selected$="[[tab.selected]]"></d2l-tab>
+							<d2l-tab id="[[tab.key]]" text="[[tab.text]]" slot="tabs" selected$="[[tab.selected]]" on-d2l-tab-selected="_dispatchSelected"></d2l-tab>
 						</template>
 						<slot on-slotchange="_handleCategoriesSlotChange" slot="panels"></slot>
 					</d2l-tabs>
@@ -145,7 +145,6 @@ class D2LLabsFilterDropdown extends mixinBehaviors([LocalizeBehavior], PolymerEl
 
 	attached() {
 		this.addEventListener('d2l-dropdown-close', this._handleDropdownClose);
-		this.addEventListener('d2l-tab-panel-selected', this._stopTabPanelSelectedEvent);
 	}
 
 	clearFilters() {
@@ -166,7 +165,6 @@ class D2LLabsFilterDropdown extends mixinBehaviors([LocalizeBehavior], PolymerEl
 
 	detached() {
 		this.removeEventListener('d2l-dropdown-close', this._handleDropdownClose);
-		this.removeEventListener('d2l-tab-panel-selected', this._stopTabPanelSelectedEvent);
 
 		const categories = this.querySelectorAll('d2l-labs-filter-dropdown-category');
 		categories.forEach(cat => {
@@ -181,6 +179,16 @@ class D2LLabsFilterDropdown extends mixinBehaviors([LocalizeBehavior], PolymerEl
 		this.shadowRoot.querySelector('d2l-dropdown-button-subtle').focus();
 	}
 
+	_dispatchSelected(e) {
+		this.dispatchEvent(new CustomEvent('d2l-labs-filter-dropdown-category-selected', {
+			detail: {
+				categoryKey: e.target.id
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
+
 	_getFooterSlotValue(hasFooter) {
 		return hasFooter ? 'footer' : undefined;
 	}
@@ -251,11 +259,6 @@ class D2LLabsFilterDropdown extends mixinBehaviors([LocalizeBehavior], PolymerEl
 		if (!this.localize || !this.resources) return;
 		return altText ? altText : this.localize(...args);
 	}
-
-	// Must be done here (instead of d2l-labs-filter-dropdown-category) as the d2l-dropdown-tabs component needs to receive it
-	_stopTabPanelSelectedEvent(e) {
-		e.stopPropagation();
-	}
 }
 
 window.customElements.define(D2LLabsFilterDropdown.is, D2LLabsFilterDropdown);

package/custom-elements.json

@@ -73,9 +73,14 @@
           "description": "REQUIRED: Id of the tab that labels this panel",
           "type": "string"
         },
+        {
+          "name": "selected",
+          "description": "DEPRECATED: Use to select the tab. Do NOT set if using the d2l-tab/d2l-tab-panel implementation.\nRemove with GAUD-8299-core-tabs-use-new-structure flag clean up.",
+          "type": "boolean"
+        },
         {
           "name": "text",
-          "description": "DEPRECATED: The text used for the tab, as well as labelling the panel. Required if not using d2l-tab/d2l-tab-panel implementation.",
+          "description": "DEPRECATED: The text used for the tab, as well as labelling the panel. Required if not using d2l-tab/d2l-tab-panel implementation.\nRemove with GAUD-8299-core-tabs-use-new-structure flag clean up.",
           "type": "string"
         },
         {
@@ -83,12 +88,6 @@
           "description": "Opt out of default padding/whitespace around the panel",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "selected",
-          "description": "DEPRECATED: Use to select the tab. Do NOT set if using the d2l-tab/d2l-tab-panel implementation.",
-          "type": "boolean",
-          "default": "false"
         }
       ],
       "properties": [
@@ -132,10 +131,16 @@
           "description": "REQUIRED: Id of the tab that labels this panel",
           "type": "string"
         },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "DEPRECATED: Use to select the tab. Do NOT set if using the d2l-tab/d2l-tab-panel implementation.\nRemove with GAUD-8299-core-tabs-use-new-structure flag clean up.",
+          "type": "boolean"
+        },
         {
           "name": "text",
           "attribute": "text",
-          "description": "DEPRECATED: The text used for the tab, as well as labelling the panel. Required if not using d2l-tab/d2l-tab-panel implementation.",
+          "description": "DEPRECATED: The text used for the tab, as well as labelling the panel. Required if not using d2l-tab/d2l-tab-panel implementation.\nRemove with GAUD-8299-core-tabs-use-new-structure flag clean up.",
           "type": "string"
         },
         {
@@ -144,13 +149,6 @@
           "description": "Opt out of default padding/whitespace around the panel",
           "type": "boolean",
           "default": "false"
-        },
-        {
-          "name": "selected",
-          "attribute": "selected",
-          "description": "DEPRECATED: Use to select the tab. Do NOT set if using the d2l-tab/d2l-tab-panel implementation.",
-          "type": "boolean",
-          "default": "false"
         }
       ],
       "events": [
@@ -449,6 +447,9 @@
         {
           "name": "d2l-labs-filter-dropdown-close",
           "description": "Dispatched when the filter dropdown is closed"
+        },
+        {
+          "name": "d2l-labs-filter-dropdown-category-selected"
         }
       ],
       "slots": [

package/lang/ca.js

@@ -0,0 +1,16 @@
+/* eslint quotes: 0 */
+
+export default {
+	"appliedFilters": "Filtres aplicats:",
+	"noActiveFilters": "Cap filtre actiu",
+	"clearFilters": "Esborrar filtres",
+	"categoryTitleMultiple": "{title} ({numSelected})",
+	"searchBy": "Cercar per {category}",
+	"clear": "Esborrar",
+	"filter": "Filtre",
+	"filterBy": "Filtrar per",
+	"filterMultiple": "Filtrar: {numOptions} filtres",
+	"filterSingle": "Filtrar: 1 filtre",
+	"sort": "Ordena",
+	"sortWithOption": "Ordenar: {option}"
+};

package/package.json

@@ -37,7 +37,7 @@
     "lit-analyzer": "^1",
     "stylelint": "^15"
   },
-  "version": "6.5.0",
+  "version": "6.7.0",
   "dependencies": {
     "@brightspace-ui/core": "^3",
     "@brightspace-ui/localize-behavior": "^2",