@govtechsg/sgds-web-component 3.21.2-rc.3 → 3.21.2-rc.5

package/components/Table/index.umd.min.js

@@ -74,7 +74,7 @@ class At{constructor(t,e,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const It="table-header-background";class Bt extends Ut{constructor(){super(...arguments),this.rowHeader=[],this.columnHeader=[],this.tableData=[],this.headerPosition="horizontal",this.headerBackground=!1,this.tableBorder=!1,this.layout="auto",this.hasDefaultSlot=!1,this._headerBackground=!1,this.hasSlotController=new zt(this,"[default]")}connectedCallback(){super.connectedCallback()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this._headerBackground=this.headerBackground}_renderTable(){if("horizontal"===this.headerPosition)return Q`
+   */const It="table-header-background";class Bt extends Ut{constructor(){super(...arguments),this.rowHeader=[],this.columnHeader=[],this.tableData=[],this.headerPosition="horizontal",this.headerBackground=!1,this.tableBorder=!1,this.layout="auto",this.hasDefaultSlot=!1,this._headerBackground=!1,this.hasSlotController=new zt(this,"[default]")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]")),this._headerBackground=this.headerBackground}_renderTable(){if("horizontal"===this.headerPosition)return Q`
         <thead>
           <tr>
             ${this.rowHeader.map(t=>Q` <th><div>${t}</div></th> `)}
@@ -111,16 +111,15 @@ class At{constructor(t,e,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
           `)}
       `}}render(){return Q`
       <div
+        role="rowgroup"
         class=${Nt({"table-responsive":"always"===this.responsive,"table-responsive-sm":"sm"===this.responsive,"table-responsive-md":"md"===this.responsive,"table-responsive-lg":"lg"===this.responsive,"table-responsive-xl":"xl"===this.responsive})}
         tabindex="0"
       >
-        <div role="table">
-          <slot id="table-slot" class=${Nt({table:!0,"no-border":!this.hasDefaultSlot})}></slot>
+        <slot id="table-slot" class=${Nt({table:!0,"no-border":!this.hasDefaultSlot})}></slot>
 
-          ${this.hasDefaultSlot?"":Q`<table class="table">
-                ${this._renderTable()}
-              </table>`}
-        </div>
+        ${this.hasDefaultSlot?"":Q`<table class="table">
+              ${this._renderTable()}
+            </table>`}
       </div>
     `}}function jt(t,e){customElements.get(t)||customElements.define(t,e)}Bt.styles=[...Ut.styles,Mt],t([kt({type:String,reflect:!0})],Bt.prototype,"responsive",void 0),t([kt({type:Array})],Bt.prototype,"rowHeader",void 0),t([kt({type:Array})],Bt.prototype,"columnHeader",void 0),t([kt({type:Array})],Bt.prototype,"tableData",void 0),t([kt({type:String,reflect:!0})],Bt.prototype,"headerPosition",void 0),t([kt({type:Boolean,reflect:!0})],Bt.prototype,"headerBackground",void 0),t([kt({type:Boolean,reflect:!0})],Bt.prototype,"tableBorder",void 0),t([kt({type:String,reflect:!0})],Bt.prototype,"layout",void 0),t([kt({type:Boolean})],Bt.prototype,"hasDefaultSlot",void 0),t([function({context:t}){return(e,s)=>{const i=new WeakMap;if("object"==typeof s)return{get(){return e.get.call(this)},set(t){return i.get(this).setValue(t),e.set.call(this,t)},init(e){return i.set(this,new Wt(this,{context:t,initialValue:e})),e}};{e.constructor.addInitializer(e=>{i.set(e,new Wt(e,{context:t}))});const o=Object.getOwnPropertyDescriptor(e,s);let r;if(void 0===o){const t=new WeakMap;r={get(){return t.get(this)},set(e){i.get(this).setValue(e),t.set(this,e)},configurable:!0,enumerable:!0}}else{const t=o.set;r={...o,set(e){i.get(this).setValue(e),t?.call(this,e)}}}return void Object.defineProperty(e,s,r)}}}
 /**