@govtechsg/sgds-web-component 3.30.1-rc.1 → 3.30.1-rc.10

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

@@ -2545,7 +2545,7 @@ let Rh=Symbol.for(``),zh=e=>{if(e?.r===Rh)return e?._$litStatic$},Bh=(e,...t)=>(
               </span>`:k}
         </div>
       </div>
-    `}};M();var Zh=l`.sidebar-section{display:flex;flex-direction:column}.sidebar-section-label{align-items:center;border-radius:var(--sgds-interactive-border-radius);color:var(--sgds-label-color-subtle);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-xs);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-2-xs);padding:var(--sgds-padding-xs) var(--sgds-padding-sm)}.sidebar-section-label--collapsible{cursor:pointer}.sidebar-section-label--collapsible:focus-visible,.sidebar-section-label--collapsible:hover{color:var(--sgds-label-color-default)}.sidebar-section-label--collapsible:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-section--collapsed .sidebar-section-label{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.sidebar-section-content{overflow:hidden;padding:0 var(--sgds-padding-xs)}.sidebar-section-content>div{margin-top:0;pointer-events:auto;transition:all var(--sgds-motion-duration-slow) var(--sgds-motion-easing-standard)}.sidebar-section-content.sidebar-section-content--collapsed>div{margin-top:-100%;pointer-events:none}.sidebar-section--collapsed .sidebar-section-content--collapsed>div{margin-top:0}.sidebar-section-separator{margin-bottom:var(--sgds-margin-md)}`;M();var Qh=l`:host{--container-size:8px}:host([orientation=horizontal]){border-top:var(--border-width) solid var(--sgds-border-color-muted);display:block;margin:calc((var(--container-size) - var(--border-width))/2) 0;width:100%}:host([orientation=vertical]){border-left:var(--border-width) solid var(--sgds-border-color-muted);display:inline-block;height:100%;margin:0 calc((var(--container-size) - var(--border-width))/2)}:host([thickness=thin]){--border-width:var(--sgds-border-width-1)}:host([thickness=thick]){--border-width:var(--sgds-border-width-2)}:host([thickness=thicker]){--border-width:var(--sgds-border-width-4)}`,$h=class extends L{constructor(...e){super(...e),this.orientation=`horizontal`,this.thickness=`thin`}static{this.styles=[Qh]}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`separator`),this.setAttribute(`aria-orientation`,this.orientation)}};I([N({type:String,reflect:!0})],$h.prototype,`orientation`,void 0),I([N({type:String,reflect:!0})],$h.prototype,`thickness`,void 0),M();var eg=class extends X{constructor(...e){super(...e),this.title=``,this.collapsed=!1,this.collapsible=!1,this.separator=!1}static{this.styles=[...L.styles,Zh]}static{this.dependencies={"sgds-icon":R,"sgds-divider":$h}}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`group`),this._childLevel=-1}updated(){super.updated(),this.title?this.setAttribute(`aria-label`,this.title):this.removeAttribute(`aria-label`)}_handleClick(){this.collapsible&&(this.collapsed=!this.collapsed,this._childElements.forEach(e=>{e._hidden=this.collapsed}))}_handleSlotChange(){super._handleSlotChange(),this._childElements.forEach(e=>{e._hidden=this.collapsed})}render(){return D`
+    `}};M();var Zh=l`.sidebar-section{display:flex;flex-direction:column}.sidebar-section-label{align-items:center;border-radius:var(--sgds-interactive-border-radius);color:var(--sgds-label-color-subtle);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-xs);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-2-xs);padding:var(--sgds-padding-xs) var(--sgds-padding-sm)}.sidebar-section-label--collapsible{cursor:pointer}.sidebar-section-label--collapsible:focus-visible,.sidebar-section-label--collapsible:hover{color:var(--sgds-label-color-default)}.sidebar-section-label--collapsible:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-section--collapsed .sidebar-section-label{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.sidebar-section-content{overflow:hidden;padding:0 var(--sgds-padding-xs)}.sidebar-section-content>div{margin-top:0;pointer-events:auto;transition:all var(--sgds-motion-duration-slow) var(--sgds-motion-easing-standard)}.sidebar-section-content.sidebar-section-content--collapsed>div{margin-top:-100%;pointer-events:none}.sidebar-section--collapsed .sidebar-section-content--collapsed>div{margin-top:0}.sidebar-section-separator{margin-bottom:var(--sgds-margin-md)}`;M();var Qh=l`:host{--container-size:8px}:host([orientation=horizontal]){display:block;width:100%}:host([orientation=vertical]){display:inline-block;height:100%}:host([thickness=thin]){--border-width:var(--sgds-border-width-1)}:host([thickness=thick]){--border-width:var(--sgds-border-width-2)}:host([thickness=thicker]){--border-width:var(--sgds-border-width-4)}:host([orientation=horizontal]) .divider{border-top:var(--border-width) solid var(--sgds-border-color-muted);margin:calc((var(--container-size) - var(--border-width))/2) 0}:host([orientation=vertical]) .divider{border-left:var(--border-width) solid var(--sgds-border-color-muted);height:100%;margin:0 calc((var(--container-size) - var(--border-width))/2)}`;M();var $h=class extends L{constructor(...e){super(...e),this.orientation=`horizontal`,this.thickness=`thin`}static{this.styles=[Qh]}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`separator`),this.setAttribute(`aria-orientation`,this.orientation)}render(){return D`<div class="divider"></div>`}};I([N({type:String,reflect:!0})],$h.prototype,`orientation`,void 0),I([N({type:String,reflect:!0})],$h.prototype,`thickness`,void 0),M();var eg=class extends X{constructor(...e){super(...e),this.title=``,this.collapsed=!1,this.collapsible=!1,this.separator=!1}static{this.styles=[...L.styles,Zh]}static{this.dependencies={"sgds-icon":R,"sgds-divider":$h}}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`group`),this._childLevel=-1}updated(){super.updated(),this.title?this.setAttribute(`aria-label`,this.title):this.removeAttribute(`aria-label`)}_handleClick(){this.collapsible&&(this.collapsed=!this.collapsed,this._childElements.forEach(e=>{e._hidden=this.collapsed}))}_handleSlotChange(){super._handleSlotChange(),this._childElements.forEach(e=>{e._hidden=this.collapsed})}render(){return D`
       <div
         class=${F({"sidebar-section":!0,"sidebar-section--collapsed":!this._isOverlay&&this._sidebarCollapsed})}
       >