@govtechsg/sgds-web-component 3.30.1-rc.8 → 3.30.1-rc.9

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

@@ -2375,5 +2375,5 @@ let Fe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ie
       <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot>
     </div>`;return I`
       <div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?t:e}</div>
-    `}};Y([Me(`.sidenav-body`)],Q.prototype,`body`,void 0),Y([Me(`.sidenav-btn`)],Q.prototype,`header`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`disabled`,void 0),Y([J({type:String})],Q.prototype,`ariaLabel`,void 0),Y([Ae()],Q.prototype,`isLink`,void 0),Y([et(`active`,{waitUntilFirstUpdate:!0})],Q.prototype,`_handleOpenChange`,null),Y([Ne()],Q.prototype,`_items`,void 0),Ze(`sidenav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ze(`sidenav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),q();var Cp=l`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-interactive-border-radius);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;q();var $=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...X.styles,Cp]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`),this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute(`tabindex`)}_handleSlotChange(){this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute(`tabindex`,`-1`),this._anchor[0].removeAttribute(`href`),this._anchor[0].setAttribute(`role`,`link`))}render(){return I` <slot @slotchange=${this._handleSlotChange}></slot> `}};Y([J({type:Boolean,reflect:!0})],$.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),Y([Ne({flatten:!0})],$.prototype,`_anchor`,void 0),Y([et(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabled`,null);function wp(e,t){customElements.get(e)||customElements.define(e,t)}wp(`sgds-sidenav`,Be),wp(`sgds-sidenav-item`,Q),wp(`sgds-sidenav-link`,$)});
+    `}};Y([Me(`.sidenav-body`)],Q.prototype,`body`,void 0),Y([Me(`.sidenav-btn`)],Q.prototype,`header`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`disabled`,void 0),Y([J({type:String})],Q.prototype,`ariaLabel`,void 0),Y([Ae()],Q.prototype,`isLink`,void 0),Y([et(`active`,{waitUntilFirstUpdate:!0})],Q.prototype,`_handleOpenChange`,null),Y([Ne()],Q.prototype,`_items`,void 0),Ze(`sidenav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ze(`sidenav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),q();var Cp=l`.sidenav-link{border-radius:var(--sgds-interactive-border-radius);display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl)}:host([class^=third-level]) .sidenav-link{padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}:host([active]) .sidenav-link{background-color:var(--sgds-primary-surface-translucent)}:host(:not([disabled]):not([active])) .sidenav-link:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidenav-link:focus-within{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) .sidenav-link:focus-within{background-color:var(--sgds-primary-bg-translucent)}:host([disabled]) .sidenav-link{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-default));text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}::slotted(a:focus-visible){outline:none}`;q();var $=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...X.styles,Cp]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`),this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute(`tabindex`)}_handleSlotChange(){this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute(`tabindex`,`-1`),this._anchor[0].removeAttribute(`href`),this._anchor[0].setAttribute(`role`,`link`))}render(){return I`<div class="sidenav-link"><slot @slotchange=${this._handleSlotChange}></slot></div>`}};Y([J({type:Boolean,reflect:!0})],$.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),Y([Ne({flatten:!0})],$.prototype,`_anchor`,void 0),Y([et(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabled`,null);function wp(e,t){customElements.get(e)||customElements.define(e,t)}wp(`sgds-sidenav`,Be),wp(`sgds-sidenav-item`,Q),wp(`sgds-sidenav-link`,$)});
 //# sourceMappingURL=index.umd.min.js.map