@ganpatiinfo/gids-core-web 16.0.0 → 17.0.0

package/dist/gids-profile-menu.js

@@ -1 +1 @@
-import{G as o,d as p}from"./p-CcpdJCql.js";const s=o,r=p;export{s as GidsProfileMenu,r as defineCustomElement}
+import{G as s,d as o}from"./p-BAs2-lhK.js";const p=s,r=o;export{p as GidsProfileMenu,r as defineCustomElement}

package/dist/gids-profile.js

@@ -1 +1 @@
-import{t as e,p as o,H as r,h as i,d as a}from"./p-Bf3p-DY2.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as n,G as s}from"./p-oJFgjzK5.js";import{G as d}from"./p-CXFvqDBs.js";import{G as p}from"./p-D4Pimu_8.js";import{d as g}from"./p-CcpdJCql.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:f}=t,{getProfileHeaderMenuAvatarText:h}=l,u=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.onProfileControlPress=e=>{if(this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{this.isMenuExpanded=!1,this.onPressProfileMenuItem&&this.onPressProfileMenuItem({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),r=window.innerWidth,i=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=i-o.bottom-8,l=o.top-4,n=a.height>t&&l>t,s=n?l:t;e.style.maxHeight=a.height>s?s+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>r-4&&(p=r-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=n?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??h({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,r=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,n=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",h=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),V=this?.profileControlLeadingIconSize??"sm",A=this?.profileControlTrailingIconSize??"sm",T=this?.profileControlLeadingIconAppearance??"filled",S=this?.profileControlTrailingIconAppearance??"filled",P=c({profileControlAppearance:e,profileControlBorderRadius:n,profileControlShadow:g,expanded:w&&I}),D=o?.size??"sm",{titleClasses:B,supportingTextClasses:z}=f({profileControlAppearance:e});let M=o?.color??"brand";return"brand"===e&&(M=o?.color??"default"),i(a,{key:"e3b93542314bfff5a8f7c901b83fb66aa6339df5",class:P,onClick:this.onProfileControlPress,"menu-expanded":w},h?i(p,{name:h,size:V,appearance:T}):void 0,i("div",{key:"4d9c9cb57ead65b8f9df399f1aca1588d34d9746",class:"gids-profile__main-container"},t?i(s,{appearance:o?.appearance??"text",color:M,size:D,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?i(d,{appearance:r?.appearance??"information",type:r?.type,count:r?.count,outline:r?.outline}):void 0}):void 0,i("div",{key:"0f77df6a414da0a0c4322aff50790354ff43d0a0",class:"gids-profile__content-container"},i("span",{key:"a5b101bb070f00b90615e5589f31db479d0c9dc2",class:B},v),i("p",{key:"d55873ea2defcd4d456a513daecc8e3e907984fe",class:z},b))),u?i(p,{name:u,size:A,appearance:S}):void 0,I&&w?i("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},i("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onHeaderAvatarPress,onHeaderTitlePress:this.onHeaderTitlePress,onHeaderSupportingTextPress:this.onHeaderSupportingTextPress,onProfileMenuItemPress:this.onPressProfileMenuItem})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}.gids-profile--expanded .gids-profile__chevron{transform:rotate(180deg)}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||n()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}
+import{t as e,p as o,H as i,h as r,d as a}from"./p-Bf3p-DY2.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as s,G as n}from"./p-oJFgjzK5.js";import{G as d}from"./p-CXFvqDBs.js";import{G as p}from"./p-D4Pimu_8.js";import{d as g}from"./p-BAs2-lhK.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:h}=t,{getProfileHeaderMenuAvatarText:f}=l,u=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.selectedProfileMenuItemId=void 0,this.onProfileControlPress=e=>{if(e&&e.stopPropagation(),this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{e?.originalEvent&&(e.originalEvent?.stopPropagation(),e.originalEvent?.preventDefault()),this.isMenuExpanded=!1,this.selectedProfileMenuItemId=e.id,this.onProfileMenuItemPress&&this.onProfileMenuItemPress({...e})},this.onPressHeaderAvatar=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderTitle=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderSupportingText=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),i=window.innerWidth,r=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=r-o.bottom-8,l=o.top-4,s=a.height>t&&l>t,n=s?l:t;e.style.maxHeight=a.height>n?n+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>i-4&&(p=i-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=s?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??f({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,i=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,s=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",f=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),A=this.selectedProfileMenuItemId,V=this?.profileControlLeadingIconSize??"sm",T=this?.profileControlTrailingIconSize??"sm",S=this?.profileControlLeadingIconAppearance??"filled",P=this?.profileControlTrailingIconAppearance??"filled",D=c({profileControlAppearance:e,profileControlBorderRadius:s,profileControlShadow:g,expanded:w&&I}),B=o?.size??"sm",{titleClasses:z,supportingTextClasses:M}=h({profileControlAppearance:e});let j=o?.color??"brand";return"brand"===e&&(j=o?.color??"default"),r(a,{key:"45b84a12b6b66d6a0d2ce45bfa2fb3ede2f758aa",class:D,onClick:this.onProfileControlPress,"menu-expanded":w},f?r(p,{name:f,size:V,appearance:S}):void 0,r("div",{key:"2eb131b7efc5ecda1fc407e04cdee8aba4176771",class:"gids-profile__main-container"},t?r(n,{appearance:o?.appearance??"text",color:j,size:B,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?r(d,{appearance:i?.appearance??"information",type:i?.type,count:i?.count,outline:i?.outline}):void 0}):void 0,r("div",{key:"ae4cb682230b5a2e227cdb23c45c9159535638e1",class:"gids-profile__content-container"},r("span",{key:"81fa38851c46526b7e714dabbe7bdabd9735ee8e",class:z},v),r("p",{key:"47a5f275b796bdaab1e8b2d437e61698d65a2fab",class:M},b))),u?r(p,{name:u,size:T,appearance:P}):void 0,I&&w?r("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},r("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onPressHeaderAvatar,onHeaderTitlePress:this.onPressHeaderTitle,onHeaderSupportingTextPress:this.onPressHeaderSupportingText,onProfileMenuItemPress:this.onPressProfileMenuItem,selectedProfileMenuItemId:A})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}.gids-profile--expanded .gids-profile__chevron{transform:rotate(180deg)}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32],selectedProfileMenuItemId:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||s()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}

package/dist/p-BAs2-lhK.js

@@ -0,0 +1 @@
+import{t as e,p as i,H as t,h as s,d}from"./p-Bf3p-DY2.js";import{GidsProfileMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{a as r,b as o}from"./p-BrYLEey4.js";import{G as a,a as h}from"./p-Bs8TP3Rb.js";import{d as l}from"./p-oJFgjzK5.js";const{getGidsProfileMenuClassNames:m}=n,c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerVisible=!1,this.listSectionDividerVisible=!1,this.headerDividerVisible=!0,this.profileMenuItems=[],this.selectedProfileMenuItem=void 0,this.onListItemPress=({event:e,sectionIndex:i,itemIndex:t,item:s})=>{const d={...s,sectionIndex:i,itemIndex:t};this.onProfileMenuItemPress&&!this.isItemAlreadySelected(d)&&this.onProfileMenuItemPress({originalEvent:e,id:s.id,sectionIndex:i,itemIndex:t,leadingLabel:s?.leadingLabel,leadingSupport:s?.leadingSupport,trailingLabel:s?.trailingLabel,trailingSupport:s?.trailingSupport}),this.profileMenuItemSelection(d)},this.defaultSelectedProfileMenuItem=()=>{const e=this?.profileMenuItems??[],i=this?.selectedProfileMenuItemId??void 0;e.length>0&&i&&e.map(((e,t)=>{const s=e?.items??[],d=s.findIndex((e=>e?.id===i));if(null!=d&&-1!==d){const e=s[d];e&&(this.selectedProfileMenuItem={...e,id:e.id,sectionIndex:t,itemIndex:d})}}))},this.profileMenuItemSelection=e=>{e?.id&&(this.isItemAlreadySelected(e)||(this.selectedProfileMenuItem=e))},this.isItemAlreadySelected=e=>e.id===this?.selectedProfileMenuItem?.id&&e?.sectionIndex===this?.selectedProfileMenuItem?.sectionIndex&&e?.itemIndex===this?.selectedProfileMenuItem?.itemIndex,this.isThisItemSelected=e=>e?.id===this?.selectedProfileMenuItem?.id&&e?.sectionIndex===this?.selectedProfileMenuItem?.sectionIndex&&e?.itemIndex===this?.selectedProfileMenuItem?.itemIndex,this.hasHeaderItem=()=>{const e=this?.headerItem,i=this?.headerVisible;return!(!i||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasProfileMenuItems=()=>{const e=this?.profileMenuItems??[];return!!(e.length>0&&e[0]?.items&&e[0].items.length>0||this.hasHeaderItem())}}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}selectedProfileMenuItemIdChanged(e){this.selectedProfileMenuItemId=e}profileMenuItemsChanged(e){this.profileMenuItems=e,this.defaultSelectedProfileMenuItem()}connectedCallback(){}componentDidLoad(){this.defaultSelectedProfileMenuItem()}render(){const e=this?.headerItem,i=this?.headerVisible,t=this?.headerDividerVisible,n=this?.listSectionDividerVisible,l=this?.profileMenuItems??[],c=m();return s(d,{key:"fec444e1cba6478290b950ff0faae84ce0944e23",class:c},s(a,{key:"33a803ebe9285016b9bbd679dab827272ab46458",type:this.hasProfileMenuItems()?"default":"no-options"},i?s("div",{class:"gids-profile-menu__header-container"},s("gids-profile-menu-header",{...e,onHeaderAvatarPress:this.onHeaderAvatarPress,onHeaderTitlePress:this.onHeaderTitlePress,onHeaderSupportingTextPress:this.onHeaderSupportingTextPress})):void 0,t&&this.hasHeaderItem()?s("div",{class:"gids-profile-menu__header-divider-container"},s(r,null)):void 0,l.map(((e,i)=>s(h,{key:`${i+1}`,sectionLabel:e?.sectionLabel??""},(e?.items??[]).map(((e,t)=>{const d=this.isThisItemSelected({...e,sectionIndex:i,itemIndex:t});return console.log("_thisItemSelected",d),s(o,{...e,key:`${t+1}`,id:e.id,index:t,onPressListItem:s=>this.onListItemPress({event:s,sectionIndex:i,itemIndex:t,item:e}),selected:d},e?.leadingLabel)})),i<l.length-1&&n?s(r,null):void 0)))))}get hostElement(){return this}static get watchers(){return{headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],selectedProfileMenuItemId:[{selectedProfileMenuItemIdChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile-menu .gids-divider{width:100%}.gids-profile-menu__header-divider-container{width:100%;padding-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-profile-menu__header-container{display:flex;width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) 0px}"}},[0,"gids-profile-menu",{headerItem:[16],selectedProfileMenuItemId:[1,"selected-profile-menu-item-id"],headerVisible:[4,"header-visible"],listSectionDividerVisible:[4,"list-section-divider-visible"],headerDividerVisible:[4,"header-divider-visible"],profileMenuItems:[16],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],selectedProfileMenuItem:[32]},void 0,{headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],selectedProfileMenuItemId:[{selectedProfileMenuItemIdChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["gids-profile-menu","gids-profile-menu-header"].forEach((i=>{switch(i){case"gids-profile-menu":customElements.get(e(i))||customElements.define(e(i),c);break;case"gids-profile-menu-header":customElements.get(e(i))||l()}}))}p();export{c as G,p as d}

package/dist/types/components/webComponents/GidsProfile/GidsProfile.d.ts

@@ -33,6 +33,7 @@ export declare class GidsProfile implements GidsProfileBaseWebProps {
     onProfileMenuItemPress?: (event: GidsProfileMenuItemEvent<GidsProfilePressCustomEvents>) => void;
     onPressProfileControl?: (event: GidsProfileControlEvent<GidsProfilePressCustomEvents>) => void;
     isMenuExpanded?: boolean;
+    selectedProfileMenuItemId?: string;
     protected idChanged(next: string): void;
     protected profileControlAppearanceChanged(next: GidsProfileAppearance): void;
     protected profileControlAvatarPropsChanged(next: GidsProfileControlAvatarProps<string>): void;
@@ -56,6 +57,9 @@ export declare class GidsProfile implements GidsProfileBaseWebProps {
     disconnectedCallback(): void;
     private onProfileControlPress;
     private onPressProfileMenuItem;
+    private onPressHeaderAvatar;
+    private onPressHeaderTitle;
+    private onPressHeaderSupportingText;
     private positionProfileMenu;
     private getProfileControlAvatarText;
     private hasHeaderItem;

package/dist/types/components/webComponents/GidsProfileMenu/GidsProfileMenu.d.ts

@@ -5,6 +5,7 @@ export type GidsProfileMenuBaseWebProps = GidsProfileMenuWebProps<GidsProfileMen
 export declare class GidsProfileMenu implements GidsProfileMenuBaseWebProps {
     private hostElement;
     headerItem?: GidsProfileMenuHeaderItem<GidsProfileMenuPressCustomEvents, string>;
+    selectedProfileMenuItemId?: string;
     headerVisible?: boolean;
     listSectionDividerVisible?: boolean;
     headerDividerVisible?: boolean;
@@ -16,9 +17,12 @@ export declare class GidsProfileMenu implements GidsProfileMenuBaseWebProps {
     selectedProfileMenuItem?: GidsProfileMenuItemEventDetails;
     protected headerItemChanged(next: GidsProfileMenuHeaderItem<GidsProfileMenuPressCustomEvents, string>): void;
     protected headerVisibleChanged(next: boolean): void;
+    protected selectedProfileMenuItemIdChanged(next: string): void;
     protected profileMenuItemsChanged(next: GidsProfileMenuGroupedItem[]): void;
     connectedCallback(): void;
+    componentDidLoad(): void;
     private onListItemPress;
+    private defaultSelectedProfileMenuItem;
     private profileMenuItemSelection;
     private isItemAlreadySelected;
     private isThisItemSelected;

package/dist/types/components.d.ts

@@ -1041,6 +1041,7 @@ export namespace Components {
           * @default []
          */
         "profileMenuItems"?: GidsProfileMenuGroupedItem[];
+        "selectedProfileMenuItemId"?: string;
     }
     interface GidsProfileMenuHeader {
         /**
@@ -2716,6 +2717,7 @@ declare namespace LocalJSX {
           * @default []
          */
         "profileMenuItems"?: GidsProfileMenuGroupedItem[];
+        "selectedProfileMenuItemId"?: string;
     }
     interface GidsProfileMenuHeader {
         /**
@@ -3309,6 +3311,7 @@ declare namespace LocalJSX {
         "listSectionDividerVisible": boolean;
     }
     interface GidsProfileMenuAttributes {
+        "selectedProfileMenuItemId": string;
         "headerVisible": boolean;
         "listSectionDividerVisible": boolean;
         "headerDividerVisible": boolean;

package/dist-bundled/es/gids-profile-menu.js

@@ -1,6 +1,6 @@
-import { p as e, c as o } from "./p-CcpdJCql-CkEW2RAp.js";
-const r = e, t = o;
+import { c as e, p as o } from "./p-BAs2-lhK-31X-j6-3.js";
+const p = e, r = o;
 export {
-  r as GidsProfileMenu,
-  t as defineCustomElement
+  p as GidsProfileMenu,
+  r as defineCustomElement
 };

package/dist-bundled/es/gids-profile.js

@@ -1,10 +1,10 @@
-import { L as z, u as B, D as r, P as L, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { m as H, l as R, u as $ } from "./p-oJFgjzK5-CzagP1qD.js";
-import { p as j } from "./p-CXFvqDBs-offadaUn.js";
+import { L as z, u as B, D as o, P as L, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { m as R, l as j, u as $ } from "./p-oJFgjzK5-CzagP1qD.js";
+import { p as G } from "./p-CXFvqDBs-offadaUn.js";
 import { d as b } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { c as G } from "./p-CcpdJCql-CkEW2RAp.js";
-import { c as q } from "./clsx-OuTLNxxd.js";
-const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: o, expanded: a }, l) => q("gids-profile", {
+import { p as q } from "./p-BAs2-lhK-31X-j6-3.js";
+import { c as N } from "./clsx-OuTLNxxd.js";
+const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: r, expanded: a }, l) => N("gids-profile", {
   // Appearances
   // 'gids-profile--appearance-default': profileControlAppearance === 'default', // By default so not needed
   "gids-profile--appearance-brand": e === "brand",
@@ -21,12 +21,12 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
   "gids-profile--border-radius-full": i === "full",
   // Shadows
   // 'gids-profile--shadow-none': profileControlShadow === 'none', // By default so not needed
-  "gids-profile--shadow-overflow": o === "overflow",
-  "gids-profile--shadow-overlay": o === "overlay",
-  "gids-profile--shadow-raised": o === "raised",
+  "gids-profile--shadow-overflow": r === "overflow",
+  "gids-profile--shadow-overlay": r === "overlay",
+  "gids-profile--shadow-raised": r === "raised",
   // Expansion
   "gids-profile--expanded": a
-}, l), O = ({ profileControlAppearance: e }) => {
+}, l), F = ({ profileControlAppearance: e }) => {
   switch (e) {
     case "brand":
       return {
@@ -64,32 +64,38 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
         supportingTextClasses: "gids-profile__supporting-text-typography gids-profile__supporting-text-default"
       };
   }
-}, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsProfileClassNames: N,
-  getGidsProfileTextClassNames: O
-}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: W, getGidsProfileTextClassNames: J } = F, { getProfileHeaderMenuAvatarText: K } = R, C = z(class extends B {
+  getGidsProfileClassNames: O,
+  getGidsProfileTextClassNames: F
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: J, getGidsProfileTextClassNames: K } = W, { getProfileHeaderMenuAvatarText: Q } = j, C = z(class extends B {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.profileControlAppearance = "default", this.profileControlAvatarVisible = !0, this.profileControlAvatarBadgeVisible = !0, this.profileControlBorderRadius = "none", this.profileControlShadow = "none", this.profileControlLeadingIconSize = "sm", this.profileControlTrailingIconSize = "sm", this.profileControlLeadingIconAppearance = "filled", this.profileControlTrailingIconAppearance = "filled", this.profileMenuItems = [], this.headerDividerVisible = !1, this.headerVisible = !1, this.listSectionDividerVisible = !1, this.isMenuExpanded = !1, this.onProfileControlPress = (i) => {
-      if (this.hasMenu()) {
-        const o = !this.isMenuExpanded;
-        this.isMenuExpanded = o, this.onPressProfileControl && this.onPressProfileControl({ originalEvent: i, id: this.id, menuId: this?.menuId, expanded: o, profileControlTitle: this?.profileControlTitle, profileControlSupportingText: this?.profileControlSupportingText });
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.profileControlAppearance = "default", this.profileControlAvatarVisible = !0, this.profileControlAvatarBadgeVisible = !0, this.profileControlBorderRadius = "none", this.profileControlShadow = "none", this.profileControlLeadingIconSize = "sm", this.profileControlTrailingIconSize = "sm", this.profileControlLeadingIconAppearance = "filled", this.profileControlTrailingIconAppearance = "filled", this.profileMenuItems = [], this.headerDividerVisible = !1, this.headerVisible = !1, this.listSectionDividerVisible = !1, this.isMenuExpanded = !1, this.selectedProfileMenuItemId = void 0, this.onProfileControlPress = (i) => {
+      if (i && i.stopPropagation(), this.hasMenu()) {
+        const r = !this.isMenuExpanded;
+        this.isMenuExpanded = r, this.onPressProfileControl && this.onPressProfileControl({ originalEvent: i, id: this.id, menuId: this?.menuId, expanded: r, profileControlTitle: this?.profileControlTitle, profileControlSupportingText: this?.profileControlSupportingText });
       }
     }, this.onPressProfileMenuItem = (i) => {
-      this.isMenuExpanded = !1, this.onPressProfileMenuItem && this.onPressProfileMenuItem({ ...i });
+      i?.originalEvent && (i.originalEvent?.stopPropagation(), i.originalEvent?.preventDefault()), this.isMenuExpanded = !1, this.selectedProfileMenuItemId = i.id, this.onProfileMenuItemPress && this.onProfileMenuItemPress({ ...i });
+    }, this.onPressHeaderAvatar = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
+    }, this.onPressHeaderTitle = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
+    }, this.onPressHeaderSupportingText = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
     }, this.positionProfileMenu = () => {
       const i = this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");
       if (!i) return;
-      const o = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
+      const r = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
       i.style.maxHeight = "none";
-      const g = i.getBoundingClientRect(), s = l - o.bottom - 8, n = o.top - 4, d = g.height > s && n > s, f = d ? n : s;
+      const g = i.getBoundingClientRect(), s = l - r.bottom - 8, n = r.top - 4, d = g.height > s && n > s, f = d ? n : s;
       i.style.maxHeight = g.height > f ? f + "px" : "none";
       const p = i.getBoundingClientRect();
-      let t = o.left;
-      t + p.width > a - 4 && (t = a - p.width - 4), t < 4 && (t = 4), i.style.left = t - o.left + "px", i.style.top = d ? -p.height - 4 + "px" : o.height + 4 + "px";
+      let t = r.left;
+      t + p.width > a - 4 && (t = a - p.width - 4), t < 4 && (t = 4), i.style.left = t - r.left + "px", i.style.top = d ? -p.height - 4 + "px" : r.height + 4 + "px";
     }, this.getProfileControlAvatarText = () => {
-      const i = this?.profileControlAvatarProps, o = this?.profileControlTitle;
-      return i?.text ?? K({ headerTitle: o });
+      const i = this?.profileControlAvatarProps, r = this?.profileControlTitle;
+      return i?.text ?? Q({ headerTitle: r });
     }, this.hasHeaderItem = () => {
       const i = this?.headerItem;
       return !(!this?.headerVisible || !(i?.avatarVisible || i?.avatarProps && Object.keys(i).length > 0 || i?.headerSupportingText || i?.headerTitle));
@@ -163,9 +169,9 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
     document.removeEventListener("click", this.handleDocumentClick);
   }
   render() {
-    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, o = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, f = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, w = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", P = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", A = W({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: M, supportingTextClasses: D } = J({ profileControlAppearance: e });
+    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, r = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, f = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, P = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), w = this.selectedProfileMenuItemId, k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", A = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", M = J({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: E, supportingTextClasses: D } = K({ profileControlAppearance: e });
     let v = i?.color ?? "brand";
-    return e === "brand" && (v = i?.color ?? "default"), r(L, { key: "e3b93542314bfff5a8f7c901b83fb66aa6339df5", class: A, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? r(b, { name: n, size: k, appearance: P }) : void 0, r("div", { key: "4d9c9cb57ead65b8f9df399f1aca1588d34d9746", class: "gids-profile__main-container" }, a ? r(H, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? r(j, { appearance: o?.appearance ?? "information", type: o?.type, count: o?.count, outline: o?.outline }) : void 0 }) : void 0, r("div", { key: "0f77df6a414da0a0c4322aff50790354ff43d0a0", class: "gids-profile__content-container" }, r("span", { key: "a5b101bb070f00b90615e5589f31db479d0c9dc2", class: M }, f), r("p", { key: "d55873ea2defcd4d456a513daecc8e3e907984fe", class: D }, p))), d ? r(b, { name: d, size: T, appearance: V }) : void 0, u && h ? r("div", { class: "gids-profile__dropdown-menu-container", id: w, role: "profilePickerbox", onClick: (E) => E.stopPropagation() }, r("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress, onProfileMenuItemPress: this.onPressProfileMenuItem })) : void 0);
+    return e === "brand" && (v = i?.color ?? "default"), o(L, { key: "45b84a12b6b66d6a0d2ce45bfa2fb3ede2f758aa", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "2eb131b7efc5ecda1fc407e04cdee8aba4176771", class: "gids-profile__main-container" }, a ? o(R, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? o(G, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "ae4cb682230b5a2e227cdb23c45c9159535638e1", class: "gids-profile__content-container" }, o("span", { key: "81fa38851c46526b7e714dabbe7bdabd9735ee8e", class: E }, f), o("p", { key: "47a5f275b796bdaab1e8b2d437e61698d65a2fab", class: D }, p))), d ? o(b, { name: d, size: T, appearance: V }) : void 0, u && h ? o("div", { class: "gids-profile__dropdown-menu-container", id: P, role: "profilePickerbox", onClick: (H) => H.stopPropagation() }, o("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onPressHeaderAvatar, onHeaderTitlePress: this.onPressHeaderTitle, onHeaderSupportingTextPress: this.onPressHeaderSupportingText, onProfileMenuItemPress: this.onPressProfileMenuItem, selectedProfileMenuItemId: w })) : void 0);
   }
   get hostElement() {
     return this;
@@ -176,7 +182,7 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
   static get style() {
     return ".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}.gids-profile--expanded .gids-profile__chevron{transform:rotate(180deg)}";
   }
-}, [0, "gids-profile", { id: [1], menuId: [1, "menu-id"], expanded: [4], profileControlAppearance: [1, "profile-control-appearance"], profileControlAvatarProps: [16], profileControlAvatarVisible: [4, "profile-control-avatar-visible"], profileControlAvatarBadgeVisible: [4, "profile-control-avatar-badge-visible"], profileControlBorderRadius: [1, "profile-control-border-radius"], profileControlShadow: [1, "profile-control-shadow"], profileControlLeadingIcon: [1, "profile-control-leading-icon"], profileControlTrailingIcon: [1, "profile-control-trailing-icon"], profileControlLeadingIconSize: [1, "profile-control-leading-icon-size"], profileControlTrailingIconSize: [1, "profile-control-trailing-icon-size"], profileControlLeadingIconAppearance: [1, "profile-control-leading-icon-appearance"], profileControlTrailingIconAppearance: [1, "profile-control-trailing-icon-appearance"], profileControlTitle: [1, "profile-control-title"], profileControlSupportingText: [1, "profile-control-supporting-text"], profileMenuItems: [16], headerDividerVisible: [4, "header-divider-visible"], headerVisible: [4, "header-visible"], headerItem: [16], listSectionDividerVisible: [4, "list-section-divider-visible"], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], onPressProfileControl: [16], isMenuExpanded: [32] }, void 0, { id: [{ idChanged: 0 }], profileControlAppearance: [{ profileControlAppearanceChanged: 0 }], profileControlAvatarProps: [{ profileControlAvatarPropsChanged: 0 }], expanded: [{ expansionChanged: 0 }], profileControlAvatarVisible: [{ profileControlAvatarVisibleChanged: 0 }], profileControlAvatarBadgeVisible: [{ profileControlAvatarBadgeVisibleChanged: 0 }], profileControlBorderRadius: [{ profileControlBorderRadiusChanged: 0 }], profileControlShadow: [{ profileControlShadowChanged: 0 }], listSectionDividerVisible: [{ listSectionDividerVisibleChanged: 0 }], profileControlLeadingIcon: [{ profileControlLeadingIconChanged: 0 }], profileControlTrailingIcon: [{ profileControlTrailingIconChanged: 0 }], profileControlTitle: [{ profileControlTitleChanged: 0 }], profileControlSupportingText: [{ profileControlSupportingTextChanged: 0 }], headerDividerVisible: [{ headerDividerVisibleChanged: 0 }], headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
+}, [0, "gids-profile", { id: [1], menuId: [1, "menu-id"], expanded: [4], profileControlAppearance: [1, "profile-control-appearance"], profileControlAvatarProps: [16], profileControlAvatarVisible: [4, "profile-control-avatar-visible"], profileControlAvatarBadgeVisible: [4, "profile-control-avatar-badge-visible"], profileControlBorderRadius: [1, "profile-control-border-radius"], profileControlShadow: [1, "profile-control-shadow"], profileControlLeadingIcon: [1, "profile-control-leading-icon"], profileControlTrailingIcon: [1, "profile-control-trailing-icon"], profileControlLeadingIconSize: [1, "profile-control-leading-icon-size"], profileControlTrailingIconSize: [1, "profile-control-trailing-icon-size"], profileControlLeadingIconAppearance: [1, "profile-control-leading-icon-appearance"], profileControlTrailingIconAppearance: [1, "profile-control-trailing-icon-appearance"], profileControlTitle: [1, "profile-control-title"], profileControlSupportingText: [1, "profile-control-supporting-text"], profileMenuItems: [16], headerDividerVisible: [4, "header-divider-visible"], headerVisible: [4, "header-visible"], headerItem: [16], listSectionDividerVisible: [4, "list-section-divider-visible"], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], onPressProfileControl: [16], isMenuExpanded: [32], selectedProfileMenuItemId: [32] }, void 0, { id: [{ idChanged: 0 }], profileControlAppearance: [{ profileControlAppearanceChanged: 0 }], profileControlAvatarProps: [{ profileControlAvatarPropsChanged: 0 }], expanded: [{ expansionChanged: 0 }], profileControlAvatarVisible: [{ profileControlAvatarVisibleChanged: 0 }], profileControlAvatarBadgeVisible: [{ profileControlAvatarBadgeVisibleChanged: 0 }], profileControlBorderRadius: [{ profileControlBorderRadiusChanged: 0 }], profileControlShadow: [{ profileControlShadowChanged: 0 }], listSectionDividerVisible: [{ listSectionDividerVisibleChanged: 0 }], profileControlLeadingIcon: [{ profileControlLeadingIconChanged: 0 }], profileControlTrailingIcon: [{ profileControlTrailingIconChanged: 0 }], profileControlTitle: [{ profileControlTitleChanged: 0 }], profileControlSupportingText: [{ profileControlSupportingTextChanged: 0 }], headerDividerVisible: [{ headerDividerVisibleChanged: 0 }], headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-profile", "gids-profile-menu", "gids-profile-menu-header"].forEach(((e) => {
     switch (e) {
@@ -184,7 +190,7 @@ function m() {
         customElements.get(c(e)) || customElements.define(c(e), C);
         break;
       case "gids-profile-menu":
-        customElements.get(c(e)) || G();
+        customElements.get(c(e)) || q();
         break;
       case "gids-profile-menu-header":
         customElements.get(c(e)) || $();
@@ -192,8 +198,8 @@ function m() {
   }));
 }
 m();
-const ie = C, oe = m;
+const re = C, oe = m;
 export {
-  ie as GidsProfile,
+  re as GidsProfile,
   oe as defineCustomElement
 };

package/dist-bundled/es/p-BAs2-lhK-31X-j6-3.js

@@ -0,0 +1,82 @@
+import { q as h, L as f, u as p, D as d, P as g } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { b as u, v as P } from "./p-BrYLEey4-DuajY4uD.js";
+import { i as b, a as M } from "./p-Bs8TP3Rb-BdcS7d5q.js";
+import { u as v } from "./p-oJFgjzK5-CzagP1qD.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsProfileMenuClassNames: S
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileMenuClassNames: C } = V, _ = f(class extends p {
+  constructor(i) {
+    super(), i !== !1 && this.__registerHost(), this.headerVisible = !1, this.listSectionDividerVisible = !1, this.headerDividerVisible = !0, this.profileMenuItems = [], this.selectedProfileMenuItem = void 0, this.onListItemPress = ({ event: e, sectionIndex: n, itemIndex: o, item: t }) => {
+      const r = { ...t, sectionIndex: n, itemIndex: o };
+      this.onProfileMenuItemPress && !this.isItemAlreadySelected(r) && this.onProfileMenuItemPress({ originalEvent: e, id: t.id, sectionIndex: n, itemIndex: o, leadingLabel: t?.leadingLabel, leadingSupport: t?.leadingSupport, trailingLabel: t?.trailingLabel, trailingSupport: t?.trailingSupport }), this.profileMenuItemSelection(r);
+    }, this.defaultSelectedProfileMenuItem = () => {
+      const e = this?.profileMenuItems ?? [], n = this?.selectedProfileMenuItemId ?? void 0;
+      e.length > 0 && n && e.map(((o, t) => {
+        const r = o?.items ?? [], l = r.findIndex(((s) => s?.id === n));
+        if (l != null && l !== -1) {
+          const s = r[l];
+          s && (this.selectedProfileMenuItem = { ...s, id: s.id, sectionIndex: t, itemIndex: l });
+        }
+      }));
+    }, this.profileMenuItemSelection = (e) => {
+      e?.id && (this.isItemAlreadySelected(e) || (this.selectedProfileMenuItem = e));
+    }, this.isItemAlreadySelected = (e) => e.id === this?.selectedProfileMenuItem?.id && e?.sectionIndex === this?.selectedProfileMenuItem?.sectionIndex && e?.itemIndex === this?.selectedProfileMenuItem?.itemIndex, this.isThisItemSelected = (e) => e?.id === this?.selectedProfileMenuItem?.id && e?.sectionIndex === this?.selectedProfileMenuItem?.sectionIndex && e?.itemIndex === this?.selectedProfileMenuItem?.itemIndex, this.hasHeaderItem = () => {
+      const e = this?.headerItem;
+      return !(!this?.headerVisible || !(e?.avatarVisible || e?.avatarProps && Object.keys(e).length > 0 || e?.headerSupportingText || e?.headerTitle));
+    }, this.hasProfileMenuItems = () => {
+      const e = this?.profileMenuItems ?? [];
+      return !!(e.length > 0 && e[0]?.items && e[0].items.length > 0 || this.hasHeaderItem());
+    };
+  }
+  headerItemChanged(i) {
+    this.headerItem = i;
+  }
+  headerVisibleChanged(i) {
+    this.headerVisible = i;
+  }
+  selectedProfileMenuItemIdChanged(i) {
+    this.selectedProfileMenuItemId = i;
+  }
+  profileMenuItemsChanged(i) {
+    this.profileMenuItems = i, this.defaultSelectedProfileMenuItem();
+  }
+  connectedCallback() {
+  }
+  componentDidLoad() {
+    this.defaultSelectedProfileMenuItem();
+  }
+  render() {
+    const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r = C();
+    return d(g, { key: "fec444e1cba6478290b950ff0faae84ce0944e23", class: r }, d(b, { key: "33a803ebe9285016b9bbd679dab827272ab46458", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(M, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
+      const c = this.isThisItemSelected({ ...a, sectionIndex: s, itemIndex: m });
+      return console.log("_thisItemSelected", c), d(P, { ...a, key: `${m + 1}`, id: a.id, index: m, onPressListItem: (I) => this.onListItemPress({ event: I, sectionIndex: s, itemIndex: m, item: a }), selected: c }, a?.leadingLabel);
+    })), s < t.length - 1 && o ? d(u, null) : void 0)))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], selectedProfileMenuItemId: [{ selectedProfileMenuItemIdChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-profile-menu .gids-divider{width:100%}.gids-profile-menu__header-divider-container{width:100%;padding-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-profile-menu__header-container{display:flex;width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) 0px}";
+  }
+}, [0, "gids-profile-menu", { headerItem: [16], selectedProfileMenuItemId: [1, "selected-profile-menu-item-id"], headerVisible: [4, "header-visible"], listSectionDividerVisible: [4, "list-section-divider-visible"], headerDividerVisible: [4, "header-divider-visible"], profileMenuItems: [16], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], selectedProfileMenuItem: [32] }, void 0, { headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], selectedProfileMenuItemId: [{ selectedProfileMenuItemIdChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
+function y() {
+  typeof customElements < "u" && ["gids-profile-menu", "gids-profile-menu-header"].forEach(((i) => {
+    switch (i) {
+      case "gids-profile-menu":
+        customElements.get(h(i)) || customElements.define(h(i), _);
+        break;
+      case "gids-profile-menu-header":
+        customElements.get(h(i)) || v();
+    }
+  }));
+}
+y();
+export {
+  _ as c,
+  y as p
+};