@brightspace-ui-labs/facet-filter-sort 6.5.0 → 6.6.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

@@ -449,6 +449,9 @@
         {
           "name": "d2l-labs-filter-dropdown-close",
           "description": "Dispatched when the filter dropdown is closed"
+        },
+        {
+          "name": "d2l-labs-filter-dropdown-category-selected"
         }
       ],
       "slots": [

package/package.json

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