+
`;
}
expandedChanged() {
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-header.js.map b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-header.js.map
index 18e1fd4699..8c7edc52db 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-header.js.map
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-header.js.map
@@ -1 +1 @@
-{"version":3,"file":"rh-accordion-header.js","sourceRoot":"","sources":["rh-accordion-header.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RhAccordion } from './rh-accordion.js';\nimport type { RhAccordionContext } from './context.js';\n\nimport { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\nimport { observes } from '@patternfly/pfe-core/decorators/observes.js';\n\nimport { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';\nimport { DirController } from '../../lib/DirController.js';\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\n\nimport { consume } from '@lit/context';\n\nimport { context } from './context.js';\n\nimport styles from './rh-accordion-header.css';\nimport { HeadingLevelController } from '@rhds/elements/lib/context/headings/controller.js';\n\nexport class AccordionHeaderChangeEvent extends Event {\n declare target: RhAccordionHeader;\n constructor(\n public expanded: boolean,\n public toggle: RhAccordionHeader,\n public accordion: RhAccordion,\n ) {\n super('change', { bubbles: true, cancelable: true });\n }\n}\n\nconst isAccordion = (x: EventTarget): x is RhAccordion =>\n x instanceof HTMLElement && x.localName === 'rh-accordion';\n\n/**\n * Accordion Header\n * We expect the light DOM of the rh-accordion-header to be a heading level tag (h1, h2, h3, h4, h5, h6)\n * @csspart text - inline element containing the heading text or slotted heading content\n * @csspart accents - container for accents within the header\n * @slot - accordion toggle content\n * @slot accents -\n * These elements will appear inline by default with the header title, between the header and the chevron\n * (or after the chevron and header in disclosure mode). There is an option to set the accents placement to bottom\n * @fires {AccordionHeaderChangeEvent} change - when the open panels change\n */\n@customElement('rh-accordion-header')\nexport class RhAccordionHeader extends LitElement {\n static readonly styles = [styles];\n\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n @consume({ context, subscribe: true })\n @property({ attribute: false })\n private ctx?: RhAccordionContext;\n\n @colorContextConsumer()\n private on?: ColorTheme;\n\n #dir = new DirController(this);\n\n #internals = InternalsController.of(this, {\n role: 'heading',\n ariaLevel: '2',\n });\n\n #heading = new HeadingLevelController(this);\n\n override connectedCallback() {\n super.connectedCallback();\n this.id ||= getRandomId(this.localName);\n const accordion = this.closest('rh-accordion');\n const heading = this.closest('h1,h2,h3,h4,h5,h6');\n if (heading && accordion?.contains(heading)) {\n this.#internals.ariaLevel = heading.localName.replace('h', '');\n heading.replaceWith(this);\n } else {\n this.#internals.ariaLevel = Math.max(2, this.#heading.level).toString();\n }\n }\n\n render() {\n const { expanded, on = '' } = this;\n const { accents, large = false } = this.ctx ?? {};\n const rtl = this.#dir.dir === 'rtl';\n return html`\n
\n \n
\n `;\n }\n\n #onClick(event: MouseEvent) {\n const accordion = event.composedPath().find(isAccordion);\n if (accordion) {\n this.dispatchEvent(new AccordionHeaderChangeEvent(!this.expanded, this, accordion));\n }\n }\n\n @observes('expanded')\n private expandedChanged() {\n this.#internals.ariaExpanded = String(!!this.expanded) as 'true' | 'false';\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion-header': RhAccordionHeader;\n }\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"rh-accordion-header.js","sourceRoot":"","sources":["rh-accordion-header.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RhAccordion } from './rh-accordion.js';\nimport type { RhAccordionContext } from './context.js';\n\nimport { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\nimport { observes } from '@patternfly/pfe-core/decorators/observes.js';\n\nimport { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';\nimport { DirController } from '../../lib/DirController.js';\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\n\nimport { consume } from '@lit/context';\n\nimport { context } from './context.js';\n\nimport styles from './rh-accordion-header.css';\nimport { HeadingLevelController } from '@rhds/elements/lib/context/headings/controller.js';\n\nexport class AccordionHeaderChangeEvent extends Event {\n declare target: RhAccordionHeader;\n constructor(\n public expanded: boolean,\n public toggle: RhAccordionHeader,\n public accordion: RhAccordion,\n ) {\n super('change', { bubbles: true, cancelable: true });\n }\n}\n\nconst isAccordion = (x: EventTarget): x is RhAccordion =>\n x instanceof HTMLElement && x.localName === 'rh-accordion';\n\n/**\n * Accordion Header\n * We expect the light DOM of the rh-accordion-header to be a heading level tag (h1, h2, h3, h4, h5, h6)\n * @csspart text - inline element containing the heading text or slotted heading content\n * @csspart accents - container for accents within the header\n * @slot - accordion toggle content\n * @slot accents -\n * These elements will appear inline by default with the header title, between the header and the chevron\n * (or after the chevron and header in disclosure mode). There is an option to set the accents placement to bottom\n * @fires {AccordionHeaderChangeEvent} change - when the open panels change\n */\n@customElement('rh-accordion-header')\nexport class RhAccordionHeader extends LitElement {\n static readonly styles = [styles];\n\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n @consume({ context, subscribe: true })\n @property({ attribute: false })\n private ctx?: RhAccordionContext;\n\n @colorContextConsumer()\n private on?: ColorTheme;\n\n #dir = new DirController(this);\n\n #internals = InternalsController.of(this, {\n role: 'heading',\n ariaLevel: '2',\n });\n\n #heading = new HeadingLevelController(this);\n\n override connectedCallback() {\n super.connectedCallback();\n this.id ||= getRandomId(this.localName);\n const accordion = this.closest('rh-accordion');\n const heading = this.closest('h1,h2,h3,h4,h5,h6');\n if (heading && accordion?.contains(heading)) {\n this.#internals.ariaLevel = heading.localName.replace('h', '');\n heading.replaceWith(this);\n } else {\n this.#internals.ariaLevel = Math.max(2, this.#heading.level).toString();\n }\n }\n\n render() {\n const { expanded, on = 'light' } = this;\n const { accents, large = false } = this.ctx ?? {};\n const rtl = this.#dir.dir === 'rtl';\n return html`\n \n `;\n }\n\n #onClick(event: MouseEvent) {\n const accordion = event.composedPath().find(isAccordion);\n if (accordion) {\n this.dispatchEvent(new AccordionHeaderChangeEvent(!this.expanded, this, accordion));\n }\n }\n\n @observes('expanded')\n private expandedChanged() {\n this.#internals.ariaExpanded = String(!!this.expanded) as 'true' | 'false';\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion-header': RhAccordionHeader;\n }\n}\n"]}
\ No newline at end of file
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.d.ts b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.d.ts
index b09342f2bf..54c6bf2047 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.d.ts
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.d.ts
@@ -7,7 +7,6 @@ import { type ColorPalette } from '../../lib/context/color/provider.js';
* The content of the accordion panel can be any basic markup including but not limited to div, paragraph, or nested accordion panels.
*/
export declare class RhAccordionPanel extends LitElement {
- static readonly version = "{{version}}";
static readonly styles: CSSStyleSheet[];
expanded: boolean;
colorPalette?: ColorPalette;
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js
index 56495502c4..8a135a4725 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js
@@ -39,7 +39,6 @@ let RhAccordionPanel = class RhAccordionPanel extends LitElement {
`;
}
};
-RhAccordionPanel.version = '{{version}}';
RhAccordionPanel.styles = [styles];
__decorate([
property({ type: Boolean, reflect: true })
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js.map b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js.map
index f6a6ae1cbe..aa5356b59e 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js.map
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion-panel.js.map
@@ -1 +1 @@
-{"version":3,"file":"rh-accordion-panel.js","sourceRoot":"","sources":["rh-accordion-panel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAmB,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qCAAqC,CAAC;AAE9F,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;;;AAIvE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAA2B,MAAM,cAAc,CAAC;AAEhE;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAKuC,aAAQ,GAAG,KAAK,CAAC;IA6B/D,CAAC;IAlBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EAAC;QACxC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;QACzC,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;;;;KAKjF,CAAC;IACJ,CAAC;;AAhCe,wBAAO,GAAG,aAAa,AAAhB,CAAiB;AAExB,uBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEU;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAkB;AAGJ;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDAA6B;AAErD;IAA/B,oBAAoB,EAAE;4CAAyB;AAIxC;IAFP,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CACE;AAdtB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAkC5B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\nimport { colorContextProvider, type ColorPalette } from '../../lib/context/color/provider.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nimport styles from './rh-accordion-panel.css';\n\nimport { consume } from '@lit/context';\nimport { context, type RhAccordionContext } from './context.js';\n\n/**\n * Accordion Panel\n *\n * @slot\n * The content of the accordion panel can be any basic markup including but not limited to div, paragraph, or nested accordion panels.\n */\n@customElement('rh-accordion-panel')\nexport class RhAccordionPanel extends LitElement {\n static readonly version = '{{version}}';\n\n static readonly styles = [styles];\n\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer() private on?: ColorTheme;\n\n @consume({ context, subscribe: true })\n @property({ attribute: false })\n private ctx?: RhAccordionContext;\n\n connectedCallback() {\n super.connectedCallback();\n this.id ||= getRandomId(this.localName);\n this.setAttribute('role', 'region');\n }\n\n override render() {\n const { on = '', expanded } = this;\n const { large = false } = this.ctx ?? {};\n return html`\n
\n \n
\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion-panel': RhAccordionPanel;\n }\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"rh-accordion-panel.js","sourceRoot":"","sources":["rh-accordion-panel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAmB,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qCAAqC,CAAC;AAE9F,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;;;AAIvE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAA2B,MAAM,cAAc,CAAC;AAEhE;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAGuC,aAAQ,GAAG,KAAK,CAAC;IA6B/D,CAAC;IAlBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EAAC;QACxC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;QACzC,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;;;;KAKjF,CAAC;IACJ,CAAC;;AA9Be,uBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEU;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAkB;AAGJ;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDAA6B;AAErD;IAA/B,oBAAoB,EAAE;4CAAyB;AAIxC;IAFP,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CACE;AAZtB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAgC5B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\nimport { colorContextProvider, type ColorPalette } from '../../lib/context/color/provider.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nimport styles from './rh-accordion-panel.css';\n\nimport { consume } from '@lit/context';\nimport { context, type RhAccordionContext } from './context.js';\n\n/**\n * Accordion Panel\n *\n * @slot\n * The content of the accordion panel can be any basic markup including but not limited to div, paragraph, or nested accordion panels.\n */\n@customElement('rh-accordion-panel')\nexport class RhAccordionPanel extends LitElement {\n static readonly styles = [styles];\n\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer() private on?: ColorTheme;\n\n @consume({ context, subscribe: true })\n @property({ attribute: false })\n private ctx?: RhAccordionContext;\n\n connectedCallback() {\n super.connectedCallback();\n this.id ||= getRandomId(this.localName);\n this.setAttribute('role', 'region');\n }\n\n override render() {\n const { on = '', expanded } = this;\n const { large = false } = this.ctx ?? {};\n return html`\n
\n \n
\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion-panel': RhAccordionPanel;\n }\n}\n"]}
\ No newline at end of file
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js
index 43c77f61f8..dcc6a2001c 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js
@@ -109,11 +109,15 @@ let RhAccordion = RhAccordion_1 = _a = class RhAccordion extends LitElement {
this.updateAccessibility();
}
render() {
- const { on = 'light' } = this;
+ const { on } = this;
const expanded = __classPrivateFieldGet(this, _RhAccordion_expanded, "f");
return html `
+ class="${classMap({
+ on: true,
+ [on ?? 'light']: true,
+ expanded,
+ })}">
`;
}
async getUpdateComplete() {
diff --git a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js.map b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js.map
index 1e656c8e2f..b92975d594 100644
--- a/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js.map
+++ b/assets/packages/@rhds/elements/elements/rh-accordion/rh-accordion.js.map
@@ -1 +1 @@
-{"version":3,"file":"rh-accordion.js","sourceRoot":"","sources":["rh-accordion.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { observes } from '@patternfly/pfe-core/decorators/observes.js';\nimport { provide } from '@lit/context';\n\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\nimport { colorContextProvider, type ColorPalette } from '../../lib/context/color/provider.js';\n\nimport { NumberListConverter, ComposedEvent } from '@patternfly/pfe-core';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport { RhAccordionHeader, AccordionHeaderChangeEvent } from './rh-accordion-header.js';\nimport { RhAccordionPanel } from './rh-accordion-panel.js';\n\nimport { context, type RhAccordionContext } from './context.js';\n\nimport styles from './rh-accordion.css';\n\nexport class AccordionExpandEvent extends ComposedEvent {\n constructor(\n public toggle: RhAccordionHeader,\n public panel: RhAccordionPanel,\n ) {\n super('expand');\n }\n}\n\nexport class AccordionCollapseEvent extends ComposedEvent {\n constructor(\n public toggle: RhAccordionHeader,\n public panel: RhAccordionPanel,\n ) {\n super('collapse');\n }\n}\n\n/**\n * An accordion is a stacked list of panels which allows users to expand or collapse information when selected. They feature panels that consist of a section text label and a caret icon that collapses or expands to reveal more information.\n * @summary Expands or collapses a stacked list of panels\n * @fires {AccordionExpandEvent} expand - when a panel expands\n * @fires {AccordionCollapseEvent} collapse - when a panel collapses\n * @slot - Place the `rh-accordion-header` and `rh-accordion-panel` elements here.\n * @attr [accents=inline] Position accents in the header either inline or bottom\n */\n@customElement('rh-accordion')\nexport class RhAccordion extends LitElement {\n static readonly styles = [styles];\n\n static isAccordion(target: EventTarget | null): target is RhAccordion {\n return target instanceof RhAccordion;\n }\n\n static isHeader(target: EventTarget | null): target is RhAccordionHeader {\n return target instanceof RhAccordionHeader;\n }\n\n static isPanel(target: EventTarget | null): target is RhAccordionPanel {\n return target instanceof RhAccordionPanel;\n }\n\n static isAccordionChangeEvent(event: Event): event is AccordionHeaderChangeEvent {\n return event instanceof AccordionHeaderChangeEvent;\n }\n\n /**\n * Sets accordion header's accents position to inline or bottom\n */\n @property({ attribute: true, reflect: true }) accents?: 'inline' | 'bottom';\n\n /**\n * If this accordion uses large styles\n */\n @property({ reflect: true, type: Boolean }) large = false;\n\n /**\n * If this accordion has a border\n */\n @property({ reflect: true, type: Boolean }) bordered = true;\n\n /**\n * Color Palette for this accordion.\n * @see https://ux.redhat.com/theming/color-palettes/\n */\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer() private on?: ColorTheme;\n\n /**\n * Sets and reflects the currently expanded accordion 0-based indexes.\n * Use commas to separate multiple indexes.\n * ```html\n * \n * ...\n * \n * ```\n */\n @property({\n attribute: 'expanded-index',\n converter: NumberListConverter,\n hasChanged(value, old) {\n return JSON.stringify(old) !== JSON.stringify(value);\n },\n })\n get expandedIndex() {\n return this.#expandedIndex;\n }\n\n set expandedIndex(value) {\n this.#expandedIndex = value;\n this.#expanded = !!this.#expandedIndex.length;\n this.headers.forEach((header, i) => {\n const expanded = this.#expandedIndexSet.has(i);\n header.expanded = expanded;\n const panel = this.panels[i];\n if (panel) {\n panel.expanded = expanded;\n panel.hidden = !expanded;\n }\n });\n }\n\n /** All headers for this accordion */\n get headers() {\n return this.#allHeaders();\n }\n\n /** All panels for this accordion */\n get panels() {\n return this.#allPanels();\n }\n\n #expandedIndexSet = new Set();\n\n #expanded = false;\n\n #expandedIndex: number[] = [];\n\n #logger = new Logger(this);\n\n #mo = new MutationObserver(() => this.updateAccessibility());\n\n @provide({ context }) private ctx = this.#makeContext();\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('change', this.#onChange as EventListener);\n this.#mo.observe(this, { childList: true });\n this.updateAccessibility();\n }\n\n override render(): TemplateResult {\n const { on = 'light' } = this;\n const expanded = this.#expanded;\n return html`\n
\n `;\n }\n\n protected override async getUpdateComplete(): Promise {\n const c = await super.getUpdateComplete();\n const results = await Promise.all([\n ...this.headers.map(x => x.updateComplete),\n ...this.panels.map(x => x.updateComplete),\n ]);\n return c && results.every(Boolean);\n }\n\n override firstUpdated() {\n this.headers.forEach((header, index) => {\n if (header.expanded) {\n this.#expandedIndexSet.add(index);\n }\n });\n this.expandedIndex = [...this.#expandedIndexSet];\n this.#expanded = !!this.#expandedIndex.length;\n }\n\n @observes('accents')\n @observes('large')\n @observes('bordered')\n @observes('expandedIndex')\n private contextChanged() {\n this.ctx = this.#makeContext();\n }\n\n #makeContext(): RhAccordionContext {\n const { accents = 'inline', large } = this;\n const expanded = this.#expanded;\n return { accents, large, expanded };\n }\n\n #panelForHeader(header: RhAccordionHeader) {\n const next = header.nextElementSibling;\n if (!RhAccordion.isPanel(next)) {\n return next?.querySelector('rh-accordion-panel');\n } else {\n return next;\n }\n }\n\n #expand(index: number) {\n // If this index is not already listed in the expandedSets array, add it\n this.expandedIndex = [...this.#expandedIndexSet.add(index)];\n }\n\n #collapse(index: number) {\n if (this.#expandedIndexSet.delete(index)) {\n this.expandedIndex = [...this.#expandedIndexSet];\n }\n }\n\n #onChange(event: AccordionHeaderChangeEvent) {\n if (RhAccordion.isAccordionChangeEvent(event)) {\n const index = this.#getIndex(event.target);\n if (event.expanded) {\n this.expand(index, event.accordion);\n } else {\n this.collapse(index);\n }\n }\n this.requestUpdate('expandedIndex');\n }\n\n #allHeaders(accordion: RhAccordion = this): RhAccordionHeader[] {\n return Array.from(accordion.children).filter((x): x is RhAccordionHeader =>\n x instanceof RhAccordionHeader\n );\n }\n\n #allPanels(accordion: RhAccordion = this): RhAccordionPanel[] {\n return Array.from(accordion.children).filter((x =>\n RhAccordion.isPanel(x)) as typeof RhAccordion.isPanel\n );\n }\n\n #getIndex(el: Element | null) {\n if (RhAccordion.isHeader(el)) {\n return this.headers.findIndex(header => header.id === el.id);\n }\n\n if (RhAccordion.isPanel(el)) {\n return this.panels.findIndex(panel => panel.id === el.id);\n }\n\n this.#logger.warn('The #getIndex method expects to receive a header or panel element.');\n return -1;\n }\n\n /**\n * Initialize the accordion by connecting headers and panels\n * with aria controls and labels; set up the default disclosure\n * state if not set by the author; and check the URL for default\n * open\n */\n public updateAccessibility() {\n const { headers } = this;\n\n // For each header in the accordion, attach the aria connections\n for (const header of headers) {\n const panel = this.#panelForHeader(header);\n if (panel) {\n header.setAttribute('aria-controls', panel.id);\n panel.setAttribute('aria-labelledby', header.id);\n }\n }\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to expand or collapse.\n * @param index header index to toggle\n */\n public async toggle(index: number) {\n const { headers } = this;\n const header = headers[index];\n\n if (!header.expanded) {\n await this.expand(index);\n } else {\n await this.collapse(index);\n }\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to expand.\n * Accepts an optional parent accordion to search for headers and panels.\n * @param index header index to toggle\n * @param parentAccordion target accordion to expand in\n */\n public async expand(index: number, parentAccordion?: RhAccordion) {\n const allHeaders: RhAccordionHeader[] = this.#allHeaders(parentAccordion);\n\n const header = allHeaders[index];\n if (!header) {\n return;\n }\n\n const panel = this.#panelForHeader(header);\n if (!panel) {\n return;\n }\n\n // If the header and panel exist, open both\n this.#expand(index);\n\n header.focus();\n\n this.dispatchEvent(new AccordionExpandEvent(header, panel));\n\n await this.updateComplete;\n }\n\n /**\n * Expands all accordion items.\n */\n public async expandAll() {\n this.headers.forEach((_, i) => this.#expand(i));\n await this.updateComplete;\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to collapse.\n * @param index header index to collapse\n */\n public async collapse(index: number) {\n const header = this.headers.at(index);\n const panel = this.panels.at(index);\n\n if (!header || !panel) {\n return;\n }\n\n this.#collapse(index);\n\n this.dispatchEvent(new AccordionCollapseEvent(header, panel));\n await this.updateComplete;\n }\n\n /**\n * Collapses all accordion items.\n */\n public async collapseAll() {\n this.headers.forEach((_, i) => this.#collapse(i));\n await this.updateComplete;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion': RhAccordion;\n }\n\n interface HTMLElementEventMap {\n 'expand': AccordionExpandEvent;\n 'collapse': AccordionCollapseEvent;\n }\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"rh-accordion.js","sourceRoot":"","sources":["rh-accordion.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport { observes } from '@patternfly/pfe-core/decorators/observes.js';\nimport { provide } from '@lit/context';\n\nimport { colorContextConsumer, type ColorTheme } from '../../lib/context/color/consumer.js';\nimport { colorContextProvider, type ColorPalette } from '../../lib/context/color/provider.js';\n\nimport { NumberListConverter, ComposedEvent } from '@patternfly/pfe-core';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport { RhAccordionHeader, AccordionHeaderChangeEvent } from './rh-accordion-header.js';\nimport { RhAccordionPanel } from './rh-accordion-panel.js';\n\nimport { context, type RhAccordionContext } from './context.js';\n\nimport styles from './rh-accordion.css';\n\nexport class AccordionExpandEvent extends ComposedEvent {\n constructor(\n public toggle: RhAccordionHeader,\n public panel: RhAccordionPanel,\n ) {\n super('expand');\n }\n}\n\nexport class AccordionCollapseEvent extends ComposedEvent {\n constructor(\n public toggle: RhAccordionHeader,\n public panel: RhAccordionPanel,\n ) {\n super('collapse');\n }\n}\n\n/**\n * An accordion is a stacked list of panels which allows users to expand or collapse information when selected. They feature panels that consist of a section text label and a caret icon that collapses or expands to reveal more information.\n * @summary Expands or collapses a stacked list of panels\n * @fires {AccordionExpandEvent} expand - when a panel expands\n * @fires {AccordionCollapseEvent} collapse - when a panel collapses\n * @slot - Place the `rh-accordion-header` and `rh-accordion-panel` elements here.\n * @attr [accents=inline] Position accents in the header either inline or bottom\n */\n@customElement('rh-accordion')\nexport class RhAccordion extends LitElement {\n static readonly styles = [styles];\n\n static isAccordion(target: EventTarget | null): target is RhAccordion {\n return target instanceof RhAccordion;\n }\n\n static isHeader(target: EventTarget | null): target is RhAccordionHeader {\n return target instanceof RhAccordionHeader;\n }\n\n static isPanel(target: EventTarget | null): target is RhAccordionPanel {\n return target instanceof RhAccordionPanel;\n }\n\n static isAccordionChangeEvent(event: Event): event is AccordionHeaderChangeEvent {\n return event instanceof AccordionHeaderChangeEvent;\n }\n\n /**\n * Sets accordion header's accents position to inline or bottom\n */\n @property({ attribute: true, reflect: true }) accents?: 'inline' | 'bottom';\n\n /**\n * If this accordion uses large styles\n */\n @property({ reflect: true, type: Boolean }) large = false;\n\n /**\n * If this accordion has a border\n */\n @property({ reflect: true, type: Boolean }) bordered = true;\n\n /**\n * Color Palette for this accordion.\n * @see https://ux.redhat.com/theming/color-palettes/\n */\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer() private on?: ColorTheme;\n\n /**\n * Sets and reflects the currently expanded accordion 0-based indexes.\n * Use commas to separate multiple indexes.\n * ```html\n * \n * ...\n * \n * ```\n */\n @property({\n attribute: 'expanded-index',\n converter: NumberListConverter,\n hasChanged(value, old) {\n return JSON.stringify(old) !== JSON.stringify(value);\n },\n })\n get expandedIndex() {\n return this.#expandedIndex;\n }\n\n set expandedIndex(value) {\n this.#expandedIndex = value;\n this.#expanded = !!this.#expandedIndex.length;\n this.headers.forEach((header, i) => {\n const expanded = this.#expandedIndexSet.has(i);\n header.expanded = expanded;\n const panel = this.panels[i];\n if (panel) {\n panel.expanded = expanded;\n panel.hidden = !expanded;\n }\n });\n }\n\n /** All headers for this accordion */\n get headers() {\n return this.#allHeaders();\n }\n\n /** All panels for this accordion */\n get panels() {\n return this.#allPanels();\n }\n\n #expandedIndexSet = new Set();\n\n #expanded = false;\n\n #expandedIndex: number[] = [];\n\n #logger = new Logger(this);\n\n #mo = new MutationObserver(() => this.updateAccessibility());\n\n @provide({ context }) private ctx = this.#makeContext();\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('change', this.#onChange as EventListener);\n this.#mo.observe(this, { childList: true });\n this.updateAccessibility();\n }\n\n override render(): TemplateResult {\n const { on } = this;\n const expanded = this.#expanded;\n return html`\n
\n `;\n }\n\n protected override async getUpdateComplete(): Promise {\n const c = await super.getUpdateComplete();\n const results = await Promise.all([\n ...this.headers.map(x => x.updateComplete),\n ...this.panels.map(x => x.updateComplete),\n ]);\n return c && results.every(Boolean);\n }\n\n override firstUpdated() {\n this.headers.forEach((header, index) => {\n if (header.expanded) {\n this.#expandedIndexSet.add(index);\n }\n });\n this.expandedIndex = [...this.#expandedIndexSet];\n this.#expanded = !!this.#expandedIndex.length;\n }\n\n @observes('accents')\n @observes('large')\n @observes('bordered')\n @observes('expandedIndex')\n private contextChanged() {\n this.ctx = this.#makeContext();\n }\n\n #makeContext(): RhAccordionContext {\n const { accents = 'inline', large } = this;\n const expanded = this.#expanded;\n return { accents, large, expanded };\n }\n\n #panelForHeader(header: RhAccordionHeader) {\n const next = header.nextElementSibling;\n if (!RhAccordion.isPanel(next)) {\n return next?.querySelector('rh-accordion-panel');\n } else {\n return next;\n }\n }\n\n #expand(index: number) {\n // If this index is not already listed in the expandedSets array, add it\n this.expandedIndex = [...this.#expandedIndexSet.add(index)];\n }\n\n #collapse(index: number) {\n if (this.#expandedIndexSet.delete(index)) {\n this.expandedIndex = [...this.#expandedIndexSet];\n }\n }\n\n #onChange(event: AccordionHeaderChangeEvent) {\n if (RhAccordion.isAccordionChangeEvent(event)) {\n const index = this.#getIndex(event.target);\n if (event.expanded) {\n this.expand(index, event.accordion);\n } else {\n this.collapse(index);\n }\n }\n this.requestUpdate('expandedIndex');\n }\n\n #allHeaders(accordion: RhAccordion = this): RhAccordionHeader[] {\n return Array.from(accordion.children).filter((x): x is RhAccordionHeader =>\n x instanceof RhAccordionHeader\n );\n }\n\n #allPanels(accordion: RhAccordion = this): RhAccordionPanel[] {\n return Array.from(accordion.children).filter((x =>\n RhAccordion.isPanel(x)) as typeof RhAccordion.isPanel\n );\n }\n\n #getIndex(el: Element | null) {\n if (RhAccordion.isHeader(el)) {\n return this.headers.findIndex(header => header.id === el.id);\n }\n\n if (RhAccordion.isPanel(el)) {\n return this.panels.findIndex(panel => panel.id === el.id);\n }\n\n this.#logger.warn('The #getIndex method expects to receive a header or panel element.');\n return -1;\n }\n\n /**\n * Initialize the accordion by connecting headers and panels\n * with aria controls and labels; set up the default disclosure\n * state if not set by the author; and check the URL for default\n * open\n */\n public updateAccessibility() {\n const { headers } = this;\n\n // For each header in the accordion, attach the aria connections\n for (const header of headers) {\n const panel = this.#panelForHeader(header);\n if (panel) {\n header.setAttribute('aria-controls', panel.id);\n panel.setAttribute('aria-labelledby', header.id);\n }\n }\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to expand or collapse.\n * @param index header index to toggle\n */\n public async toggle(index: number) {\n const { headers } = this;\n const header = headers[index];\n\n if (!header.expanded) {\n await this.expand(index);\n } else {\n await this.collapse(index);\n }\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to expand.\n * Accepts an optional parent accordion to search for headers and panels.\n * @param index header index to toggle\n * @param parentAccordion target accordion to expand in\n */\n public async expand(index: number, parentAccordion?: RhAccordion) {\n const allHeaders: RhAccordionHeader[] = this.#allHeaders(parentAccordion);\n\n const header = allHeaders[index];\n if (!header) {\n return;\n }\n\n const panel = this.#panelForHeader(header);\n if (!panel) {\n return;\n }\n\n // If the header and panel exist, open both\n this.#expand(index);\n\n header.focus();\n\n this.dispatchEvent(new AccordionExpandEvent(header, panel));\n\n await this.updateComplete;\n }\n\n /**\n * Expands all accordion items.\n */\n public async expandAll() {\n this.headers.forEach((_, i) => this.#expand(i));\n await this.updateComplete;\n }\n\n /**\n * Accepts a 0-based index value (integer) for the set of accordion items to collapse.\n * @param index header index to collapse\n */\n public async collapse(index: number) {\n const header = this.headers.at(index);\n const panel = this.panels.at(index);\n\n if (!header || !panel) {\n return;\n }\n\n this.#collapse(index);\n\n this.dispatchEvent(new AccordionCollapseEvent(header, panel));\n await this.updateComplete;\n }\n\n /**\n * Collapses all accordion items.\n */\n public async collapseAll() {\n this.headers.forEach((_, i) => this.#collapse(i));\n await this.updateComplete;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'rh-accordion': RhAccordion;\n }\n\n interface HTMLElementEventMap {\n 'expand': AccordionExpandEvent;\n 'collapse': AccordionCollapseEvent;\n }\n}\n"]}
\ No newline at end of file
diff --git a/assets/packages/@rhds/elements/elements/rh-surface/test/elements.js.map b/assets/packages/@rhds/elements/elements/rh-surface/test/elements.js.map
index d2799f86c6..a1be31dd40 100644
--- a/assets/packages/@rhds/elements/elements/rh-surface/test/elements.js.map
+++ b/assets/packages/@rhds/elements/elements/rh-surface/test/elements.js.map
@@ -1 +1 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["elements.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EACL,oBAAoB,GAErB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,oBAAoB,GAErB,MAAM,8CAA8C,CAAC;AAG/C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,eAAe;CAInD,CAAA;AADC;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACZ;AAHL,eAAe;IAD3B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,eAAe,CAI3B;;AAGM,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,eAAe;CAO3D,CAAA;AAJC;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACZ;AAGyC;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6DAA6B;AAN1E,uBAAuB;IADnC,aAAa,CAAC,gCAAgC,CAAC;GACnC,uBAAuB,CAOnC;;AAGM,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,eAAe;CAO3D,CAAA;AAL0D;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6DAA6B;AAIrF;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACZ;AANL,uBAAuB;IADnC,aAAa,CAAC,gCAAgC,CAAC;GACnC,uBAAuB,CAOnC","sourcesContent":["import { ReactiveElement } from 'lit';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport {\n colorContextConsumer,\n type ColorTheme,\n} from '@rhds/elements/lib/context/color/consumer.js';\nimport {\n colorContextProvider,\n type ColorPalette,\n} from '@rhds/elements/lib/context/color/provider.js';\n\n@customElement('test-context-consumer')\nexport class ContextConsumer extends ReactiveElement {\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n}\n\n@customElement('test-context-consumer-provider')\nexport class ContextConsumerProvider extends ReactiveElement {\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n}\n\n@customElement('test-context-provider-consumer')\nexport class ContextProviderConsumer extends ReactiveElement {\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n}\n\n"]}
\ No newline at end of file
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["elements.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EACL,oBAAoB,GAErB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EACL,oBAAoB,GAErB,MAAM,8CAA8C,CAAC;AAG/C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,eAAe;CAInD,CAAA;AADC;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACZ;AAHL,eAAe;IAD3B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,eAAe,CAI3B;;AAGM,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,eAAe;CAO3D,CAAA;AAJC;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACZ;AAGyC;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6DAA6B;AAN1E,uBAAuB;IADnC,aAAa,CAAC,gCAAgC,CAAC;GACnC,uBAAuB,CAOnC;;AAGM,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,eAAe;CAO3D,CAAA;AAL0D;IADxD,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;6DAA6B;AAIrF;IAFC,oBAAoB,EAAE;IACtB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACZ;AANL,uBAAuB;IADnC,aAAa,CAAC,gCAAgC,CAAC;GACnC,uBAAuB,CAOnC","sourcesContent":["import { ReactiveElement } from 'lit';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport {\n colorContextConsumer,\n type ColorTheme,\n} from '@rhds/elements/lib/context/color/consumer.js';\n\nimport {\n colorContextProvider,\n type ColorPalette,\n} from '@rhds/elements/lib/context/color/provider.js';\n\n@customElement('test-context-consumer')\nexport class ContextConsumer extends ReactiveElement {\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n}\n\n@customElement('test-context-consumer-provider')\nexport class ContextConsumerProvider extends ReactiveElement {\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n}\n\n@customElement('test-context-provider-consumer')\nexport class ContextProviderConsumer extends ReactiveElement {\n @colorContextProvider()\n @property({ reflect: true, attribute: 'color-palette' }) colorPalette?: ColorPalette;\n\n @colorContextConsumer()\n @property({ reflect: true })\n on?: ColorTheme;\n}\n"]}
\ No newline at end of file
diff --git a/assets/packages/@rhds/elements/lib/context/color/consumer.d.ts b/assets/packages/@rhds/elements/lib/context/color/consumer.d.ts
index 5b677fa951..637a4ca9c7 100644
--- a/assets/packages/@rhds/elements/lib/context/color/consumer.d.ts
+++ b/assets/packages/@rhds/elements/lib/context/color/consumer.d.ts
@@ -22,7 +22,7 @@ export declare class ColorContextConsumer extends Col
constructor(host: T, options?: ColorContextConsumerOptions | undefined);
/** When a consumer connects, it requests colour context from the closest provider. */
hostConnected(): Promise;
- hostUpdated(): void;
+ hostUpdated(): Promise;
/** When a consumer disconnects, it's removed from the list of consumers. */
hostDisconnected(): void;
/**
diff --git a/assets/packages/@rhds/elements/lib/context/color/consumer.js b/assets/packages/@rhds/elements/lib/context/color/consumer.js
index 54d97f0160..2b75c8cca6 100644
--- a/assets/packages/@rhds/elements/lib/context/color/consumer.js
+++ b/assets/packages/@rhds/elements/lib/context/color/consumer.js
@@ -32,11 +32,17 @@ export class ColorContextConsumer extends ColorContextController {
this.host.dispatchEvent(event);
__classPrivateFieldSet(this, _ColorContextConsumer_override, null, "f");
}
- hostUpdated() {
+ async hostUpdated() {
if (!isServer && !this.host.hasUpdated) {
// This is definitely overkill, but it's the only
// way we've found so far to work around lit-ssr hydration woes
- this.hostConnected();
+ const original = __classPrivateFieldGet(this, _ColorContextConsumer_instances, "a", _ColorContextConsumer_propertyValue_get);
+ if (original) {
+ await this.host.updateComplete;
+ __classPrivateFieldSet(this, _ColorContextConsumer_instances, '__LIT_SSR_WORKAROUND__', "a", _ColorContextConsumer_propertyValue_set);
+ await this.host.updateComplete;
+ __classPrivateFieldSet(this, _ColorContextConsumer_instances, original, "a", _ColorContextConsumer_propertyValue_set);
+ }
}
}
/** When a consumer disconnects, it's removed from the list of consumers. */
diff --git a/assets/packages/@rhds/elements/lib/context/color/consumer.js.map b/assets/packages/@rhds/elements/lib/context/color/consumer.js.map
index c2f4db4711..b3b6515b4e 100644
--- a/assets/packages/@rhds/elements/lib/context/color/consumer.js.map
+++ b/assets/packages/@rhds/elements/lib/context/color/consumer.js.map
@@ -1 +1 @@
-{"version":3,"file":"consumer.js","sourceRoot":"","sources":["consumer.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type ReactiveController, type ReactiveElement } from 'lit';\n\nimport {\n contextEvents,\n ColorContextController,\n type ColorContextOptions,\n} from './controller.js';\n\nimport { ContextRequestEvent } from '../event.js';\n\nimport styles from '@rhds/tokens/css/color-context-consumer.css.js';\n\n/**\n * A Color theme is a context-specific restriction on the available color palettes\n *\n * `ColorTheme` is associated with the `on` attribute and the `--context` css property\n */\nexport type ColorTheme = (\n | 'dark'\n | 'light'\n | 'saturated'\n);\n\ninterface ColorContextConsumerOptions extends ColorContextOptions {\n /** Private callback for instances where a consumer is also a provider. */\n callback?: (value: ColorTheme) => void;\n}\n\n/**\n * A color context consumer receives sets it's context property based on the context provided\n * by the closest color context provider.\n * The consumer has no direct access to the context, it must receive it from the provider.\n */\nexport class ColorContextConsumer<\n T extends ReactiveElement\n> extends ColorContextController implements ReactiveController {\n #propertyName: keyof T;\n\n get #propertyValue() {\n return this.host[this.#propertyName] as ColorTheme;\n }\n\n set #propertyValue(x) {\n this.host[this.#propertyName] = x as T[keyof T];\n this.host.requestUpdate();\n }\n\n get value() {\n return this.#propertyValue;\n }\n\n #dispose?: () => void;\n\n #override: ColorTheme | null = null;\n\n constructor(host: T, private options?: ColorContextConsumerOptions) {\n super(host, styles);\n this.#propertyName = options?.propertyName ?? 'on' as keyof T;\n }\n\n /** When a consumer connects, it requests colour context from the closest provider. */\n async hostConnected() {\n const { context } = ColorContextController;\n const event = new ContextRequestEvent(context, e => this.#contextCallback(e), true);\n this.#override = this.#propertyValue;\n contextEvents.set(this.host, event);\n await this.host.updateComplete;\n this.host.dispatchEvent(event);\n this.#override = null;\n }\n\n hostUpdated() {\n if (!isServer && !this.host.hasUpdated) {\n // This is definitely overkill, but it's the only\n // way we've found so far to work around lit-ssr hydration woes\n this.hostConnected();\n }\n }\n\n /** When a consumer disconnects, it's removed from the list of consumers. */\n hostDisconnected() {\n this.#dispose?.();\n this.#dispose = undefined;\n contextEvents.delete(this.host);\n }\n\n /**\n * Register the dispose callback for hosts that requested multiple updates,\n * then update the colour-context\n * @param value the color theme\n * @param dispose cleanup callback\n */\n #contextCallback(value: ColorTheme | null, dispose?: () => void) {\n // protect against changing providers\n if (dispose && dispose !== this.#dispose) {\n this.#dispose?.();\n this.#dispose = dispose;\n }\n this.update(value);\n }\n\n /**\n * Sets the `on` attribute on the host and any children that requested multiple updates\n * @param next the color theme\n */\n public update(next: ColorTheme | null) {\n const { last } = this;\n if (!this.#override && next !== last) {\n this.last = next;\n this.#propertyValue = (next ?? undefined) as ColorTheme;\n }\n this.options?.callback?.(this.#propertyValue);\n }\n}\n\n/**\n * Makes this element a color context consumer\n * @param options options\n */\nexport function colorContextConsumer<\n T extends ReactiveElement\n>(options?: ColorContextOptions) {\n return function(proto: T, _propertyName: string | keyof T) {\n const propertyName = _propertyName as keyof T;\n (proto.constructor as typeof ReactiveElement).addInitializer(instance => {\n const controller = new ColorContextConsumer(instance as T, { propertyName, ...options });\n // @ts-expect-error: this assignment is strictly for debugging purposes\n instance.__DEBUG_colorContextConsumer = controller;\n });\n };\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"consumer.js","sourceRoot":"","sources":["consumer.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type ReactiveController, type ReactiveElement } from 'lit';\n\nimport {\n contextEvents,\n ColorContextController,\n type ColorContextOptions,\n} from './controller.js';\n\nimport { ContextRequestEvent } from '../event.js';\n\nimport styles from '@rhds/tokens/css/color-context-consumer.css.js';\n\n/**\n * A Color theme is a context-specific restriction on the available color palettes\n *\n * `ColorTheme` is associated with the `on` attribute and the `--context` css property\n */\nexport type ColorTheme = (\n | 'dark'\n | 'light'\n | 'saturated'\n);\n\ninterface ColorContextConsumerOptions extends ColorContextOptions {\n /** Private callback for instances where a consumer is also a provider. */\n callback?: (value: ColorTheme) => void;\n}\n\n/**\n * A color context consumer receives sets it's context property based on the context provided\n * by the closest color context provider.\n * The consumer has no direct access to the context, it must receive it from the provider.\n */\nexport class ColorContextConsumer<\n T extends ReactiveElement\n> extends ColorContextController implements ReactiveController {\n #propertyName: keyof T;\n\n get #propertyValue() {\n return this.host[this.#propertyName] as ColorTheme;\n }\n\n set #propertyValue(x) {\n this.host[this.#propertyName] = x as T[keyof T];\n this.host.requestUpdate();\n }\n\n get value() {\n return this.#propertyValue;\n }\n\n #dispose?: () => void;\n\n #override: ColorTheme | null = null;\n\n constructor(host: T, private options?: ColorContextConsumerOptions) {\n super(host, styles);\n this.#propertyName = options?.propertyName ?? 'on' as keyof T;\n }\n\n /** When a consumer connects, it requests colour context from the closest provider. */\n async hostConnected() {\n const { context } = ColorContextController;\n const event = new ContextRequestEvent(context, e => this.#contextCallback(e), true);\n this.#override = this.#propertyValue;\n contextEvents.set(this.host, event);\n await this.host.updateComplete;\n this.host.dispatchEvent(event);\n this.#override = null;\n }\n\n async hostUpdated() {\n if (!isServer && !this.host.hasUpdated) {\n // This is definitely overkill, but it's the only\n // way we've found so far to work around lit-ssr hydration woes\n const original = this.#propertyValue;\n\n if (original) {\n await this.host.updateComplete;\n this.#propertyValue = '__LIT_SSR_WORKAROUND__' as ColorTheme;\n await this.host.updateComplete;\n this.#propertyValue = original as ColorTheme;\n }\n }\n }\n\n /** When a consumer disconnects, it's removed from the list of consumers. */\n hostDisconnected() {\n this.#dispose?.();\n this.#dispose = undefined;\n contextEvents.delete(this.host);\n }\n\n /**\n * Register the dispose callback for hosts that requested multiple updates,\n * then update the colour-context\n * @param value the color theme\n * @param dispose cleanup callback\n */\n #contextCallback(value: ColorTheme | null, dispose?: () => void) {\n // protect against changing providers\n if (dispose && dispose !== this.#dispose) {\n this.#dispose?.();\n this.#dispose = dispose;\n }\n this.update(value);\n }\n\n /**\n * Sets the `on` attribute on the host and any children that requested multiple updates\n * @param next the color theme\n */\n public update(next: ColorTheme | null) {\n const { last } = this;\n if (!this.#override && next !== last) {\n this.last = next;\n this.#propertyValue = (next ?? undefined) as ColorTheme;\n }\n this.options?.callback?.(this.#propertyValue);\n }\n}\n\n/**\n * Makes this element a color context consumer\n * @param options options\n */\nexport function colorContextConsumer<\n T extends ReactiveElement\n>(options?: ColorContextOptions) {\n return function(proto: T, _propertyName: string | keyof T) {\n const propertyName = _propertyName as keyof T;\n (proto.constructor as typeof ReactiveElement).addInitializer(instance => {\n const controller = new ColorContextConsumer(instance as T, { propertyName, ...options });\n // @ts-expect-error: this assignment is strictly for debugging purposes\n instance.__DEBUG_colorContextConsumer = controller;\n });\n };\n}\n"]}
\ No newline at end of file
diff --git a/assets/packages/@rhds/elements/lib/context/color/provider.js b/assets/packages/@rhds/elements/lib/context/color/provider.js
index c2ae2b9d13..708dd5687b 100644
--- a/assets/packages/@rhds/elements/lib/context/color/provider.js
+++ b/assets/packages/@rhds/elements/lib/context/color/provider.js
@@ -52,10 +52,10 @@ export class ColorContextProvider extends ColorContextController {
async hostConnected() {
this.host.addEventListener('context-request', e => __classPrivateFieldGet(this, _ColorContextProvider_instances, "m", _ColorContextProvider_onChildContextRequestEvent).call(this, e));
__classPrivateFieldGet(this, _ColorContextProvider_mo, "f").observe(this.host, { attributes: true, attributeFilter: [__classPrivateFieldGet(this, _ColorContextProvider_attribute, "f")] });
+ await this.host.updateComplete;
for (const [host, fired] of contextEvents) {
host.dispatchEvent(fired);
}
- await this.host.updateComplete;
this.update();
return true;
}
diff --git a/assets/packages/@rhds/elements/lib/context/color/provider.js.map b/assets/packages/@rhds/elements/lib/context/color/provider.js.map
index 8baec8f82f..8bbba8f8ea 100644
--- a/assets/packages/@rhds/elements/lib/context/color/provider.js.map
+++ b/assets/packages/@rhds/elements/lib/context/color/provider.js.map
@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type ReactiveController, type ReactiveElement } from 'lit';\nimport type { ContextCallback, ContextRequestEvent, UnknownContext } from '../event.js';\n\nimport {\n contextEvents,\n ColorContextController,\n type ColorContextOptions,\n} from './controller.js';\n\nimport { ColorContextConsumer, type ColorTheme } from './consumer.js';\n\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport styles from '@rhds/tokens/css/color-context-provider.css.js';\n\n/**\n * A `ColorPalette` is a collection of specific color values\n * Choosing a palette sets both color properties and, if the component is a context provider,\n * implies a color theme for descendents.\n *\n * `ColorPalette` is associated with the `color-palette` attribute\n */\nexport type ColorPalette = (\n | 'base'\n | 'accent'\n | 'complement'\n | 'light'\n | 'lighter'\n | 'lightest'\n | 'dark'\n | 'darker'\n | 'darkest'\n);\n\nexport interface ColorContextProviderOptions\n extends ColorContextOptions {\n /** Attribute to set context. Providers only */\n attribute?: string;\n}\n\n/**\n * `ColorContextProvider` is responsible to derive a context value from CSS and provide it to its\n * descendents.\n */\nexport class ColorContextProvider<\n T extends ReactiveElement\n> extends ColorContextController implements ReactiveController {\n static contexts = new Map(Object.entries({\n darkest: 'dark' as const,\n darker: 'dark' as const,\n dark: 'dark' as const,\n light: 'light' as const,\n lighter: 'light' as const,\n lightest: 'light' as const,\n }));\n\n #attribute: string;\n\n /** Cache of context callbacks. Call each to update consumers */\n #callbacks = new Set>();\n\n /** Mutation observer which updates consumers when `color-palette` attribute change. */\n #mo = new MutationObserver(() => this.update());\n\n /**\n * Cached (live) computed style declaration\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle\n */\n // eslint-disable-next-line no-unused-private-class-members\n #style: CSSStyleDeclaration;\n\n #initialized = false;\n\n #logger: Logger;\n\n #consumer: ColorContextConsumer;\n\n get local() {\n return this.#local;\n }\n\n get #local() {\n return ColorContextProvider\n .contexts.get(this.host.getAttribute(this.#attribute) ?? '');\n }\n\n get value(): ColorTheme {\n return this.#local ?? this.#consumer.value;\n }\n\n constructor(host: T, options?: ColorContextProviderOptions) {\n const { attribute = 'color-palette' } = options ?? {};\n super(host, styles);\n this.#consumer = new ColorContextConsumer(host, {\n callback: value => this.update(value),\n });\n this.#logger = new Logger(host);\n this.#style = window.getComputedStyle(host);\n this.#attribute = attribute;\n if (this.#attribute !== 'color-palette') {\n this.#logger.warn('color context currently supports the `color-palette` attribute only.');\n }\n }\n\n /**\n * When a context provider connects, it listens for context-request events\n * it also fires all previously fired context-request events from their hosts,\n * in case this context provider upgraded after and is closer to a given consumer.\n */\n async hostConnected() {\n this.host.addEventListener('context-request', e => this.#onChildContextRequestEvent(e));\n this.#mo.observe(this.host, { attributes: true, attributeFilter: [this.#attribute] });\n for (const [host, fired] of contextEvents) {\n host.dispatchEvent(fired);\n }\n await this.host.updateComplete;\n this.update();\n return true;\n }\n\n async hostUpdated() {\n if (!this.#initialized) {\n this.hostConnected();\n }\n this.#initialized ||= await this.hostConnected();\n if (this.#local && this.value !== this.#consumer.value) {\n this.#consumer.update(this.#local);\n this.update();\n }\n if (!isServer) {\n // This is definitely overkill, but it's the only\n // way we've found so far to work around lit-ssr hydration woes\n this.update();\n }\n }\n\n /**\n * When a context provider disconnects, it disconnects its mutation observer\n */\n hostDisconnected() {\n this.#callbacks.forEach(x => this.#callbacks.delete(x));\n this.#mo.disconnect();\n }\n\n /**\n * Was the context event fired requesting our colour-context context?\n * @param event some event\n */\n #isColorContextEvent(\n event: ContextRequestEvent\n ): event is ContextRequestEvent {\n return event.composedPath().at(0) !== this.host\n && event.context === ColorContextController.context;\n }\n\n /**\n * Provider part of context API\n * When a child connects, claim its context-request event\n * and add its callback to the Set of children if it requests multiple updates\n * @param event context-request event\n */\n async #onChildContextRequestEvent(event: ContextRequestEvent) {\n // only handle ContextEvents relevant to colour context\n if (this.#isColorContextEvent(event)) {\n event.stopPropagation();\n\n // Run the callback to initialize the child's colour-context\n event.callback(this.value);\n\n // Cache the callback for future updates, if requested\n if (event.subscribe) {\n this.#callbacks.add(event.callback);\n }\n }\n }\n\n /**\n * Calls the context callback for all consumers\n * @param [force] override theme\n */\n public override async update(force?: ColorTheme) {\n for (const cb of this.#callbacks) {\n cb(force ?? this.value);\n }\n }\n}\n\n/**\n * Makes this element a color context provider which updates its consumers when the decorated field changes\n * @param options options\n */\nexport function colorContextProvider(options?: ColorContextOptions) {\n return function(proto: T, _propertyName: string) {\n const propertyName = _propertyName as keyof T;\n const klass = (proto.constructor as typeof ReactiveElement);\n const propOpts = klass.getPropertyOptions(_propertyName);\n const attribute = typeof propOpts.attribute === 'boolean' ? undefined : propOpts.attribute;\n klass.addInitializer(instance => {\n const controller = new ColorContextProvider(instance as T, {\n propertyName,\n attribute,\n ...options,\n });\n // @ts-expect-error: this assignment is strictly for debugging purposes\n instance.__DEBUG_colorContextProvider = controller;\n });\n };\n}\n"]}
\ No newline at end of file
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type ReactiveController, type ReactiveElement } from 'lit';\nimport type { ContextCallback, ContextRequestEvent, UnknownContext } from '../event.js';\n\nimport {\n contextEvents,\n ColorContextController,\n type ColorContextOptions,\n} from './controller.js';\n\nimport { ColorContextConsumer, type ColorTheme } from './consumer.js';\n\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport styles from '@rhds/tokens/css/color-context-provider.css.js';\n\n/**\n * A `ColorPalette` is a collection of specific color values\n * Choosing a palette sets both color properties and, if the component is a context provider,\n * implies a color theme for descendents.\n *\n * `ColorPalette` is associated with the `color-palette` attribute\n */\nexport type ColorPalette = (\n | 'base'\n | 'accent'\n | 'complement'\n | 'light'\n | 'lighter'\n | 'lightest'\n | 'dark'\n | 'darker'\n | 'darkest'\n);\n\nexport interface ColorContextProviderOptions\n extends ColorContextOptions {\n /** Attribute to set context. Providers only */\n attribute?: string;\n}\n\n/**\n * `ColorContextProvider` is responsible to derive a context value from CSS and provide it to its\n * descendents.\n */\nexport class ColorContextProvider<\n T extends ReactiveElement\n> extends ColorContextController implements ReactiveController {\n static contexts = new Map(Object.entries({\n darkest: 'dark' as const,\n darker: 'dark' as const,\n dark: 'dark' as const,\n light: 'light' as const,\n lighter: 'light' as const,\n lightest: 'light' as const,\n }));\n\n #attribute: string;\n\n /** Cache of context callbacks. Call each to update consumers */\n #callbacks = new Set>();\n\n /** Mutation observer which updates consumers when `color-palette` attribute change. */\n #mo = new MutationObserver(() => this.update());\n\n /**\n * Cached (live) computed style declaration\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle\n */\n // eslint-disable-next-line no-unused-private-class-members\n #style: CSSStyleDeclaration;\n\n #initialized = false;\n\n #logger: Logger;\n\n #consumer: ColorContextConsumer;\n\n get local() {\n return this.#local;\n }\n\n get #local() {\n return ColorContextProvider\n .contexts.get(this.host.getAttribute(this.#attribute) ?? '');\n }\n\n get value(): ColorTheme {\n return this.#local ?? this.#consumer.value;\n }\n\n constructor(host: T, options?: ColorContextProviderOptions) {\n const { attribute = 'color-palette' } = options ?? {};\n super(host, styles);\n this.#consumer = new ColorContextConsumer(host, {\n callback: value => this.update(value),\n });\n this.#logger = new Logger(host);\n this.#style = window.getComputedStyle(host);\n this.#attribute = attribute;\n if (this.#attribute !== 'color-palette') {\n this.#logger.warn('color context currently supports the `color-palette` attribute only.');\n }\n }\n\n /**\n * When a context provider connects, it listens for context-request events\n * it also fires all previously fired context-request events from their hosts,\n * in case this context provider upgraded after and is closer to a given consumer.\n */\n async hostConnected() {\n this.host.addEventListener('context-request', e => this.#onChildContextRequestEvent(e));\n this.#mo.observe(this.host, { attributes: true, attributeFilter: [this.#attribute] });\n await this.host.updateComplete;\n for (const [host, fired] of contextEvents) {\n host.dispatchEvent(fired);\n }\n this.update();\n return true;\n }\n\n async hostUpdated() {\n if (!this.#initialized) {\n this.hostConnected();\n }\n this.#initialized ||= await this.hostConnected();\n if (this.#local && this.value !== this.#consumer.value) {\n this.#consumer.update(this.#local);\n this.update();\n }\n if (!isServer) {\n // This is definitely overkill, but it's the only\n // way we've found so far to work around lit-ssr hydration woes\n this.update();\n }\n }\n\n /**\n * When a context provider disconnects, it disconnects its mutation observer\n */\n hostDisconnected() {\n this.#callbacks.forEach(x => this.#callbacks.delete(x));\n this.#mo.disconnect();\n }\n\n /**\n * Was the context event fired requesting our colour-context context?\n * @param event some event\n */\n #isColorContextEvent(\n event: ContextRequestEvent\n ): event is ContextRequestEvent {\n return event.composedPath().at(0) !== this.host\n && event.context === ColorContextController.context;\n }\n\n /**\n * Provider part of context API\n * When a child connects, claim its context-request event\n * and add its callback to the Set of children if it requests multiple updates\n * @param event context-request event\n */\n async #onChildContextRequestEvent(event: ContextRequestEvent) {\n // only handle ContextEvents relevant to colour context\n if (this.#isColorContextEvent(event)) {\n event.stopPropagation();\n\n // Run the callback to initialize the child's colour-context\n event.callback(this.value);\n\n // Cache the callback for future updates, if requested\n if (event.subscribe) {\n this.#callbacks.add(event.callback);\n }\n }\n }\n\n /**\n * Calls the context callback for all consumers\n * @param [force] override theme\n */\n public override async update(force?: ColorTheme) {\n for (const cb of this.#callbacks) {\n cb(force ?? this.value);\n }\n }\n}\n\n/**\n * Makes this element a color context provider which updates its consumers when the decorated field changes\n * @param options options\n */\nexport function colorContextProvider(options?: ColorContextOptions) {\n return function(proto: T, _propertyName: string) {\n const propertyName = _propertyName as keyof T;\n const klass = (proto.constructor as typeof ReactiveElement);\n const propOpts = klass.getPropertyOptions(_propertyName);\n const attribute = typeof propOpts.attribute === 'boolean' ? undefined : propOpts.attribute;\n klass.addInitializer(instance => {\n const controller = new ColorContextProvider(instance as T, {\n propertyName,\n attribute,\n ...options,\n });\n // @ts-expect-error: this assignment is strictly for debugging purposes\n instance.__DEBUG_colorContextProvider = controller;\n });\n };\n}\n"]}
\ No newline at end of file
diff --git a/elements/accordion/code/index.html b/elements/accordion/code/index.html
index eb26414880..29c23c9060 100644
--- a/elements/accordion/code/index.html
+++ b/elements/accordion/code/index.html
@@ -9637,7 +9637,6 @@