@abgov/web-components 1.14.0-alpha.2 → 1.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.14.0-alpha.2",
+  "version": "1.14.0",
   "description": "Government of Alberta - UI Web components",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/web-components.es.js

@@ -16622,7 +16622,7 @@ function create_else_block$6(ctx) {
 	};
 }
 
-// (83:2) {#if _isTableRoot}
+// (85:2) {#if _isTableRoot}
 function create_if_block$a(ctx) {
 	let slot;
 
@@ -16754,49 +16754,56 @@ function instance$h($$self, $$props, $$invalidate) {
 	});
 
 	async function attachSortEventHandling() {
+		var _a;
 		await tick();
-		const headings = _rootEl.querySelectorAll("goa-table-sort-header");
-
-		headings.forEach(heading => {
-			heading.addEventListener("click", () => {
-				const sortBy = heading.getAttribute("name");
-				let sortDir;
+		const contentSlot = _rootEl.querySelector("slot");
 
-				// relay state to all children
-				headings.forEach(child => {
-					if (child.getAttribute("name") === sortBy) {
-						const direction = child["direction"];
+		const headings = (_a = contentSlot.assignedElements().find(el => el.tagName === "THEAD" || el.tagName === "TABLE")) === null || _a === void 0
+		? void 0
+		: _a.querySelectorAll("goa-table-sort-header");
 
-						// starting direction is asc
-						const newDirection = direction === "asc" ? "desc" : "asc";
+		headings === null || headings === void 0
+		? void 0
+		: headings.forEach(heading => {
+				heading.addEventListener("click", () => {
+					const sortBy = heading.getAttribute("name");
+					let sortDir;
+
+					// relay state to all children
+					headings.forEach(child => {
+						if (child.getAttribute("name") === sortBy) {
+							const direction = child["direction"];
+
+							// starting direction is asc
+							const newDirection = direction === "asc" ? "desc" : "asc";
+
+							sortDir = newDirection === "asc" ? 1 : -1;
+							child.setAttribute("direction", newDirection);
+						} else {
+							child.setAttribute("direction", "none");
+						}
+					});
 
-						sortDir = newDirection === "asc" ? 1 : -1;
-						child.setAttribute("direction", newDirection);
-					} else {
-						child.setAttribute("direction", "none");
-					}
+					dispatch(heading, { sortBy, sortDir });
 				});
 
-				dispatch(heading, { sortBy, sortDir });
+				// dispatch the default sort params if initially set
+				const initialSortBy = heading.getAttribute("name");
+
+				const initialDirection = heading["direction"];
+
+				if (initialDirection && initialDirection !== "none") {
+					setTimeout(
+						() => {
+							dispatch(heading, {
+								sortBy: initialSortBy,
+								sortDir: initialDirection === "asc" ? 1 : -1
+							});
+						},
+						10
+					);
+				}
 			});
-
-			// dispatch the default sort params if initially set
-			const initialSortBy = heading.getAttribute("name");
-
-			const initialDirection = heading["direction"];
-
-			if (initialDirection && initialDirection !== "none") {
-				setTimeout(
-					() => {
-						dispatch(heading, {
-							sortBy: initialSortBy,
-							sortDir: initialDirection === "asc" ? 1 : -1
-						});
-					},
-					10
-				);
-			}
-		});
 	}
 
 	function div_binding($$value) {