@nys-cui/cui-section 0.2.1 → 0.2.2

package/package.json

@@ -6,7 +6,7 @@
     },
     "main": "./dist/js/section.js",
     "type": "module",
-    "version": "0.2.1",
+    "version": "0.2.2",
     "scripts": {
         "clean": "rm -rf ./dist",
         "build": "npm run clean && cui --dep",

package/src/section.js

@@ -101,13 +101,13 @@ export default class CUI_SECTION extends HTMLElement {
     collapse(dContainer) {
 
         function transitionEnd(e) {
+            
+            dContainer.style.height = "";
 
             // mark the section as "currently collapsed"
             dContainer.setAttribute('data-collapsed', 'true');
             dContainer.setAttribute('aria-expanded', 'false');
 
-            dContainer.style.height = "";
-
             dContainer.removeEventListener('transitionend', transitionEnd, true);
         }
 
@@ -143,16 +143,6 @@ export default class CUI_SECTION extends HTMLElement {
 
     }
 
-    animationstart() {
-
-        console.log("Animation started");
-    }
-
-    animationend() {
-
-        console.log("Animation ended");
-    }
-
     connectedCallback() {
 
         this.state = {
@@ -175,17 +165,9 @@ export default class CUI_SECTION extends HTMLElement {
         this.sdSectionTitle = this.shadowRoot.querySelector(`#section-title`);
         this.sdContentsContainer = this.shadowRoot.querySelector(`#container`);
 
-        if (this.bCollapsed) {
-            this.sdContentsContainer.setAttribute('aria-expanded', 'false');
-        }
-        else {
-            this.sdContentsContainer.setAttribute('aria-expanded', 'true');
-        }
-        
-
         this.sdSectionTitle.appendChild(document.createTextNode(this.state.sTitle));
 
-        if (!this.state.bHideControls) {
+       if (!this.state.bHideControls) {
 
             this.sdSectionCollapseControl = this.shadowRoot.querySelector(`#collapse-control`);
 
@@ -197,7 +179,6 @@ export default class CUI_SECTION extends HTMLElement {
 
                     this.sdSectionCollapseControl.classList.add('collapsed');
                     this.sdContentsContainer.setAttribute('data-collapsed', "true");
-                    this.sdContentsContainer.setAttribute('aria-expanded', "false");
                 }
 
                 this.sdSectionCollapseControl.addEventListener('click', () => {

package/src/section.scss

@@ -1,6 +1,7 @@
 :host {
     display: block;
     margin-bottom: 20px;
+    width: 100%;
 
     * {
         box-sizing: border-box;
@@ -72,9 +73,6 @@
                 height: 0;
             }
 
-            &[aria-expanded="false"] {
-                display: none;
-            }
             
         }
     }