@iamproperty/components 7.8.2--beta3 → 7.8.2--beta5

package/assets/js/components/std-nav/std-nav.component.js

@@ -15,21 +15,22 @@ class iamSTDNav extends HTMLElement {
         super();
         this.defaultToNav = () => {
             const defaultContent = this.innerHTML;
-            this.innerHTML = `<iam-nav>
+            this.innerHTML = `<iam-nav ${(this.hasAttribute('class') ? `class="${this.getAttribute('class')}"` : '')}>
     ${defaultContent}
     </iam-nav>`;
         };
         this.transformToNav = (data) => {
+            var _a;
+            const navElement = (_a = this.querySelector('iam-nav')) !== null && _a !== void 0 ? _a : this;
             // Remove current links
-            this.querySelector('iam-nav').querySelectorAll(`:scope > *`).forEach((element) => {
+            navElement.querySelectorAll(`:scope > *`).forEach((element) => {
                 if (!element.hasAttribute('slot'))
                     element.remove();
             });
-            const defaultContent = this.querySelector('iam-nav').innerHTML;
-            this.innerHTML = `<iam-nav ${(this.hasAttribute('class') ? `class="${this.getAttribute('class')}"` : '')}>
-    ${defaultContent}
-    ${populateNav(data)}
-    </iam-nav>`;
+            const defaultContent = navElement.innerHTML;
+            navElement.innerHTML = `${defaultContent}${populateNav(data)}`;
+            const customEvent = new CustomEvent('rebuilt');
+            navElement.dispatchEvent(customEvent);
         };
         this.defaultToSecondary = () => {
             // Set links and details to secondary slot
@@ -51,13 +52,14 @@ class iamSTDNav extends HTMLElement {
     }
     connectedCallback() {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _a, _b;
             const component = this;
             this.wrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.wrapper');
             if (!window.customElements.get(`iam-nav`))
                 window.customElements.define(`iam-nav`, iamNav);
             if (this.hasAttribute('data-hub')) {
                 this.defaultToNav();
+                (_b = this.querySelector('.nav--menu.js-show')) === null || _b === void 0 ? void 0 : _b.classList.remove('js-show');
             }
             else {
                 //this.defaultToSecondary(); TODO: change this to show default content but still be able to update
@@ -68,7 +70,8 @@ class iamSTDNav extends HTMLElement {
                 }
                 //console.log(data);
                 if (this.hasAttribute('data-hub')) {
-                    this.transformToNav(data);
+                    const filteredData = data.filter(section => section.attributes.title != "Learning and support");
+                    this.transformToNav(filteredData);
                 }
                 else {
                     this.transformToSecondary(data);