@nys-cui/cui-section 0.2.4 → 0.2.6

package/package.json

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

package/src/section.js

@@ -16,6 +16,8 @@ export default class CUI_SECTION extends HTMLElement {
 
         this.sIconBasePath = null;
 
+        this._cMessageList;
+
         // Key Shadow DOM Fields
         this.sdSection = null;
         this.sdSectionTitle = null;
@@ -60,6 +62,7 @@ export default class CUI_SECTION extends HTMLElement {
 
         sTemplate += `</header><div class="container" id="container" part="container">
                 <slot name="section-text"></slot>
+                <slot name="section-messages"></slot>
                 <slot name="section-contents"></slot>
                 <slot name="section-footer"></slot>
             </div></section>`;
@@ -157,6 +160,11 @@ export default class CUI_SECTION extends HTMLElement {
 
         this.sIconBasePath = this.getAttribute('iconbase') || null;
 
+        let dMessageList = this.querySelector(`[slot="section-messages"]`);
+        if(dMessageList) {
+            this._cMessageList = dMessageList;
+        }
+
         this.render();
     }
 
@@ -235,4 +243,24 @@ export default class CUI_SECTION extends HTMLElement {
 
     }
 
+    get messages()
+    {
+        if(!this._cMessageList)
+        {
+            this._cMessageList = document.createElement('cui-message-list');
+            this._cMessageList.slot = "section-messages";
+            this.appendChild(this._cMessageList);
+        }
+
+        return this._cMessageList;
+    }
+
+    reset()
+    {
+        if(this._cMessageList)
+        {
+            this._cMessageList.reset();
+        }
+    }
+
 }