@govtechsg/sgds-web-component 3.26.1 → 3.27.0-rc.0

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

@@ -69,7 +69,7 @@ const Lt=1;class Wt{constructor(t){}get _$isConnected(){return this._$parent._$i
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Dt=(jt=class extends Wt{constructor(t){if(super(t),t.type!==Lt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const i=t.element.classList;for(const t of this._previousClasses)t in e||(i.remove(t),this._previousClasses.delete(t));for(const t in e){const s=!!e[t];s===this._previousClasses.has(t)||this._staticClasses?.has(t)||(s?(i.add(t),this._previousClasses.add(t)):(i.remove(t),this._previousClasses.delete(t)))}return et}},(...t)=>({_$litDirective$:jt,values:t}));var jt,qt=o`.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let Bt=0;class Ht extends Ot{constructor(){super(...arguments),this.attrId=++Bt,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return Q`
+   */const Dt=(jt=class extends Wt{constructor(t){if(super(t),t.type!==Lt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const i=t.element.classList;for(const t of this._previousClasses)t in e||(i.remove(t),this._previousClasses.delete(t));for(const t in e){const s=!!e[t];s===this._previousClasses.has(t)||this._staticClasses?.has(t)||(s?(i.add(t),this._previousClasses.add(t)):(i.remove(t),this._previousClasses.delete(t)))}return et}},(...t)=>({_$litDirective$:jt,values:t}));var jt,qt=o`:host(:not([active])){display:none}.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let Bt=0;class Ht extends Ot{constructor(){super(...arguments),this.attrId=++Bt,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return Q`
       <slot
         class=${Dt({"tab-panel":!0,"tab-panel--active":this.active})}
       ></slot>