@ganpatiinfo/gids-core-web 15.1.0 → 16.0.0

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.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)}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:"85fa0d6019bca66467f13934cea3e3489d88a525",class:P,onClick:this.onProfileControlPress,"menu-expanded":w},h?i(p,{name:h,size:V,appearance:T}):void 0,i("div",{key:"ca845ea3a03be7bef13c3c4a986d0f27b24050c6",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:"49687e67887bee18fe171feaa0bac2da0dfd1521",class:"gids-profile__content-container"},i("span",{key:"10c3113b52097edce2a91b39ccfd2ede5a84ef95",class:B},v),i("p",{key:"2d6ac291a72be034a7c460888e5ee8785acd097d",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;inset-inline: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;max-height:20rem;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 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}

package/dist/gids-progress-circle.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsProgressCircle extends Components.GidsProgressCircle, HTMLElement {}
 export const GidsProgressCircle: {

package/dist/gids-scrim.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsScrim extends Components.GidsScrim, HTMLElement {}
 export const GidsScrim: {

package/dist/gids-skeleton.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsSkeleton extends Components.GidsSkeleton, HTMLElement {}
 export const GidsSkeleton: {

package/dist/gids-snackbar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsSnackbar extends Components.GidsSnackbar, HTMLElement {}
 export const GidsSnackbar: {

package/dist/gids-tab-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsTabItem extends Components.GidsTabItem, HTMLElement {}
 export const GidsTabItem: {

package/dist/gids-tab.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsTab extends Components.GidsTab, HTMLElement {}
 export const GidsTab: {

package/dist/gids-text-field.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsTextField extends Components.GidsTextField, HTMLElement {}
 export const GidsTextField: {

package/dist/gids-toggle-button.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsToggleButton extends Components.GidsToggleButton, HTMLElement {}
 export const GidsToggleButton: {

package/dist/gids-tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsTooltip extends Components.GidsTooltip, HTMLElement {}
 export const GidsTooltip: {

package/dist/gids-transfer-list.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "./types/components";
+import type { Components, JSX } from "../dist-dev/types/components";
 
 interface GidsTransferList extends Components.GidsTransferList, HTMLElement {}
 export const GidsTransferList: {

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

@@ -52,9 +52,11 @@ export declare class GidsProfile implements GidsProfileBaseWebProps {
     protected profileMenuItemsChanged(next: GidsProfileMenuGroupedItem[]): void;
     connectedCallback(): void;
     componentDidLoad(): void;
+    componentDidRender(): void;
     disconnectedCallback(): void;
     private onProfileControlPress;
     private onPressProfileMenuItem;
+    private positionProfileMenu;
     private getProfileControlAvatarText;
     private hasHeaderItem;
     private hasMenu;

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

@@ -1,10 +1,10 @@
-import { L as z, u as L, D as o, P as B, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+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 { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { d as b } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as G } from "./p-CcpdJCql-CkEW2RAp.js";
-import { c as N } from "./clsx-OuTLNxxd.js";
-const O = ({ profileControlAppearance: e, profileControlBorderRadius: r, profileControlShadow: i, expanded: t }, l) => N("gids-profile", {
+import { c as q } from "./clsx-OuTLNxxd.js";
+const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: o, expanded: a }, l) => q("gids-profile", {
   // Appearances
   // 'gids-profile--appearance-default': profileControlAppearance === 'default', // By default so not needed
   "gids-profile--appearance-brand": e === "brand",
@@ -15,18 +15,18 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: r, profile
   "gids-profile--appearance-warning": e === "warning",
   // Border Radiuses
   // 'gids-profile--border-radius-none': profileControlBorderRadius === 'none', // By default so not needed
-  "gids-profile--border-radius-sm": r === "sm",
-  "gids-profile--border-radius-md": r === "md",
-  "gids-profile--border-radius-lg": r === "lg",
-  "gids-profile--border-radius-full": r === "full",
+  "gids-profile--border-radius-sm": i === "sm",
+  "gids-profile--border-radius-md": i === "md",
+  "gids-profile--border-radius-lg": i === "lg",
+  "gids-profile--border-radius-full": i === "full",
   // Shadows
   // 'gids-profile--shadow-none': profileControlShadow === 'none', // By default so not needed
-  "gids-profile--shadow-overflow": i === "overflow",
-  "gids-profile--shadow-overlay": i === "overlay",
-  "gids-profile--shadow-raised": i === "raised",
+  "gids-profile--shadow-overflow": o === "overflow",
+  "gids-profile--shadow-overlay": o === "overlay",
+  "gids-profile--shadow-raised": o === "raised",
   // Expansion
-  "gids-profile--expanded": t
-}, l), q = ({ profileControlAppearance: e }) => {
+  "gids-profile--expanded": a
+}, l), O = ({ profileControlAppearance: e }) => {
   switch (e) {
     case "brand":
       return {
@@ -66,25 +66,35 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: r, profile
   }
 }, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsProfileClassNames: O,
-  getGidsProfileTextClassNames: q
-}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: J, getGidsProfileTextClassNames: K } = F, { getProfileHeaderMenuAvatarText: Q } = R, f = z(class extends L {
+  getGidsProfileClassNames: N,
+  getGidsProfileTextClassNames: O
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: W, getGidsProfileTextClassNames: J } = F, { getProfileHeaderMenuAvatarText: K } = R, 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 = (r) => {
+    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 i = !this.isMenuExpanded;
-        this.isMenuExpanded = i, this.onPressProfileControl && this.onPressProfileControl({ originalEvent: r, id: this.id, menuId: this?.menuId, expanded: i, profileControlTitle: this?.profileControlTitle, profileControlSupportingText: this?.profileControlSupportingText });
+        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 });
       }
-    }, this.onPressProfileMenuItem = (r) => {
-      this.isMenuExpanded = !1, this.onPressProfileMenuItem && this.onPressProfileMenuItem({ ...r });
+    }, this.onPressProfileMenuItem = (i) => {
+      this.isMenuExpanded = !1, this.onPressProfileMenuItem && this.onPressProfileMenuItem({ ...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;
+      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;
+      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";
     }, this.getProfileControlAvatarText = () => {
-      const r = this?.profileControlAvatarProps, i = this?.profileControlTitle;
-      return r?.text ?? Q({ headerTitle: i });
+      const i = this?.profileControlAvatarProps, o = this?.profileControlTitle;
+      return i?.text ?? K({ headerTitle: o });
     }, this.hasHeaderItem = () => {
-      const r = this?.headerItem;
-      return !(!this?.headerVisible || !(r?.avatarVisible || r?.avatarProps && Object.keys(r).length > 0 || r?.headerSupportingText || r?.headerTitle));
-    }, this.hasMenu = () => !!(this?.profileMenuItems && this.profileMenuItems.length > 0 || this.hasHeaderItem()), this.handleDocumentClick = (r) => {
-      this.isMenuExpanded && (r.composedPath().includes(this.hostElement) || (this.isMenuExpanded = !1));
+      const i = this?.headerItem;
+      return !(!this?.headerVisible || !(i?.avatarVisible || i?.avatarProps && Object.keys(i).length > 0 || i?.headerSupportingText || i?.headerTitle));
+    }, this.hasMenu = () => !!(this?.profileMenuItems && this.profileMenuItems.length > 0 || this.hasHeaderItem()), this.handleDocumentClick = (i) => {
+      this.isMenuExpanded && (i.composedPath().includes(this.hostElement) || (this.isMenuExpanded = !1));
     };
   }
   idChanged(e) {
@@ -144,13 +154,18 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: r, profile
   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", r = this?.profileControlAvatarProps, i = r?.badgeProps, t = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, u = this?.profileControlBorderRadius ?? "none", v = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, b = this?.profileControlTitle ?? "", C = this?.profileControlSupportingText ?? "", m = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, k = this?.menuId, s = this?.isMenuExpanded ?? !1, p = this.hasMenu(), T = this?.profileControlLeadingIconSize ?? "sm", w = this?.profileControlTrailingIconSize ?? "sm", P = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", A = J({ profileControlAppearance: e, profileControlBorderRadius: u, profileControlShadow: v, expanded: s && p }), S = r?.size ?? "sm", { titleClasses: M, supportingTextClasses: D } = K({ profileControlAppearance: e });
-    let g = r?.color ?? "brand";
-    return e === "brand" && (g = r?.color ?? "default"), o(B, { key: "85fa0d6019bca66467f13934cea3e3489d88a525", class: A, onClick: this.onProfileControlPress, "menu-expanded": s }, n ? o(c, { name: n, size: T, appearance: P }) : void 0, o("div", { key: "ca845ea3a03be7bef13c3c4a986d0f27b24050c6", class: "gids-profile__main-container" }, t ? o(H, { appearance: r?.appearance ?? "text", color: g, size: S, text: this.getProfileControlAvatarText(), imageSrc: r?.imageSrc ?? "", alt: r?.alt ?? "alt-img", badge: l ? o(j, { appearance: i?.appearance ?? "information", type: i?.type, count: i?.count, outline: i?.outline }) : void 0 }) : void 0, o("div", { key: "49687e67887bee18fe171feaa0bac2da0dfd1521", class: "gids-profile__content-container" }, o("span", { key: "10c3113b52097edce2a91b39ccfd2ede5a84ef95", class: M }, b), o("p", { key: "2d6ac291a72be034a7c460888e5ee8785acd097d", class: D }, C))), d ? o(c, { name: d, size: w, appearance: V }) : void 0, p && s ? o("div", { class: "gids-profile__dropdown-menu-container", id: k, role: "profilePickerbox", onClick: (E) => E.stopPropagation() }, o("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: m, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress, onProfileMenuItemPress: this.onPressProfileMenuItem })) : void 0);
+    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 });
+    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);
   }
   get hostElement() {
     return this;
@@ -159,26 +174,26 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: r, profile
     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;inset-inline: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;max-height:20rem;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)}";
+    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 h() {
+function m() {
   typeof customElements < "u" && ["gids-profile", "gids-profile-menu", "gids-profile-menu-header"].forEach(((e) => {
     switch (e) {
       case "gids-profile":
-        customElements.get(a(e)) || customElements.define(a(e), f);
+        customElements.get(c(e)) || customElements.define(c(e), C);
         break;
       case "gids-profile-menu":
-        customElements.get(a(e)) || G();
+        customElements.get(c(e)) || G();
         break;
       case "gids-profile-menu-header":
-        customElements.get(a(e)) || $();
+        customElements.get(c(e)) || $();
     }
   }));
 }
-h();
-const re = f, ie = h;
+m();
+const ie = C, oe = m;
 export {
-  re as GidsProfile,
-  ie as defineCustomElement
+  ie as GidsProfile,
+  oe as defineCustomElement
 };