npm - @ganpatiinfo/gids-core-web - Versions diffs - 23.0.0 → 24.0.0 - Mend

@ganpatiinfo/gids-core-web 23.0.0 → 24.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-core-web",
-	"version": "23.0.0",
+	"version": "24.0.0",
 	"private": false,
 	"description": "This is a core web package contains html components",
 	"homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -579,8 +579,8 @@
 	"dependencies": {
 		"@floating-ui/dom": "1.7.6",
 		"clsx": "^2.1.1",
-		"@ganpatiinfo/gids-core-shared": "^18.0.0",
-		"@ganpatiinfo/gids-web-shared": "^15.0.0",
+		"@ganpatiinfo/gids-core-shared": "^19.0.0",
+		"@ganpatiinfo/gids-web-shared": "^16.0.0",
 		"composed-offset-position": "^0.0.6"
 	},
 	"devDependencies": {
@@ -590,7 +590,7 @@
 		"@ganpatiinfo/gids-liquid-renderer": "^6.0.0",
 		"@ganpatiinfo/gids-storybook-theme": "^12.0.0",
 		"@ganpatiinfo/gids-storybook-utilities": "^6.0.0",
-		"@ganpatiinfo/gids-web-dom-reference": "^19.0.0",
+		"@ganpatiinfo/gids-web-dom-reference": "^20.0.0",
 		"@ganpatiinfo/gids-web-theme-ganpatiinfo": "^10.0.0",
 		"@jest/globals": "^30.2.0",
 		"@stencil/core": "^4.43.2",

package/dist/p-COsSHfdc.js DELETED Viewed

@@ -1 +0,0 @@

- import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-BBlUduEr.js";import{G as g}from"./p-B3AB3GQ0.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"23b3e666fbb62f46250e2c47f03873edf5e804cd",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"e4e8d615a81c80766e6f59e7d61697c3f33c082e",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__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;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-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}

package/dist-bundled/es/p-COsSHfdc-DfDYoLSS.js DELETED Viewed

@@ -1,151 +0,0 @@
-import { q as b, L as x, u as _, D as d, P as w } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as M } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { i as C, t as S } from "./p-BBlUduEr-CWdvgBS6.js";
-import { i as z } from "./p-B3AB3GQ0-DdgNC9FJ.js";
-import { c as E } from "./clsx-OuTLNxxd.js";
-const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow: r }, g) => E("gids-header-navigation-item", {
-  // Appearances
-  // 'gids-header-navigation-item--appearance-default':
-  // 	appearance === 'default' && !selected, // Default so not needed
-  "gids-header-navigation-item--appearance-primary": i === "primary" && !e,
-  "gids-header-navigation-item--appearance-subtle": i === "subtle" && !e,
-  "gids-header-navigation-item--appearance-positive": i === "positive" && !e,
-  "gids-header-navigation-item--appearance-danger": i === "danger" && !e,
-  "gids-header-navigation-item--appearance-information": i === "information" && !e,
-  "gids-header-navigation-item--appearance-warning": i === "warning" && !e,
-  // Selection Appearances
-  "gids-header-navigation-item--selection-appearance-default": a === "default" && e,
-  "gids-header-navigation-item--selection-appearance-primary": a === "primary" && e,
-  "gids-header-navigation-item--selection-appearance-subtle": a === "subtle" && e,
-  "gids-header-navigation-item--selection-appearance-positive": a === "positive" && e,
-  "gids-header-navigation-item--selection-appearance-danger": a === "danger" && e,
-  "gids-header-navigation-item--selection-appearance-information": a === "information" && e,
-  "gids-header-navigation-item--selection-appearance-warning": a === "warning" && e,
-  // Sizes
-  // 'gids-header-navigation-item--size-sm': size === 'sm', // By default so not needed
-  "gids-header-navigation-item--size-md": n === "md",
-  "gids-header-navigation-item--size-lg": n === "lg",
-  "gids-header-navigation-item--size-xl": n === "xl",
-  // Menu expansion
-  "gids-header-navigation-item--expanded": o,
-  // Shadow
-  "gids-header-navigation-item--shadow": r && i !== "subtle" && a !== "subtle",
-  // Border Radius
-  "gids-header-navigation-item--border-radius-sm": t === "sm" && i !== "subtle" && a !== "subtle",
-  "gids-header-navigation-item--border-radius-md": t === "md" && i !== "subtle" && a !== "subtle",
-  "gids-header-navigation-item--border-radius-lg": t === "lg" && i !== "subtle" && a !== "subtle",
-  "gids-header-navigation-item--border-radius-full": t === "full" && i !== "subtle" && a !== "subtle"
-}, g), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsHeaderNavigationItemClassNames: T
-}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames: R } = N, H = x(class extends _ {
-  constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.borderRadius = "none", this.applyShadow = !1, this.appearance = "default", this.selectionAppearance = "default", this.selected = !1, this.size = "sm", this.selectionType = "single-deselection-allowed", this.menuItems = [], this.isSelected = !1, this.isMenuExpanded = !1, this.selectedMenuItems = [], this.onItemClick = (i) => {
-      if (this.hasMenu()) this.isMenuExpanded = !this.isMenuExpanded;
-      else {
-        if (this.isSelected && this.selectionType === "single-deselection-not-allowed") return;
-        this.isSelected = !this.isSelected;
-      }
-      if (this.onPressNavigationItem) {
-        const a = this?.selectedMenuItems ? this.selectedMenuItems[0] : void 0;
-        this.onPressNavigationItem({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: this.isSelected, hasMenu: this.hasMenu(), menuExpanded: this.isMenuExpanded, menuItemId: a?.menuItemId ?? "", menuItemTitle: a?.menuItemTitle, menuItemValue: a?.menuItemValue, menuItemSectionIndex: a?.menuItemSectionIndex, menuItemIndex: a?.menuItemIndex, menuItemSelected: !!a?.menuItemId, menuId: this?.menuId, selectionType: this?.selectionType });
-      }
-    }, this.onMenuItemClick = ({ event: i, selectedItem: a, sectionIndex: n, itemIndex: o }) => {
-      const t = this.isMenuItemSelected(a.id);
-      t && this.selectionType === "single-deselection-not-allowed" || (t ? (this.selectedMenuItems = [], this.isSelected = !1) : (this.selectedMenuItems = [{ menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !0, menuId: this?.menuId }], this.isSelected = !0), this.isMenuExpanded = !1, this.onMenuItemChange && this.onMenuItemChange({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: !t, menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !t, menuId: this?.menuId, selectionType: this?.selectionType }));
-    }, this.defaultSelectedMenuItems = (i) => {
-      if (!i) return void (this.selectedMenuItems = []);
-      const a = this?.menuItems ?? [];
-      for (let n = 0; n < a.length; n++) {
-        const o = a[n]?.data ?? [];
-        for (let t = 0; t < o.length; t++) {
-          const r = o[t];
-          if (r?.id === i) return this.selectedMenuItems = [{ menuItemTitle: r.title, menuItemValue: r.value, menuItemId: r.id, menuItemSectionIndex: n, menuItemIndex: t, menuItemSelected: !0, menuId: this.menuId }], void (this.isSelected = !0);
-        }
-      }
-      this.selectedMenuItems = [];
-    }, this.hasMenu = () => !!(this?.menuItems && this.menuItems.length > 0), this.isMenuItemSelected = (i) => {
-      const a = this?.selectedMenuItems ?? [];
-      if (!a || a.length <= 0) return !1;
-      const n = a.findIndex(((o) => o.menuItemId === i));
-      return n != null && n !== -1;
-    }, this.positionHeaderNavigationItemMenu = () => {
-      const i = this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");
-      if (!i) return;
-      const a = this.hostElement.getBoundingClientRect(), n = window.innerWidth, o = window.innerHeight;
-      i.style.maxHeight = "none";
-      const t = i.getBoundingClientRect(), r = o - a.bottom - 8, g = a.top - 4, c = t.height > r && g > r, m = c ? g : r;
-      i.style.maxHeight = t.height > m ? `${m}px` : "none";
-      const h = i.getBoundingClientRect();
-      let s = a.left;
-      s + h.width > n - 4 && (s = n - h.width - 4), s < 4 && (s = 4), i.style.left = s - a.left + "px", i.style.top = c ? -h.height - 4 + "px" : `${a.height + 4}px`;
-    };
-  }
-  appearanceChanged(e) {
-    this.appearance = e;
-  }
-  selectionAppearanceChanged(e) {
-    this.selectionAppearance = e;
-  }
-  expansionChanged(e) {
-    this.expanded = e, this.isMenuExpanded = e;
-  }
-  borderRadiusChanged(e) {
-    this.borderRadius = e;
-  }
-  shadowChanged(e) {
-    this.applyShadow = e;
-  }
-  labelChanged(e) {
-    this.label = e;
-  }
-  sizeChanged(e) {
-    this.size = e;
-  }
-  menuItemsChanged(e) {
-    this.menuItems = e;
-  }
-  selectedChanged(e) {
-    this.isSelected = e;
-  }
-  selectedMenuItemIdChanged(e) {
-    this.defaultSelectedMenuItems(e);
-  }
-  connectedCallback() {
-    this.isSelected = this.selected, this.isMenuExpanded = this.expanded, this.defaultSelectedMenuItems(this.selectedMenuItemId);
-  }
-  componentDidRender() {
-    this.isMenuExpanded && this.hasMenu() && requestAnimationFrame((() => {
-      this.positionHeaderNavigationItemMenu();
-    }));
-  }
-  render() {
-    const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id, r = this.menuId, g = this?.menuItems ?? [], c = this?.isMenuExpanded ?? !1, m = this?.borderRadius ?? "none", h = this?.applyShadow ?? !1, s = this.hasMenu(), f = R({ selected: e, appearance: i, selectionAppearance: a, size: o, expanded: c && s, applyShadow: h, borderRadius: m });
-    return d(w, { key: "23b3e666fbb62f46250e2c47f03873edf5e804cd", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, d("slot", { key: "e4e8d615a81c80766e6f59e7d61697c3f33c082e", name: "headerNavItemLeadingIcon" }), n && n !== "" ? d("div", { class: "gids-header-navigation-item__label" }, d("span", null, n)) : void 0, s ? d("div", { class: "gids-header-navigation-item__chevron" }, d(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, s && c ? d("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: r, role: "headerNavigationPickerbox", onClick: (u) => u.stopPropagation() }, d(C, { type: "default" }, g.map(((u, p) => {
-      const I = u?.data ?? [];
-      return d(S, { key: `${p + 1}`, sectionLabel: u?.sectionLabel ?? "" }, I.map(((l, v) => {
-        const y = this.isMenuItemSelected(l.id);
-        return d(z, { key: `${v}`, id: l.id, title: l?.title, value: l?.value, disabled: l?.disabled, index: v, selected: y, onPressDropdownItem: (k) => this.onMenuItemClick({ event: k, selectedItem: { ...l, id: l.id }, sectionIndex: p, itemIndex: v }) });
-      })));
-    })))) : void 0);
-  }
-  get hostElement() {
-    return this;
-  }
-  static get watchers() {
-    return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] };
-  }
-  static get style() {
-    return ".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__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;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-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}";
-  }
-}, [260, "gids-header-navigation-item", { id: [1], menuId: [1, "menu-id"], expanded: [4], borderRadius: [1, "border-radius"], applyShadow: [4, "apply-shadow"], appearance: [1], selectionAppearance: [1, "selection-appearance"], selected: [4], selectedMenuItemId: [1, "selected-menu-item-id"], label: [1], size: [1], selectionType: [1, "selection-type"], menuItems: [16], onPressNavigationItem: [16], onMenuItemChange: [16], isSelected: [32], isMenuExpanded: [32], selectedMenuItems: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
-function P() {
-  typeof customElements < "u" && ["gids-header-navigation-item"].forEach(((e) => {
-    e === "gids-header-navigation-item" && (customElements.get(b(e)) || customElements.define(b(e), H));
-  }));
-}
-P();
-export {
-  P as h,
-  H as l
-};