npm - @carbon/ibm-products-web-components - Versions diffs - 0.48.0 → 0.49.0-rc.0 - Mend

@carbon/ibm-products-web-components 0.48.0 → 0.49.0-rc.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 (142) hide show

package/custom-elements.json CHANGED Viewed

@@ -3346,6 +3346,12 @@
           "type": "PageAction[]",
           "default": "[]"
         },
+        {
+          "name": "toolbar-aria-label",
+          "description": "Aria label for the toolbar container (`role=\"toolbar\"`).",
+          "type": "string",
+          "default": "\"Page actions\""
+        },
         {
           "name": "overflow-aria-label",
           "description": "Aria label for the overflow menu button.",
@@ -3367,6 +3373,13 @@
           "type": "PageAction[]",
           "default": "[]"
         },
+        {
+          "name": "toolbarAriaLabel",
+          "attribute": "toolbar-aria-label",
+          "description": "Aria label for the toolbar container (`role=\"toolbar\"`).",
+          "type": "string",
+          "default": "\"Page actions\""
+        },
         {
           "name": "overflowAriaLabel",
           "attribute": "overflow-aria-label",
@@ -3411,7 +3424,7 @@
         },
         {
           "name": "actions-aria-label",
-          "description": "Aria label for the page header actions navigation.",
+          "description": "Aria label for the page header actions toolbar.",
           "type": "string",
           "default": "\"Page header actions\""
         }
@@ -3448,7 +3461,7 @@
         {
           "name": "actionsAriaLabel",
           "attribute": "actions-aria-label",
-          "description": "Aria label for the page header actions navigation.",
+          "description": "Aria label for the page header actions toolbar.",
           "type": "string",
           "default": "\"Page header actions\""
         },
@@ -3465,12 +3478,6 @@
       "name": "c4p-page-header-breadcrumbs-set",
       "path": "./src/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.ts",
       "attributes": [
-        {
-          "name": "hiddenItems",
-          "description": "Hidden items that will be rendered in the overflow menu.",
-          "type": "Breadcrumb[]",
-          "default": "[]"
-        },
         {
           "name": "breadcrumbs-data",
           "description": "The list of breadcrumbs.",
@@ -3497,13 +3504,6 @@
         }
       ],
       "properties": [
-        {
-          "name": "hiddenItems",
-          "attribute": "hiddenItems",
-          "description": "Hidden items that will be rendered in the overflow menu.",
-          "type": "Breadcrumb[]",
-          "default": "[]"
-        },
         {
           "name": "breadcrumbsData",
           "attribute": "breadcrumbs-data",
@@ -3656,6 +3656,12 @@
           "name": "styles",
           "default": "\"styles\""
         }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Slotted content (typically an `<img>`). Slotted images must include\na descriptive `alt` attribute for informative images, or `alt=\"\"` for\ndecorative images, to meet WCAG 2.2 SC 1.1.1 (Non-text Content)."
+        }
       ]
     },
     {
@@ -3899,7 +3905,8 @@
           "type": "{ delegatesFocus: boolean; clonable?: boolean | undefined; customElementRegistry?: CustomElementRegistry | null | undefined; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: SlotAssignmentMode | undefined; }"
         },
         {
-          "name": "styles"
+          "name": "styles",
+          "default": "\"styles\""
         }
       ]
     },
@@ -3923,6 +3930,9 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "context"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -3975,11 +3985,39 @@
       "name": "c4p-page-header",
       "path": "./src/components/page-header/page-header.ts",
       "description": "Page header.",
+      "attributes": [
+        {
+          "name": "full-width-grid",
+          "description": "Set to `true` to use a full-width Carbon CSS grid (no max-width cap).",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "narrow-grid",
+          "description": "Set to `true` to use the Carbon narrow grid mode (content aligns to\nthe gutter edge).",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
       "properties": [
+        {
+          "name": "fullWidthGrid",
+          "attribute": "full-width-grid",
+          "description": "Set to `true` to use a full-width Carbon CSS grid (no max-width cap).",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "narrowGrid",
+          "attribute": "narrow-grid",
+          "description": "Set to `true` to use the Carbon narrow grid mode (content aligns to\nthe gutter edge).",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "context",
           "type": "pageHeaderContextType",
-          "default": "{}"
+          "default": "{\"fullWidthGrid\":\"fullWidthGrid\",\"narrowGrid\":\"narrowGrid\"}"
         },
         {
           "name": "styles",

package/es/components/page-header/_story-assets/overflowHandler.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overflowHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/_story-assets/overflowHandler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CACrB,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,OAAO,GAAG,QAAQ,GAC5B,MAAM,~~CAwBR~~;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C,kDAAkD;IAClD,SAAS,EAAE,WAAW,CAAC;IACvB,4DAA4D;IAC5D,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,oIAAoI;IACpI,MAAM,EAAE,WAAW,CAAC;IACpB,yEAAyE;IACzE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,SAAS,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5E,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,QAAQ,EACR,mBAAwB,EACxB,WAAe,GAChB,EAAE,4BAA4B,GAAG,WAAW,EAAE,CAmD9C;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAmB,EACnB,WAAe,GAChB,EAAE,sBAAsB,GAAG,eAAe,CA4D1C"}
1	+ {"version":3,"file":"overflowHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/_story-assets/overflowHandler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CACrB,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,OAAO,GAAG,QAAQ,GAC5B,MAAM,CAsBR;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C,kDAAkD;IAClD,SAAS,EAAE,WAAW,CAAC;IACvB,4DAA4D;IAC5D,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,oIAAoI;IACpI,MAAM,EAAE,WAAW,CAAC;IACpB,yEAAyE;IACzE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,sCAAsC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,SAAS,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5E,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,QAAQ,EACR,mBAAwB,EACxB,WAAe,GAChB,EAAE,4BAA4B,GAAG,WAAW,EAAE,CAmD9C;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,eAAe,EACf,QAAQ,EACR,SAAmB,EACnB,WAAe,GAChB,EAAE,sBAAsB,GAAG,eAAe,CA4D1C"}

package/es/components/page-header/_story-assets/overflowHandler.js CHANGED Viewed

@@ -30,7 +30,7 @@ function getSize(el, dimension) {
 	let size = el.getBoundingClientRect()[dimension];
 	el.style.display = originalDisplay;
 	const computedStyles = getComputedStyle(el);
-	size = dimension === "width" ? size + parseInt(computedStyles.paddingLeft) + parseInt(computedStyles.paddingRight) + parseInt(computedStyles.marginLeft) + parseInt(computedStyles.marginRight) : size + parseInt(computedStyles.paddingTop) + parseInt(computedStyles.paddingBottom) + parseInt(computedStyles.marginTop) + parseInt(computedStyles.marginBottom);
+	size = dimension === "width" ? size + parseInt(computedStyles.marginLeft) + parseInt(computedStyles.marginRight) : size + parseInt(computedStyles.marginTop) + parseInt(computedStyles.marginBottom);
 	return size;
 }
 /**

package/es/components/page-header/_story-assets/overflowHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overflowHandler.js","names":[],"sources":["../../../../src/components/page-header/_story-assets/overflowHandler.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n// TODO: delete this file after overflowHandler from carbon/utils gets updated\n\n/\n Calculates the size (width or height) of a given HTML element.\n \n This function performs an expensive calculation by temporarily changing the\n * display style of the element if it is not currently visible. It then uses\n * `getBoundingClientRect` to retrieve the size of the element.\n \n @param el - The HTML element whose size is to be calculated.\n * @param dimension - The dimension to measure ('width' or 'height').\n * @returns The size of the element in pixels. Returns 0 if the element is not provided.\n /\nexport function getSize(\n el: HTMLElement,\n dimension: 'width' \| 'height'\n): number {\n if (!el) {\n return 0;\n }\n const originalDisplay = el.style.display;\n if (!el.offsetParent && getComputedStyle(el).display === 'none') {\n el.style.display = 'inline-block';\n }\n let size = el.getBoundingClientRect()[dimension];\n el.style.display = originalDisplay;\n const computedStyles = getComputedStyle(el);\n size =\n dimension === 'width'\n ? size +\n parseInt(computedStyles.paddingLeft) +\n parseInt(computedStyles.paddingRight) +\n parseInt(computedStyles.marginLeft) +\n parseInt(computedStyles.marginRight)\n : size +\n parseInt(computedStyles.paddingTop) +\n parseInt(computedStyles.paddingBottom) +\n parseInt(computedStyles.marginTop) +\n parseInt(computedStyles.marginBottom);\n return size;\n}\n\n/\n Options for updating the overflow handler.\n * Determines which items should be visible and which should be hidden\n * based on the container size, item sizes, and other constraints.\n /\nexport interface UpdateOverflowHandlerOptions {\n /* The container element that holds the items. /\n container: HTMLElement;\n /* An array of item elements to be managed for overflow. /\n items: HTMLElement[];\n /* An element that represents the offset, which can be shown or hidden based on overflow. Identified by `data-offset` attribute. /\n offset: HTMLElement;\n /* An array of sizes corresponding to each item in the `items` array. /\n sizes: number[];\n /* An array of sizes corresponding to each item in the fixed items array. /\n fixedSizes: number[];\n /* The size of the offset element. /\n offsetSize: number;\n /* The maximum number of items that can be visible at once. If undefined, all items can be visible. /\n maxVisibleItems?: number;\n /* The dimension to consider for overflow, either 'width' or 'height'. /\n dimension: 'width' \| 'height';\n /* A callback function that is called when the visible or hidden items change. /\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /* An array of previously hidden items to compare against the new hidden items. /\n previousHiddenItems?: HTMLElement[];\n offsetValue?: number;\n}\n\n/\n Updates the overflow handler by determining which items should be visible and which should be hidden.\n \n @param options - Configuration options for updating the overflow handler.\n * @param options.container - Container for overflowing\n * @param options.items - Child elements within container\n * @param options.offset - Children with data-offset attribute\n * @param options.sizes - Sizes of child elements\n * @param options.fixedSizes - Fixed sizes of child elements with data-fixed attribute\n * @param options.offsetSize - Total offset size\n * @param options.offsetValue - Additional offset\n * @param options.maxVisibleItems - Max visible items\n * @param options.dimension - width \| height used to measure overflow\n * @param options.onChange - onChange callback\n * @param options.previousHiddenItems - Array of previously hidden items\n * @returns An array of hidden items after the update.\n /\nexport function updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems = [],\n offsetValue = 0,\n}: UpdateOverflowHandlerOptions): HTMLElement[] {\n const containerSize =\n dimension === 'width' ? container.clientWidth : container.clientHeight;\n\n let visibleItems: HTMLElement[] = [];\n let hiddenItems: HTMLElement[] = [];\n\n const totalSize = sizes.reduce((sum, size) => sum + size, 0);\n const totalFixedSize = fixedSizes.reduce((sum, size) => sum + size, 0);\n\n if (totalSize + totalFixedSize <= containerSize) {\n visibleItems = maxVisibleItems\n ? items.slice(0, maxVisibleItems)\n : [...items];\n hiddenItems = maxVisibleItems ? items.slice(maxVisibleItems) : [];\n } else {\n const available = containerSize - offsetSize - totalFixedSize - offsetValue;\n let accumulated = 0;\n let breakIndex = items.length;\n\n for (let i = 0; i < items.length; i++) {\n const size = sizes[i];\n if (\n accumulated + size <= available &&\n (!maxVisibleItems \|\| visibleItems.length < maxVisibleItems)\n ) {\n visibleItems.push(items[i]);\n accumulated += size;\n } else {\n breakIndex = i;\n break;\n }\n }\n hiddenItems = items.slice(breakIndex);\n }\n\n if (\n previousHiddenItems.length === hiddenItems.length &&\n previousHiddenItems.every((item, index) => item === hiddenItems[index])\n ) {\n return previousHiddenItems;\n }\n\n visibleItems.forEach((item) => item.removeAttribute('data-hidden'));\n hiddenItems.forEach((item) => item.setAttribute('data-hidden', ''));\n\n if (offset) {\n offset.toggleAttribute('data-hidden', hiddenItems.length === 0);\n }\n onChange(visibleItems, hiddenItems);\n return hiddenItems;\n}\n\n/\n Options for initializing an overflow handler.\n /\nexport interface OverflowHandlerOptions {\n /\n The container element that holds the items. along with offset item\n /\n container: HTMLElement;\n /\n Maximum number of visible items. If provided, only this number of items will be shown.\n /\n maxVisibleItems?: number;\n /\n Callback function invoked when the visible and hidden items change.\n * @param visibleItems - The array of items that are currently visible.\n * @param hiddenItems - The array of items that are currently hidden.\n /\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /\n The dimension to consider for overflow calculations. Defaults to 'width'.\n /\n dimension?: 'width' \| 'height';\n offsetValue?: number;\n}\n\n/\n Represents an instance of an overflow handler.\n /\nexport interface OverflowHandler {\n /\n Disconnects the overflow handler, cleaning up any event listeners or resources.\n */\n disconnect: () => void;\n}\n\nexport function createOverflowHandler({\n container,\n maxVisibleItems,\n onChange,\n dimension = 'width',\n offsetValue = 0,\n}: OverflowHandlerOptions): OverflowHandler {\n // Error handling\n if (!(container instanceof HTMLElement)) {\n throw new Error('container must be an HTMLElement');\n }\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n if (\n maxVisibleItems !== undefined &&\n (!Number.isInteger(maxVisibleItems) \|\| maxVisibleItems <= 0)\n ) {\n throw new Error('maxVisibleItems must be a positive integer');\n }\n\n const children = Array.from(container.children) as HTMLElement[];\n const offset = children.find((item) =>\n item.hasAttribute('data-offset')\n ) as HTMLElement;\n const fixedItems = children.filter((item) =>\n item.hasAttribute('data-fixed')\n ) as HTMLElement[];\n const items = children.filter(\n (item) => item !== offset && !fixedItems.includes(item)\n );\n\n const fixedSizes = fixedItems.map((item) => getSize(item, dimension));\n const sizes = items.map((item) => getSize(item, dimension));\n const offsetSize = getSize(offset, dimension);\n\n let previousHiddenItems: HTMLElement[] = [];\n\n function update() {\n previousHiddenItems = updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems,\n offsetValue,\n });\n }\n\n const resizeObserver = new ResizeObserver(() =>\n requestAnimationFrame(update)\n );\n resizeObserver.observe(container);\n\n requestAnimationFrame(update); // Initial update\n\n return {\n disconnect() {\n resizeObserver.disconnect();\n },\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"overflowHandler.js","names":[],"sources":["../../../../src/components/page-header/_story-assets/overflowHandler.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n// TODO: delete this file after overflowHandler from carbon/utils gets updated\n\n/\n Calculates the size (width or height) of a given HTML element.\n \n This function performs an expensive calculation by temporarily changing the\n * display style of the element if it is not currently visible. It then uses\n * `getBoundingClientRect` to retrieve the size of the element.\n \n @param el - The HTML element whose size is to be calculated.\n * @param dimension - The dimension to measure ('width' or 'height').\n * @returns The size of the element in pixels. Returns 0 if the element is not provided.\n /\nexport function getSize(\n el: HTMLElement,\n dimension: 'width' \| 'height'\n): number {\n if (!el) {\n return 0;\n }\n const originalDisplay = el.style.display;\n if (!el.offsetParent && getComputedStyle(el).display === 'none') {\n el.style.display = 'inline-block';\n }\n let size = el.getBoundingClientRect()[dimension];\n el.style.display = originalDisplay;\n // getBoundingClientRect already includes padding, so only add margins\n // (which are outside the bounding box). Adding padding here would double-count it.\n const computedStyles = getComputedStyle(el);\n size =\n dimension === 'width'\n ? size +\n parseInt(computedStyles.marginLeft) +\n parseInt(computedStyles.marginRight)\n : size +\n parseInt(computedStyles.marginTop) +\n parseInt(computedStyles.marginBottom);\n return size;\n}\n\n/\n Options for updating the overflow handler.\n * Determines which items should be visible and which should be hidden\n * based on the container size, item sizes, and other constraints.\n /\nexport interface UpdateOverflowHandlerOptions {\n /* The container element that holds the items. /\n container: HTMLElement;\n /* An array of item elements to be managed for overflow. /\n items: HTMLElement[];\n /* An element that represents the offset, which can be shown or hidden based on overflow. Identified by `data-offset` attribute. /\n offset: HTMLElement;\n /* An array of sizes corresponding to each item in the `items` array. /\n sizes: number[];\n /* An array of sizes corresponding to each item in the fixed items array. /\n fixedSizes: number[];\n /* The size of the offset element. /\n offsetSize: number;\n /* The maximum number of items that can be visible at once. If undefined, all items can be visible. /\n maxVisibleItems?: number;\n /* The dimension to consider for overflow, either 'width' or 'height'. /\n dimension: 'width' \| 'height';\n /* A callback function that is called when the visible or hidden items change. /\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /* An array of previously hidden items to compare against the new hidden items. /\n previousHiddenItems?: HTMLElement[];\n offsetValue?: number;\n}\n\n/\n Updates the overflow handler by determining which items should be visible and which should be hidden.\n \n @param options - Configuration options for updating the overflow handler.\n * @param options.container - Container for overflowing\n * @param options.items - Child elements within container\n * @param options.offset - Children with data-offset attribute\n * @param options.sizes - Sizes of child elements\n * @param options.fixedSizes - Fixed sizes of child elements with data-fixed attribute\n * @param options.offsetSize - Total offset size\n * @param options.offsetValue - Additional offset\n * @param options.maxVisibleItems - Max visible items\n * @param options.dimension - width \| height used to measure overflow\n * @param options.onChange - onChange callback\n * @param options.previousHiddenItems - Array of previously hidden items\n * @returns An array of hidden items after the update.\n /\nexport function updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems = [],\n offsetValue = 0,\n}: UpdateOverflowHandlerOptions): HTMLElement[] {\n const containerSize =\n dimension === 'width' ? container.clientWidth : container.clientHeight;\n\n let visibleItems: HTMLElement[] = [];\n let hiddenItems: HTMLElement[] = [];\n\n const totalSize = sizes.reduce((sum, size) => sum + size, 0);\n const totalFixedSize = fixedSizes.reduce((sum, size) => sum + size, 0);\n\n if (totalSize + totalFixedSize <= containerSize) {\n visibleItems = maxVisibleItems\n ? items.slice(0, maxVisibleItems)\n : [...items];\n hiddenItems = maxVisibleItems ? items.slice(maxVisibleItems) : [];\n } else {\n const available = containerSize - offsetSize - totalFixedSize - offsetValue;\n let accumulated = 0;\n let breakIndex = items.length;\n\n for (let i = 0; i < items.length; i++) {\n const size = sizes[i];\n if (\n accumulated + size <= available &&\n (!maxVisibleItems \|\| visibleItems.length < maxVisibleItems)\n ) {\n visibleItems.push(items[i]);\n accumulated += size;\n } else {\n breakIndex = i;\n break;\n }\n }\n hiddenItems = items.slice(breakIndex);\n }\n\n if (\n previousHiddenItems.length === hiddenItems.length &&\n previousHiddenItems.every((item, index) => item === hiddenItems[index])\n ) {\n return previousHiddenItems;\n }\n\n visibleItems.forEach((item) => item.removeAttribute('data-hidden'));\n hiddenItems.forEach((item) => item.setAttribute('data-hidden', ''));\n\n if (offset) {\n offset.toggleAttribute('data-hidden', hiddenItems.length === 0);\n }\n onChange(visibleItems, hiddenItems);\n return hiddenItems;\n}\n\n/\n Options for initializing an overflow handler.\n /\nexport interface OverflowHandlerOptions {\n /\n The container element that holds the items. along with offset item\n /\n container: HTMLElement;\n /\n Maximum number of visible items. If provided, only this number of items will be shown.\n /\n maxVisibleItems?: number;\n /\n Callback function invoked when the visible and hidden items change.\n * @param visibleItems - The array of items that are currently visible.\n * @param hiddenItems - The array of items that are currently hidden.\n /\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /\n The dimension to consider for overflow calculations. Defaults to 'width'.\n /\n dimension?: 'width' \| 'height';\n offsetValue?: number;\n}\n\n/\n Represents an instance of an overflow handler.\n /\nexport interface OverflowHandler {\n /\n Disconnects the overflow handler, cleaning up any event listeners or resources.\n */\n disconnect: () => void;\n}\n\nexport function createOverflowHandler({\n container,\n maxVisibleItems,\n onChange,\n dimension = 'width',\n offsetValue = 0,\n}: OverflowHandlerOptions): OverflowHandler {\n // Error handling\n if (!(container instanceof HTMLElement)) {\n throw new Error('container must be an HTMLElement');\n }\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n if (\n maxVisibleItems !== undefined &&\n (!Number.isInteger(maxVisibleItems) \|\| maxVisibleItems <= 0)\n ) {\n throw new Error('maxVisibleItems must be a positive integer');\n }\n\n const children = Array.from(container.children) as HTMLElement[];\n const offset = children.find((item) =>\n item.hasAttribute('data-offset')\n ) as HTMLElement;\n const fixedItems = children.filter((item) =>\n item.hasAttribute('data-fixed')\n ) as HTMLElement[];\n const items = children.filter(\n (item) => item !== offset && !fixedItems.includes(item)\n );\n\n const fixedSizes = fixedItems.map((item) => getSize(item, dimension));\n const sizes = items.map((item) => getSize(item, dimension));\n const offsetSize = getSize(offset, dimension);\n\n let previousHiddenItems: HTMLElement[] = [];\n\n function update() {\n previousHiddenItems = updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems,\n offsetValue,\n });\n }\n\n const resizeObserver = new ResizeObserver(() =>\n requestAnimationFrame(update)\n );\n resizeObserver.observe(container);\n\n requestAnimationFrame(update); // Initial update\n\n return {\n disconnect() {\n resizeObserver.disconnect();\n },\n };\n}\n"],"mappings":"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"}

package/es/components/page-header/context.d.ts CHANGED Viewed

@@ -12,6 +12,9 @@ export declare const pageHeaderContext: import("@lit/context").Context<{
     fullyCollapsed: boolean;
     root: null;
     titleClipped: boolean;
+    contentActionsClipped: boolean;
     disableStickyTabBar: boolean;
+    fullWidthGrid: boolean;
+    narrowGrid: boolean;
 }, unknown>;
 //# sourceMappingURL=context.d.ts.map

package/es/components/page-header/context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,iBAAiB~~;;;;;;;WAO5B~~,CAAC"}
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,iBAAiB;;;;;;;;;;WAU5B,CAAC"}

package/es/components/page-header/context.js CHANGED Viewed

@@ -21,7 +21,10 @@ const pageHeaderContext = createContext({
 	fullyCollapsed: false,
 	root: null,
 	titleClipped: false,
-	disableStickyTabBar: false
+	contentActionsClipped: false,
+	disableStickyTabBar: false,
+	fullWidthGrid: false,
+	narrowGrid: false
 });
 //#endregion
 export { pageHeaderContext };

package/es/components/page-header/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/page-header/context.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '@lit/context';\n\nexport const pageHeaderContext = createContext({\n headerOffset: 0,\n breadcrumbOffset: 0,\n fullyCollapsed: false,\n root: null,\n titleClipped: false,\n disableStickyTabBar: false,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAa,oBAAoB,cAAc;CAC7C,cAAc;CACd,kBAAkB;CAClB,gBAAgB;CAChB,MAAM;CACN,cAAc;CACd,qBAAqB;~~CACtB~~,CAAC"}
1	+ {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/page-header/context.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '@lit/context';\n\nexport const pageHeaderContext = createContext({\n headerOffset: 0,\n breadcrumbOffset: 0,\n fullyCollapsed: false,\n root: null,\n titleClipped: false,\n contentActionsClipped: false,\n disableStickyTabBar: false,\n fullWidthGrid: false,\n narrowGrid: false,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAa,oBAAoB,cAAc;CAC7C,cAAc;CACd,kBAAkB;CAClB,gBAAgB;CAChB,MAAM;CACN,cAAc;CACd,uBAAuB;CACvB,qBAAqB;CACrB,eAAe;CACf,YAAY;CACb,CAAC"}

package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts CHANGED Viewed

@@ -20,6 +20,10 @@ export default class CDSPageHeaderActionsSet extends LitElement {
      * The list of page action labels for overflow menu.
      */
     actionsData: PageAction[];
+    /**
+     * Aria label for the toolbar container (`role="toolbar"`).
+     */
+    toolbarAriaLabel: string;
     /**
      * Aria label for the overflow menu button.
      */

package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header-actions-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,6DAA6D,CAAC;AAQrE,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAC7D;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,iBAAiB,SAAuB;IAExC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAcZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAa/C,OAAO,CAAC,sBAAsB;~~IAkG9B~~,oBAAoB;IAQpB,OAAO,CAAC,uBAAuB;IAY/B,MAAM;~~IAwCN~~,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,uBAAuB,CAAC;KACxD;CACF"}
1	+ {"version":3,"file":"page-header-actions-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,6DAA6D,CAAC;AAQrE,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAC7D;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,gBAAgB,SAAkB;IAElC;;OAEG;IAEH,iBAAiB,SAAuB;IAExC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAcZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAa/C,OAAO,CAAC,sBAAsB;IA6G9B,oBAAoB;IAQpB,OAAO,CAAC,uBAAuB;IAY/B,MAAM;IA4CN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,uBAAuB,CAAC;KACxD;CACF"}

package/es/components/page-header/page-header-actions-set/page-header-actions-set.js CHANGED Viewed

@@ -30,6 +30,7 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
 		super(..._args);
 		this.hiddenItems = [];
 		this.actionsData = [];
+		this.toolbarAriaLabel = "Page actions";
 		this.overflowAriaLabel = "More page actions";
 		this.isSetup = false;
 		this.lastContainerWidth = 0;
@@ -60,18 +61,17 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
 		const checkOverflow = () => {
 			const slottedElements = slot?.assignedElements();
 			if (!slottedElements || slottedElements.length === 0) return;
-			const containerWidth = this.offsetWidth || this.itemsContainer.clientWidth;
+			const containerWidth = this.offsetWidth;
 			const overflowMenuWidth = 48;
 			if (containerWidth === 0) return;
 			if (Math.abs(containerWidth - this.lastContainerWidth) < 5) return;
 			this.lastContainerWidth = containerWidth;
+			slottedElements.forEach((el) => el.removeAttribute("data-hidden"));
 			let totalWidth = 0;
 			for (let i = 0; i < slottedElements.length; i++) totalWidth += slottedElements[i].offsetWidth;
 			if (totalWidth <= containerWidth) {
-				slottedElements.forEach((el) => {
-					el.removeAttribute("data-hidden");
-				});
-				this.hiddenItems = [];
+				const newHiddenItems = [];
+				if (this.hiddenItems.length !== 0) this.hiddenItems = newHiddenItems;
 				return;
 			}
 			totalWidth = 0;
@@ -87,7 +87,8 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
 				if (index >= visibleCount) el.setAttribute("data-hidden", "");
 				else el.removeAttribute("data-hidden");
 			});
-			this.hiddenItems = this.actionsData?.slice(visibleCount) || [];
+			const newHiddenItems = this.actionsData?.slice(visibleCount) || [];
+			if (newHiddenItems.length !== this.hiddenItems.length || newHiddenItems.some((item, i) => item !== this.hiddenItems[i])) this.hiddenItems = newHiddenItems;
 		};
 		checkOverflow();
 		this.resizeObserver = new ResizeObserver(() => {
@@ -97,7 +98,6 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
 			}, 100);
 		});
 		this.resizeObserver.observe(this);
-		this.resizeObserver.observe(this.itemsContainer);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback();
@@ -110,12 +110,16 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
 	}
 	render() {
 		return html`
-      <ul class="${blockClass}">
-        <li class="${blockClass}__items">
+      <div
+        class="${blockClass}"
+        role="toolbar"
+        aria-label="${this.toolbarAriaLabel}"
+      >
+        <div class="${blockClass}__items">
           <slot></slot>
-        </li>
+        </div>
-        <li data-offset ?data-hidden=${this.hiddenItems.length === 0}>
+        <div data-offset ?data-hidden=${this.hiddenItems.length === 0}>
           <cds-overflow-menu
             size="md"
             close-on-activation
@@ -140,8 +144,8 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
                 `)}
             </cds-overflow-menu-body>
           </cds-overflow-menu>
-        </li>
-      </ul>
+        </div>
+      </div>
     `;
 	}
 	static {
@@ -154,6 +158,11 @@ __decorate([property({
 	attribute: "actions-data",
 	reflect: true
 })], CDSPageHeaderActionsSet.prototype, "actionsData", void 0);
+__decorate([property({
+	type: String,
+	attribute: "toolbar-aria-label",
+	reflect: true
+})], CDSPageHeaderActionsSet.prototype, "toolbarAriaLabel", void 0);
 __decorate([property({
 	type: String,
 	attribute: "overflow-aria-label",

package/es/components/page-header/page-header-actions-set/page-header-actions-set.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header-actions-set.js","names":["styles","customElement"],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport '@carbon/web-components/es/components/overflow-menu/index.js';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport styles from './page-header-actions-set.scss?lit';\nimport { prefix } from '../../../globals/settings';\n\nconst blockClass = `${prefix}--page-header-actions-set`;\n\ninterface PageAction {\n label: string;\n}\n\n@customElement(`${prefix}-page-header-actions-set`)\nexport default class CDSPageHeaderActionsSet extends LitElement {\n /\n Hidden actions that will be rendered in the overflow menu.\n /\n @state()\n hiddenItems: PageAction[] = [];\n\n /\n The list of page action labels for overflow menu.\n /\n @property({ type: Array, attribute: 'actions-data', reflect: true })\n actionsData: PageAction[] = [];\n\n /\n Aria label for the overflow menu button.\n /\n @property({ type: String, attribute: 'overflow-aria-label', reflect: true })\n overflowAriaLabel = 'More page actions';\n\n /\n Container holding all action buttons and the overflow menu.\n /\n @query(`.${blockClass}`)\n private container!: HTMLElement;\n\n /\n Items wrapper containing the slotted elements.\n */\n @query(`.${blockClass}__items`)\n private itemsContainer!: HTMLElement;\n\n private resizeObserver: ResizeObserver \| undefined;\n private isSetup = false;\n private resizeTimeout: number \| undefined;\n private lastContainerWidth = 0;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.style.visibility = 'hidden';\n }\n\n firstUpdated() {\n if (!this.container) {\n return;\n }\n\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.setupOverflowDetection();\n this.isSetup = true;\n this.style.visibility = 'visible';\n });\n });\n }\n\n updated(changedProperties: Map<string, unknown>) {\n // Only re-setup if actionsData changed and we've already done initial setup\n if (\n this.isSetup &&\n changedProperties.has('actionsData') &&\n !changedProperties.has('hiddenItems')\n ) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => this.setupOverflowDetection());\n });\n }\n }\n\n private setupOverflowDetection() {\n if (!this.itemsContainer) {\n return;\n }\n\n // Disconnect existing observer if any\n this.resizeObserver?.disconnect();\n\n // Get slotted elements\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n\n const checkOverflow = () => {\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n\n if (!slottedElements \|\| slottedElements.length === 0) {\n return;\n }\n\n // Use the host element's width as it reflects the actual available space\n const containerWidth =\n this.offsetWidth \|\| this.itemsContainer.clientWidth;\n const overflowMenuWidth = 48; // Approximate width of overflow menu button\n\n // If container has no width yet, skip check\n if (containerWidth === 0) {\n return;\n }\n\n // Prevent resize loop - only recalculate if width changed significantly (>5px)\n if (Math.abs(containerWidth - this.lastContainerWidth) < 5) {\n return;\n }\n this.lastContainerWidth = containerWidth;\n\n // First, check if all items fit without overflow menu\n let totalWidth = 0;\n for (let i = 0; i < slottedElements.length; i++) {\n totalWidth += slottedElements[i].offsetWidth;\n }\n\n // If all items fit, show all and hide overflow menu\n if (totalWidth <= containerWidth) {\n slottedElements.forEach((el) => {\n el.removeAttribute('data-hidden');\n });\n this.hiddenItems = [];\n return;\n }\n\n // Items don't fit, calculate how many can fit with overflow menu\n totalWidth = 0;\n let visibleCount = 0;\n\n for (let i = 0; i < slottedElements.length; i++) {\n const itemWidth = slottedElements[i].offsetWidth;\n\n // Check if this item plus overflow menu would fit\n if (totalWidth + itemWidth + overflowMenuWidth <= containerWidth) {\n totalWidth += itemWidth;\n visibleCount = i + 1;\n } else {\n break;\n }\n }\n\n // Update visibility\n slottedElements.forEach((el, index) => {\n if (index >= visibleCount) {\n el.setAttribute('data-hidden', '');\n } else {\n el.removeAttribute('data-hidden');\n }\n });\n\n // Update hidden items for overflow menu\n this.hiddenItems = this.actionsData?.slice(visibleCount) \|\| [];\n };\n\n // Initial check\n checkOverflow();\n\n // Observe both the host element and items container for size changes with debouncing\n this.resizeObserver = new ResizeObserver(() => {\n // Clear existing timeout\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n\n // Debounce the check to prevent rapid recalculations\n this.resizeTimeout = window.setTimeout(() => {\n checkOverflow();\n }, 100);\n });\n\n this.resizeObserver.observe(this);\n this.resizeObserver.observe(this.itemsContainer);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.resizeObserver?.disconnect();\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n }\n\n private handleOverflowItemClick(index: number) {\n // Get the slot and find the corresponding slotted element\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n const hiddenIndex =\n this.actionsData.length - this.hiddenItems.length + index;\n const button = slottedElements[hiddenIndex];\n if (button) {\n button.click();\n }\n }\n\n render() {\n return html`\n <ul class=\"${blockClass}\">\n <li class=\"${blockClass}__items\">\n <slot></slot>\n </li>\n\n <li data-offset ?data-hidden=${this.hiddenItems.length === 0}>\n <cds-overflow-menu\n size=\"md\"\n close-on-activation\n enter-delay-ms=\"0\"\n leave-delay-ms=\"0\"\n align=\"left\"\n data-floating-menu-container\n aria-label=\"${this.overflowAriaLabel}\"\n >\n ${iconLoader(OverflowMenuVertical16, {\n class: `${blockClass}__overflow-svg`,\n slot: 'icon',\n })}\n <span slot=\"tooltip-content\">More actions</span>\n <cds-overflow-menu-body flipped>\n ${repeat(\n this.hiddenItems ?? [],\n (_item, index) => index,\n (item, index) => html`\n <cds-overflow-menu-item\n @click=\"${() => this.handleOverflowItemClick(index)}\"\n >\n ${item.label}\n </cds-overflow-menu-item>\n `\n )}\n </cds-overflow-menu-body>\n </cds-overflow-menu>\n </li>\n </ul>\n `;\n }\n static styles = styles;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'c4p-page-header-actions-set': CDSPageHeaderActionsSet;\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"page-header-actions-set.js","names":["styles","customElement"],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport '@carbon/web-components/es/components/overflow-menu/index.js';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport styles from './page-header-actions-set.scss?lit';\nimport { prefix } from '../../../globals/settings';\n\nconst blockClass = `${prefix}--page-header-actions-set`;\n\ninterface PageAction {\n label: string;\n}\n\n@customElement(`${prefix}-page-header-actions-set`)\nexport default class CDSPageHeaderActionsSet extends LitElement {\n /\n Hidden actions that will be rendered in the overflow menu.\n /\n @state()\n hiddenItems: PageAction[] = [];\n\n /\n The list of page action labels for overflow menu.\n /\n @property({ type: Array, attribute: 'actions-data', reflect: true })\n actionsData: PageAction[] = [];\n\n /\n Aria label for the toolbar container (`role=\"toolbar\"`).\n /\n @property({ type: String, attribute: 'toolbar-aria-label', reflect: true })\n toolbarAriaLabel = 'Page actions';\n\n /\n Aria label for the overflow menu button.\n /\n @property({ type: String, attribute: 'overflow-aria-label', reflect: true })\n overflowAriaLabel = 'More page actions';\n\n /\n Container holding all action buttons and the overflow menu.\n /\n @query(`.${blockClass}`)\n private container!: HTMLElement;\n\n /\n Items wrapper containing the slotted elements.\n */\n @query(`.${blockClass}__items`)\n private itemsContainer!: HTMLElement;\n\n private resizeObserver: ResizeObserver \| undefined;\n private isSetup = false;\n private resizeTimeout: number \| undefined;\n private lastContainerWidth = 0;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.style.visibility = 'hidden';\n }\n\n firstUpdated() {\n if (!this.container) {\n return;\n }\n\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.setupOverflowDetection();\n this.isSetup = true;\n this.style.visibility = 'visible';\n });\n });\n }\n\n updated(changedProperties: Map<string, unknown>) {\n // Only re-setup if actionsData changed and we've already done initial setup\n if (\n this.isSetup &&\n changedProperties.has('actionsData') &&\n !changedProperties.has('hiddenItems')\n ) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => this.setupOverflowDetection());\n });\n }\n }\n\n private setupOverflowDetection() {\n if (!this.itemsContainer) {\n return;\n }\n\n // Disconnect existing observer if any\n this.resizeObserver?.disconnect();\n\n // Get slotted elements\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n\n const checkOverflow = () => {\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n\n if (!slottedElements \|\| slottedElements.length === 0) {\n return;\n }\n\n // Use the host element's width as it reflects the actual available space\n const containerWidth = this.offsetWidth;\n const overflowMenuWidth = 48; // Approximate width of overflow menu button\n\n // If container has no width yet, skip check\n if (containerWidth === 0) {\n return;\n }\n\n // Prevent resize loop - only recalculate if width changed significantly (>5px)\n if (Math.abs(containerWidth - this.lastContainerWidth) < 5) {\n return;\n }\n this.lastContainerWidth = containerWidth;\n\n // First, make all items temporarily visible to measure their natural widths\n slottedElements.forEach((el) => el.removeAttribute('data-hidden'));\n\n // First, check if all items fit without overflow menu\n let totalWidth = 0;\n for (let i = 0; i < slottedElements.length; i++) {\n totalWidth += slottedElements[i].offsetWidth;\n }\n\n // If all items fit, show all and hide overflow menu\n if (totalWidth <= containerWidth) {\n const newHiddenItems: PageAction[] = [];\n if (this.hiddenItems.length !== 0) {\n this.hiddenItems = newHiddenItems;\n }\n return;\n }\n\n // Items don't fit, calculate how many can fit with overflow menu\n totalWidth = 0;\n let visibleCount = 0;\n\n for (let i = 0; i < slottedElements.length; i++) {\n const itemWidth = slottedElements[i].offsetWidth;\n\n // Check if this item plus overflow menu would fit\n if (totalWidth + itemWidth + overflowMenuWidth <= containerWidth) {\n totalWidth += itemWidth;\n visibleCount = i + 1;\n } else {\n break;\n }\n }\n\n // Update visibility\n slottedElements.forEach((el, index) => {\n if (index >= visibleCount) {\n el.setAttribute('data-hidden', '');\n } else {\n el.removeAttribute('data-hidden');\n }\n });\n\n // Update hidden items only if the set actually changed to avoid a\n // state-change → re-render → ResizeObserver → loop cycle.\n const newHiddenItems = this.actionsData?.slice(visibleCount) \|\| [];\n if (\n newHiddenItems.length !== this.hiddenItems.length \|\|\n newHiddenItems.some((item, i) => item !== this.hiddenItems[i])\n ) {\n this.hiddenItems = newHiddenItems;\n }\n };\n\n // Initial check\n checkOverflow();\n\n // Observe only the host element for external size changes.\n // Do NOT observe itemsContainer — its size changes are caused by our own\n // state updates (overflow menu appearing/disappearing) which would create\n // a ResizeObserver → setState → re-render → ResizeObserver loop.\n this.resizeObserver = new ResizeObserver(() => {\n // Clear existing timeout\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n\n // Debounce the check to prevent rapid recalculations\n this.resizeTimeout = window.setTimeout(() => {\n checkOverflow();\n }, 100);\n });\n\n this.resizeObserver.observe(this);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.resizeObserver?.disconnect();\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n }\n\n private handleOverflowItemClick(index: number) {\n // Get the slot and find the corresponding slotted element\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n const hiddenIndex =\n this.actionsData.length - this.hiddenItems.length + index;\n const button = slottedElements[hiddenIndex];\n if (button) {\n button.click();\n }\n }\n\n render() {\n return html`\n <div\n class=\"${blockClass}\"\n role=\"toolbar\"\n aria-label=\"${this.toolbarAriaLabel}\"\n >\n <div class=\"${blockClass}__items\">\n <slot></slot>\n </div>\n\n <div data-offset ?data-hidden=${this.hiddenItems.length === 0}>\n <cds-overflow-menu\n size=\"md\"\n close-on-activation\n enter-delay-ms=\"0\"\n leave-delay-ms=\"0\"\n align=\"left\"\n data-floating-menu-container\n aria-label=\"${this.overflowAriaLabel}\"\n >\n ${iconLoader(OverflowMenuVertical16, {\n class: `${blockClass}__overflow-svg`,\n slot: 'icon',\n })}\n <span slot=\"tooltip-content\">More actions</span>\n <cds-overflow-menu-body flipped>\n ${repeat(\n this.hiddenItems ?? [],\n (_item, index) => index,\n (item, index) => html`\n <cds-overflow-menu-item\n @click=\"${() => this.handleOverflowItemClick(index)}\"\n >\n ${item.label}\n </cds-overflow-menu-item>\n `\n )}\n </cds-overflow-menu-body>\n </cds-overflow-menu>\n </div>\n </div>\n `;\n }\n static styles = styles;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'c4p-page-header-actions-set': CDSPageHeaderActionsSet;\n }\n}\n"],"mappings":"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"}

package/es/components/page-header/page-header-breadcrumb.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ declare class CDSPageHeaderBreadcrumb extends LitElement {
      */
     contentActionsFlush: boolean;
     /**
-     * Aria label for the page header actions navigation.
+     * Aria label for the page header actions toolbar.
      */
     actionsAriaLabel: string;
     context: any;

package/es/components/page-header/page-header-breadcrumb.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,gBAAgB,SAAyB;IAIzC,OAAO,MAAC;IAER,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,gBAAgB;IAQxB,MAAM;~~IAyCN~~,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}
1	+ {"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,gBAAgB,SAAyB;IAIzC,OAAO,MAAC;IAER,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,gBAAgB;IAQxB,MAAM;IA2CN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}

package/es/components/page-header/page-header-breadcrumb.js CHANGED Viewed

@@ -50,9 +50,11 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
 	}
 	render() {
 		const { withinGrid, context } = this;
-		const { contentActionsClipped } = context ?? {};
+		const { contentActionsClipped, fullWidthGrid, narrowGrid } = context ?? {};
 		const gridClasses = classMap({
 			[`cds--css-grid`]: !withinGrid,
+			[`cds--css-grid--full-width`]: !withinGrid && !!fullWidthGrid,
+			[`cds--css-grid--narrow`]: !withinGrid && !!narrowGrid,
 			[`cds--subgrid cds--subgrid--wide`]: withinGrid
 		});
 		const contentActionClasses = classMap({
@@ -71,7 +73,7 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
             </div>
             <div
               class="${"c4p"}--page-header__breadcrumb__actions"
-              role="navigation"
+              role="toolbar"
               aria-label="${this.actionsAriaLabel}"
             >
               <div class="${contentActionClasses}">

package/es/components/page-header/page-header-breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header-breadcrumb.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './page-header.scss?lit';\nimport { consume } from '@lit/context';\nimport { pageHeaderContext } from './context';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\n/\n Page header Breadcrumb Bar.\n * @element c4p-page-header-breadcrumb\n /\n@customElement(`${prefix}-page-header-breadcrumb`)\nclass CDSPageHeaderBreadcrumb extends LitElement {\n /\n Specify if breadcrumb bar has bottom border.\n /\n @property({ reflect: true, type: Boolean })\n border = true;\n\n /\n Set to `true` if the breadcrumb bar is sitting within a grid\n * (ie. when used in tandem with page-header-hero-image)\n /\n @property({ attribute: 'within-grid', type: Boolean })\n withinGrid = false;\n\n /\n Set to `true` if page actions should be flush (no padding)\n /\n @property({ attribute: 'page-actions-flush', type: Boolean })\n pageActionsFlush = false;\n\n /\n Set to `true` if content actions should be flush (no padding)\n /\n @property({ attribute: 'content-actions-flush', type: Boolean })\n contentActionsFlush = false;\n\n /\n Aria label for the page header actions ~~navigation~~.\n */\n @property({ type: String, attribute: 'actions-aria-label', reflect: true })\n actionsAriaLabel = 'Page header actions';\n\n @consume({ context: pageHeaderContext, subscribe: true })\n @state()\n context;\n\n connectedCallback() {\n super.connectedCallback();\n // Apply class on initial connection\n this.updateFixedClass();\n }\n\n updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n if (changedProperties.has('context')) {\n this.updateFixedClass();\n }\n }\n\n private updateFixedClass() {\n if (this.context?.disableStickyTabBar) {\n this.classList.add(`${prefix}--page-header-breadcrumb--fixed`);\n } else {\n this.classList.remove(`${prefix}--page-header-breadcrumb--fixed`);\n }\n }\n\n render() {\n const { withinGrid, context } = this;\n const { contentActionsClipped } = context ?? {};\n const gridClasses = classMap({\n [`${carbonPrefix}--css-grid`]: !withinGrid,\n [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,\n });\n\n const contentActionClasses = classMap({\n [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions`]:\n true,\n [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions--show`]:\n contentActionsClipped,\n });\n\n return html`\n <div class=\"${gridClasses}\">\n <div\n class=\"${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column\"\n >\n <div class=\"${prefix}--page-header__breadcrumb-container\">\n <div class=\"${prefix}--page-header__breadcrumb-wrapper\">\n <slot name=\"icon\"></slot>\n <slot></slot>\n </div>\n <div\n class=\"${prefix}--page-header__breadcrumb__actions\"\n role=\"~~navigation~~\"\n aria-label=\"${this.actionsAriaLabel}\"\n >\n <div class=\"${contentActionClasses}\">\n <slot name=\"content-actions\"></slot>\n </div>\n <slot name=\"page-actions\"></slot>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,0BAAA,MACM,gCAAgC,WAAW;;;gBAKtC;oBAOI;0BAMM;6BAMG;0BAMH;;CAMnB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,OAAK,kBAAkB;;CAGzB,QAAQ,mBAAqC;AAC3C,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,UAAU,CAClC,MAAK,kBAAkB;;CAI3B,mBAA2B;AACzB,MAAI,KAAK,SAAS,oBAChB,MAAK,UAAU,IAAI,qCAA2C;MAE9D,MAAK,UAAU,OAAO,qCAA2C;;CAIrE,SAAS;EACP,MAAM,EAAE,YAAY,YAAY;EAChC,MAAM,EAAE,~~0BAA0B~~,WAAW,EAAE;~~EAC/C~~,MAAM,cAAc,SAAS;IAC1B,kBAA8B,CAAC;IAC/B,oCAA4D;GAC9D,CAAC;EAEF,MAAM,uBAAuB,SAAS;IACnC,sEACC;IACD,4EACC;GACH,CAAC;AAEF,SAAO,IAAI;oBACK,YAAY;;yBAEA,kBAAA,MAA+B,kBAAA,MAA+B,mBAAA,MAAgC;;8BAE/F;gCACE;;;;;6BAKH;;4BAEF,KAAK,iBAAiB;;4BAEtB,qBAAqB;;;;;;;;;;;gBAW/BA;;;~~YA9Ff~~,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,UAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,cAAA,KAAA,EAAA;YAMrD,SAAS;CAAE,WAAW;CAAsB,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,oBAAA,KAAA,EAAA;YAM5D,SAAS;CAAE,WAAW;CAAyB,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,uBAAA,KAAA,EAAA;YAM/D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,SAAS;CAAM,CAAC,CAAA,EAAA,wBAAA,WAAA,oBAAA,KAAA,EAAA;YAG1E,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,EACxD,OAAO,CAAA,EAAA,wBAAA,WAAA,WAAA,KAAA,EAAA;sCAlCTC,cAAc,6BAAmC,CAAA,EAAA,wBAAA;~~AAsGlD~~,IAAA,iCAAe"}
1	+ {"version":3,"file":"page-header-breadcrumb.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './page-header.scss?lit';\nimport { consume } from '@lit/context';\nimport { pageHeaderContext } from './context';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\n/\n Page header Breadcrumb Bar.\n * @element c4p-page-header-breadcrumb\n /\n@customElement(`${prefix}-page-header-breadcrumb`)\nclass CDSPageHeaderBreadcrumb extends LitElement {\n /\n Specify if breadcrumb bar has bottom border.\n /\n @property({ reflect: true, type: Boolean })\n border = true;\n\n /\n Set to `true` if the breadcrumb bar is sitting within a grid\n * (ie. when used in tandem with page-header-hero-image)\n /\n @property({ attribute: 'within-grid', type: Boolean })\n withinGrid = false;\n\n /\n Set to `true` if page actions should be flush (no padding)\n /\n @property({ attribute: 'page-actions-flush', type: Boolean })\n pageActionsFlush = false;\n\n /\n Set to `true` if content actions should be flush (no padding)\n /\n @property({ attribute: 'content-actions-flush', type: Boolean })\n contentActionsFlush = false;\n\n /\n Aria label for the page header actions toolbar.\n */\n @property({ type: String, attribute: 'actions-aria-label', reflect: true })\n actionsAriaLabel = 'Page header actions';\n\n @consume({ context: pageHeaderContext, subscribe: true })\n @state()\n context;\n\n connectedCallback() {\n super.connectedCallback();\n // Apply class on initial connection\n this.updateFixedClass();\n }\n\n updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n if (changedProperties.has('context')) {\n this.updateFixedClass();\n }\n }\n\n private updateFixedClass() {\n if (this.context?.disableStickyTabBar) {\n this.classList.add(`${prefix}--page-header-breadcrumb--fixed`);\n } else {\n this.classList.remove(`${prefix}--page-header-breadcrumb--fixed`);\n }\n }\n\n render() {\n const { withinGrid, context } = this;\n const { contentActionsClipped, fullWidthGrid, narrowGrid } = context ?? {};\n const gridClasses = classMap({\n [`${carbonPrefix}--css-grid`]: !withinGrid,\n [`${carbonPrefix}--css-grid--full-width`]: !withinGrid && !!fullWidthGrid,\n [`${carbonPrefix}--css-grid--narrow`]: !withinGrid && !!narrowGrid,\n [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,\n });\n\n const contentActionClasses = classMap({\n [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions`]:\n true,\n [`${prefix}--page-header__breadcrumb__content-actions-with-global-actions--show`]:\n contentActionsClipped,\n });\n\n return html`\n <div class=\"${gridClasses}\">\n <div\n class=\"${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column\"\n >\n <div class=\"${prefix}--page-header__breadcrumb-container\">\n <div class=\"${prefix}--page-header__breadcrumb-wrapper\">\n <slot name=\"icon\"></slot>\n <slot></slot>\n </div>\n <div\n class=\"${prefix}--page-header__breadcrumb__actions\"\n role=\"toolbar\"\n aria-label=\"${this.actionsAriaLabel}\"\n >\n <div class=\"${contentActionClasses}\">\n <slot name=\"content-actions\"></slot>\n </div>\n <slot name=\"page-actions\"></slot>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,0BAAA,MACM,gCAAgC,WAAW;;;gBAKtC;oBAOI;0BAMM;6BAMG;0BAMH;;CAMnB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,OAAK,kBAAkB;;CAGzB,QAAQ,mBAAqC;AAC3C,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,UAAU,CAClC,MAAK,kBAAkB;;CAI3B,mBAA2B;AACzB,MAAI,KAAK,SAAS,oBAChB,MAAK,UAAU,IAAI,qCAA2C;MAE9D,MAAK,UAAU,OAAO,qCAA2C;;CAIrE,SAAS;EACP,MAAM,EAAE,YAAY,YAAY;EAChC,MAAM,EAAE,uBAAuB,eAAe,eAAe,WAAW,EAAE;EAC1E,MAAM,cAAc,SAAS;IAC1B,kBAA8B,CAAC;IAC/B,8BAA0C,CAAC,cAAc,CAAC,CAAC;IAC3D,0BAAsC,CAAC,cAAc,CAAC,CAAC;IACvD,oCAA4D;GAC9D,CAAC;EAEF,MAAM,uBAAuB,SAAS;IACnC,sEACC;IACD,4EACC;GACH,CAAC;AAEF,SAAO,IAAI;oBACK,YAAY;;yBAEA,kBAAA,MAA+B,kBAAA,MAA+B,mBAAA,MAAgC;;8BAE/F;gCACE;;;;;6BAKH;;4BAEF,KAAK,iBAAiB;;4BAEtB,qBAAqB;;;;;;;;;;;gBAW/BA;;;YAhGf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,UAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,cAAA,KAAA,EAAA;YAMrD,SAAS;CAAE,WAAW;CAAsB,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,oBAAA,KAAA,EAAA;YAM5D,SAAS;CAAE,WAAW;CAAyB,MAAM;CAAS,CAAC,CAAA,EAAA,wBAAA,WAAA,uBAAA,KAAA,EAAA;YAM/D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,SAAS;CAAM,CAAC,CAAA,EAAA,wBAAA,WAAA,oBAAA,KAAA,EAAA;YAG1E,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,EACxD,OAAO,CAAA,EAAA,wBAAA,WAAA,WAAA,KAAA,EAAA;sCAlCTC,cAAc,6BAAmC,CAAA,EAAA,wBAAA;AAwGlD,IAAA,iCAAe"}

package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts CHANGED Viewed

@@ -17,9 +17,10 @@ interface Breadcrumb {
 }
 export default class CDSPageHeaderBreadcrumbsSet extends LitElement {
     /**
-     * Hidden items that will be rendered in the overflow menu.
+     * Data items currently collapsed into the overflow menu.
+     * Derived from the DOM nodes the overflow handler marks as hidden.
      */
-    hiddenItems: Breadcrumb[];
+    private _hiddenItems;
     /**
      * The list of breadcrumbs.
      */
@@ -28,6 +29,10 @@ export default class CDSPageHeaderBreadcrumbsSet extends LitElement {
      * The page title to display in the title breadcrumb.
      */
     title: string;
+    /**
+     * Whether custom breadcrumb-content slot content is present.
+     */
+    private _hasBreadcrumbContent;
     /**
      * Aria label for the breadcrumb navigation.
      */
@@ -41,6 +46,10 @@ export default class CDSPageHeaderBreadcrumbsSet extends LitElement {
      */
     private container;
     private overflowHandler;
+    /**
+     * Handles slotchange for the breadcrumb-content slot.
+     */
+    protected _handleBreadcrumbContentSlotChange({ target }: Event): void;
     connectedCallback(): void;
     firstUpdated(): void;
     disconnectedCallback(): void;

package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header-breadcrumbs-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AAIrE,OAAO,sBAAsB,CAAC;AAE9B,OAAO,iCAAiC,CAAC;AAKzC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,UAAU;IACjE~~;;OAEG~~;IAEH,~~WAAW~~,~~EAAE~~,~~UAAU~~,~~EAAE,CAAM~~;~~IAE/B~~;;OAEG;IAEH,eAAe,EAAE,UAAU,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,SAAiB;IAEpC;;OAEG;IAEH,iBAAiB,SAAsB;IAEvC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC,OAAO,CAAC,eAAe,CAAyC;IAEhE,iBAAiB,IAAI,IAAI;IAKzB,YAAY;~~IA6CZ~~,oBAAoB;IAOpB,MAAM;~~IA0DN~~,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,2BAA2B,CAAC;KAChE;CACF"}
1	+ {"version":3,"file":"page-header-breadcrumbs-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,0DAA0D,CAAC;AAClE,OAAO,6DAA6D,CAAC;AAIrE,OAAO,sBAAsB,CAAC;AAE9B,OAAO,iCAAiC,CAAC;AAKzC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,UAAU;IACjE;;;OAGG;IAEH,OAAO,CAAC,YAAY,CAAoB;IAExC;;OAEG;IAEH,eAAe,EAAE,UAAU,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;OAEG;IAEH,mBAAmB,SAAiB;IAEpC;;OAEG;IAEH,iBAAiB,SAAsB;IAEvC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC,OAAO,CAAC,eAAe,CAAyC;IAEhE;;OAEG;IACH,SAAS,CAAC,kCAAkC,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAK9D,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IA8DZ,oBAAoB;IAOpB,MAAM;IAiEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,2BAA2B,CAAC;KAChE;CACF"}