@govtechsg/sgds-web-component 3.22.0 → 3.23.0-rc.0

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

@@ -60,7 +60,7 @@ const ke=1;class Pe{constructor(e){}get _$isConnected(){return this._$parent._$i
           <slot @click=${this.onToggle}></slot>
         </div>
       </nav>
-    `}}function Oe(e,t,l){return new Promise(a=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const i=e.animate(t,Object.assign(Object.assign({},l),{duration:Ue()?0:null==l?void 0:l.duration}));i.addEventListener("cancel",a,{once:!0}),i.addEventListener("finish",a,{once:!0})})}function Ue(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ie(e,t){return e.map(e=>Object.assign(Object.assign({},e),{height:"auto"===e.height?`${t}px`:e.height}))}function De(e){return Promise.all(e.getAnimations().map(e=>new Promise(t=>{const l=requestAnimationFrame(t);e.addEventListener("cancel",()=>l,{once:!0}),e.addEventListener("finish",()=>l,{once:!0}),e.cancel()})))}Ne.styles=[...Se.styles,ze],e([Ve({type:Boolean,attribute:!0})],Ne.prototype,"sticky",void 0),e([Le()],Ne.prototype,"defaultNodes",void 0);const Re=new Map,We=new WeakMap;function je(e,t){const l=We.get(e);if(null==l?void 0:l[t])return l[t];const a=Re.get(t);return a||{keyframes:[],options:{duration:0}}}function qe(e,t){Re.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}function Fe(e,t){return new Promise(l=>{e.addEventListener(t,function a(i){i.target===e&&(e.removeEventListener(t,a),l())})})}function Je(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}function Ke(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,a)=>{const{update:i}=t;if(e in t){const c=e;t.update=function(e){if(e.has(c)){const t=e.get(c),i=this[c];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[a](t,i))}i.call(this,e)}}}}var Ye=Q`
+    `}}Ne.styles=[...Se.styles,ze],e([Ve({type:Boolean,attribute:!0})],Ne.prototype,"sticky",void 0),e([Le()],Ne.prototype,"defaultNodes",void 0);function Oe(e,t,l){return new Promise(a=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const i=e.animate(t,Object.assign(Object.assign({},l),{duration:Ue()?0:null==l?void 0:l.duration}));i.addEventListener("cancel",a,{once:!0}),i.addEventListener("finish",a,{once:!0})})}function Ue(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ie(e,t){return e.map(e=>Object.assign(Object.assign({},e),{height:"auto"===e.height?`${t}px`:e.height}))}function De(e){return Promise.all(e.getAnimations().map(e=>new Promise(t=>{const l=requestAnimationFrame(t);e.addEventListener("cancel",()=>l,{once:!0}),e.addEventListener("finish",()=>l,{once:!0}),e.cancel()})))}const Re=new Map,We=new WeakMap;function je(e,t){const l=We.get(e);if(null==l?void 0:l[t])return l[t];const a=Re.get(t);return a||{keyframes:[],options:{duration:0}}}function qe(e,t){Re.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}function Fe(e,t){return new Promise(l=>{e.addEventListener(t,function a(i){i.target===e&&(e.removeEventListener(t,a),l())})})}function Je(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}function Ke(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,a)=>{const{update:i}=t;if(e in t){const c=e;t.update=function(e){if(e.has(c)){const t=e.get(c),i=this[c];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[a](t,i))}i.call(this,e)}}}}var Ye=Q`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"
@@ -2284,6 +2284,7 @@ const ke=1;class Pe{constructor(e){}get _$isConnected(){return this._$parent._$i
         aria-expanded=${this.active}
         aria-controls=${this._collapseId}
         aria-current=${this.active}
+        aria-label=${t=this.ariaLabel,t??le}
         id=${this._buttonId}
         ?disabled=${this.disabled}
         aria-disabled=${this.disabled?"true":"false"}
@@ -2299,7 +2300,7 @@ const ke=1;class Pe{constructor(e){}get _$isConnected(){return this._$parent._$i
           <slot class="default" @slotchange=${this._handleSlotChange}></slot>
         </div>
       </div>
-    `,t=Q` <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot> `;return Q`
-      <div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?t:e}</div>
-    `}}ut.styles=[...Se.styles,wt],ut.dependencies={"sgds-icon":gt},e([$e(".sidenav-body")],ut.prototype,"body",void 0),e([$e(".sidenav-btn")],ut.prototype,"header",void 0),e([Ve({type:Boolean,reflect:!0})],ut.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],ut.prototype,"disabled",void 0),e([Ve({...pt,state:!0,attribute:!1})],ut.prototype,"isLink",void 0),e([Ke("active",{waitUntilFirstUpdate:!0})],ut.prototype,"_handleOpenChange",null),e([Le()],ut.prototype,"_items",void 0),qe("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),qe("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var ft=o`: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-border-radius-md);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),:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus),::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),:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class mt extends Se{constructor(){super(...arguments),this.active=!1,this.disabled=!1}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 Q` <slot @slotchange=${this._handleSlotChange}></slot> `}}function Zt(e,t){customElements.get(e)||customElements.define(e,t)}mt.styles=[...Se.styles,ft],e([Ve({type:Boolean,reflect:!0})],mt.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],mt.prototype,"disabled",void 0),e([Le({flatten:!0})],mt.prototype,"_anchor",void 0),e([Ke("disabled",{waitUntilFirstUpdate:!0})],mt.prototype,"_handleDisabled",null),Zt("sgds-sidenav",Ne),Zt("sgds-sidenav-item",ut),Zt("sgds-sidenav-link",mt)});
+    `;var t;const l=Q` <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot> `;return Q`
+      <div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?l:e}</div>
+    `}}ut.styles=[...Se.styles,wt],ut.dependencies={"sgds-icon":gt},e([$e(".sidenav-body")],ut.prototype,"body",void 0),e([$e(".sidenav-btn")],ut.prototype,"header",void 0),e([Ve({type:Boolean,reflect:!0})],ut.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],ut.prototype,"disabled",void 0),e([Ve({type:String})],ut.prototype,"ariaLabel",void 0),e([Ve({...pt,state:!0,attribute:!1})],ut.prototype,"isLink",void 0),e([Ke("active",{waitUntilFirstUpdate:!0})],ut.prototype,"_handleOpenChange",null),e([Le()],ut.prototype,"_items",void 0),qe("sidenav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),qe("sidenav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var ft=o`: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-border-radius-md);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),:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus),::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),:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;class mt extends Se{constructor(){super(...arguments),this.active=!1,this.disabled=!1}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 Q` <slot @slotchange=${this._handleSlotChange}></slot> `}}function Zt(e,t){customElements.get(e)||customElements.define(e,t)}mt.styles=[...Se.styles,ft],e([Ve({type:Boolean,reflect:!0})],mt.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],mt.prototype,"disabled",void 0),e([Le({flatten:!0})],mt.prototype,"_anchor",void 0),e([Ke("disabled",{waitUntilFirstUpdate:!0})],mt.prototype,"_handleDisabled",null),Zt("sgds-sidenav",Ne),Zt("sgds-sidenav-item",ut),Zt("sgds-sidenav-link",mt)});
 //# sourceMappingURL=index.umd.min.js.map