@ember-eui/core 13.0.4 → 14.0.0

package/dist/components/eui-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-card.js","sources":["../../src/components/eui-card.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport { euiCardSelectableColor } from './eui-card-select.gts';\nimport EuiCardSelect from './eui-card-select.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiCardSelectProps } from './eui-card-select';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\n\ntype EuiCardComponentArgs = {\n  footer?: string;\n  selectable?: EuiCardSelectProps;\n  /**\n   * Class that will apply to the card top section.\n   */\n  topClassName?: string;\n\n  /**\n   * Class that will apply to the card content section.\n   */\n  contentClassName?: string;\n\n  /**\n   * Class that will apply to the card footer section.\n   */\n  footerClassName?: string;\n\n  target?: string;\n\n  betaBadgeProps?: {\n    label: string;\n    title?: string;\n    tooltipContent?: string;\n  };\n\n  description?: string;\n\n  /**\n   * The title of the card.\n   */\n  title?: string;\n  titleSize?: EuiTitleSignature['Args']['size'];\n\n  /**\n   * The title element. Will wrap the title in a heading tag.\n   */\n  titleElement?: string;\n\n  href?: string;\n\n  onClick?: (e: MouseEvent) => void;\n\n  isDisabled?: boolean;\n\n  textAlign?: 'left' | 'center' | 'right';\n\n  image?: string;\n  icon?: string;\n  layout?: 'horizontal' | 'vertical';\n\n  display?: EuiPanelSignature['Args']['color'];\n  paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n\n  iconSize?: EuiIconSignature['Args']['size'];\n};\n\nexport interface EuiCardSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: EuiCardComponentArgs;\n  Blocks: {\n    icon: ['euiCard__icon'];\n    title: [() => void];\n    description: [];\n    body: [];\n    footer: [];\n  };\n}\n\nexport default class EuiCardComponent extends Component<EuiCardSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  outerOnClick = (e: MouseEvent) => {\n    if (this.link && this.link !== e.target) {\n      this.link.click();\n    }\n  };\n\n  get selectableColorClass() {\n    const selectable = this.args.selectable;\n\n    return selectable\n      ? `euiCard--isSelectable--${euiCardSelectableColor(\n          selectable.color,\n          selectable.isSelected\n        )}`\n      : undefined;\n  }\n\n  get topClasses(): string {\n    return ['euiCard__top', this.args.topClassName].join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiCard__content', this.args.contentClassName].join(' ');\n  }\n\n  get footerClasses(): string {\n    return ['euiCard__footer', this.args.footerClassName].join(' ');\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (if @selectable (randomId))\n      (and\n        (not @isDisabled)\n        (or @onClick @href (and @selectable (not @selectable.isDisabled)))\n      )\n      (argOrDefault @titleElement \"span\")\n      (argOrDefault @layout \"vertical\")\n      as |selectableId isClickable titleElement layout|\n    }}\n      <EuiPanel\n        class={{classNames\n          (if (eq layout \"horizontal\") \"euiCard--horizontal\")\n          (if isClickable \"euiCard--isClickable\")\n          (if @betaBadgeProps.label \"euiCard--hasBetaBadge\")\n          (if\n            @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")\n          )\n          (if @selectable \"euiCard--isSelectable\")\n          (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\")\n          (if @isDisabled \"euiCard-isDisabled\")\n          this.selectableColorClass\n          componentName=\"EuiCard\"\n          textAlign=(argOrDefault @textAlign \"center\")\n        }}\n        @color={{if @isDisabled \"subdued\" @display}}\n        @onClick={{if isClickable this.outerOnClick}}\n        @hasShadow={{if (or @isDisabled @display) true}}\n        @hasBorder={{if @display true undefined}}\n        @paddingSize={{@paddingSize}}\n        ...attributes\n      >\n\n        {{#if (or (has-block \"icon\") (or @image @icon))}}\n          <div class={{this.topClasses}}>\n            {{#if (has-block \"icon\")}}\n              {{yield \"euiCard__icon\" to=\"icon\"}}\n            {{else}}\n              {{#if (or @image @icon)}}\n                {{#if (and @image (notEq layout \"horizontal\"))}}\n                  <div class=\"euiCard__image\">\n                    <img src={{@image}} alt=\"card-top\" />\n                  </div>\n                {{/if}}\n                {{#if @icon}}\n                  <EuiIcon\n                    @iconClasses=\"euiCard__icon\"\n                    @type={{@icon}}\n                    @size={{@iconSize}}\n                  />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle\n            class=\"euiCard__title\"\n            @size={{argOrDefault @titleSize \"s\"}}\n          >\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a\n                class=\"euiCard__titleAnchor\"\n                target={{@target}}\n                disabled={{@isDisabled}}\n                href={{@href}}\n                {{didInsert (set this \"link\")}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n\n              </a>\n            {{else if (or @isDisabled @onClick)}}\n              <button\n                type=\"button\"\n                class=\"euiCard__titleButton\"\n                disabled={{@isDisabled}}\n                {{didInsert (set this \"link\")}}\n                {{on \"click\" (optional @onClick)}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n              </button>\n            {{else}}\n              {{#if (notEq titleElement \"span\")}}\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement>{{@title}}</TitleElement>\n                {{/let}}\n              {{else}}\n                <span>{{@title}}</span>\n              {{/if}}\n            {{/if}}\n          </EuiTitle>\n          {{#if (or @description (has-block \"description\"))}}\n            <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n              {{#if (has-block \"description\")}}\n                <p>{{yield to=\"description\"}}</p>\n              {{else}}\n                <p>{{@description}}</p>\n              {{/if}}\n            </EuiText>\n          {{/if}}\n          {{yield to=\"body\"}}\n        </div>\n        {{#if @betaBadgeProps.label}}\n          <span class=\"euiCard__betaBadgeWrapper\">\n            <EuiBetaBadge\n              class=\"euiCard__betaBadge\"\n              @label={{@betaBadgeProps.label}}\n              @title={{@betaBadgeProps.title}}\n              @tooltipContent={{@betaBadgeProps.tooltipContent}}\n            />\n          </span>\n        {{/if}}\n        {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n          <div class={{this.footerClasses}}>\n            {{#if (has-block \"footer\")}}\n              {{yield to=\"footer\"}}\n            {{else}}\n              {{@footer}}\n            {{/if}}\n          </div>\n        {{/if}}\n        {{#if @selectable}}\n          <EuiCardSelect\n            @type={{@selectable.type}}\n            @buttonId={{selectableId}}\n            @isSelected={{@selectable.isSelected}}\n            @isDisabled={{@selectable.isDisabled}}\n            @color={{@selectable.color}}\n            @isLoading={{@selectable.isLoading}}\n            @href={{@selectable.href}}\n            @iconSide={{@selectable.iconSide}}\n            @flush={{@selectable.flush}}\n            {{didInsert (set this \"link\")}}\n            @onClick={{optional @selectable.onClick}}\n          />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCardComponent","Component","g","prototype","tracked","i","void 0","outerOnClick","e","link","target","click","selectableColorClass","selectable","args","euiCardSelectableColor","color","isSelected","undefined","topClasses","topClassName","join","contentClasses","contentClassName","footerClasses","footerClassName","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","and","not","or","argOrDefault","EuiPanel","classNames","eq","notEq","EuiIcon","EuiTitle","set","didInsert","element","on","optional","EuiText","EuiBetaBadge","EuiCardSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+Fe,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACrDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAK;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;EAEnEC,YAAA,GAAgBC,CAAG,IAAA;IACjB,IAAI,IAAI,CAACC,IAAI,IAAI,IAAI,CAACA,IAAI,KAAKD,CAAE,CAAAE,MAAM,EAAE;AACvC,MAAA,IAAI,CAACD,IAAI,CAACE,KAAK,EAAA;AACjB;GACA;EAEF,IAAIC,oBAAuBA,GAAA;AACzB,IAAA,MAAMC,UAAa,GAAA,IAAI,CAACC,IAAI,CAACD,UAAU;AAEvC,IAAA,OAAOA,UACH,GAAA,CAA0BE,uBAAAA,EAAAA,sBACxB,CAAAF,UAAA,CAAWG,KAAK,EAChBH,UAAW,CAAAI,UAAU,CACrB,CAAA,CAAC,GACHC,SAAA;AACN;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,OAAO,CAAC,cAAA,EAAgB,IAAI,CAACL,IAAI,CAACM,YAAY,CAAC,CAACC,IAAI,CAAC,GAAA,CAAA;AACvD;EAEA,IAAIC,cAAAA,GAAyB;AAC3B,IAAA,OAAO,CAAC,kBAAA,EAAoB,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAC,CAACF,IAAI,CAAC,GAAA,CAAA;AAC/D;EAEA,IAAIG,aAAAA,GAAwB;AAC1B,IAAA,OAAO,CAAC,iBAAA,EAAmB,IAAI,CAACV,IAAI,CAACW,eAAe,CAAC,CAACJ,IAAI,CAAC,GAAA,CAAA;AAC7D;AAEAK,EAAAA,WAAcA,GAAA;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACjB,IAAI,GAAG,IAAA;AACd;AAEA,EAAA;IAAAkB,oBAAA,CAAAC,kBAAA,CA0JA,y0JAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-card.js","sources":["../../src/components/eui-card.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport { euiCardSelectableColor } from './eui-card-select.gts';\nimport EuiCardSelect from './eui-card-select.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiCardSelectProps } from './eui-card-select';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\n\ntype EuiCardComponentArgs = {\n  footer?: string;\n  selectable?: EuiCardSelectProps;\n  /**\n   * Class that will apply to the card top section.\n   */\n  topClassName?: string;\n\n  /**\n   * Class that will apply to the card content section.\n   */\n  contentClassName?: string;\n\n  /**\n   * Class that will apply to the card footer section.\n   */\n  footerClassName?: string;\n\n  target?: string;\n\n  betaBadgeProps?: {\n    label: string;\n    title?: string;\n    tooltipContent?: string;\n  };\n\n  description?: string;\n\n  /**\n   * The title of the card.\n   */\n  title?: string;\n  titleSize?: EuiTitleSignature['Args']['size'];\n\n  /**\n   * The title element. Will wrap the title in a heading tag.\n   */\n  titleElement?: string;\n\n  href?: string;\n\n  onClick?: (e: MouseEvent) => void;\n\n  isDisabled?: boolean;\n\n  textAlign?: 'left' | 'center' | 'right';\n\n  image?: string;\n  icon?: string;\n  layout?: 'horizontal' | 'vertical';\n\n  display?: EuiPanelSignature['Args']['color'];\n  paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n\n  iconSize?: EuiIconSignature['Args']['size'];\n};\n\nexport interface EuiCardSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: EuiCardComponentArgs;\n  Blocks: {\n    icon: ['euiCard__icon'];\n    title: [() => void];\n    description: [];\n    body: [];\n    footer: [];\n  };\n}\n\nexport default class EuiCardComponent extends Component<EuiCardSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  outerOnClick = (e: MouseEvent) => {\n    if (this.link && this.link !== e.target) {\n      this.link.click();\n    }\n  };\n\n  get selectableColorClass() {\n    const selectable = this.args.selectable;\n\n    return selectable\n      ? `euiCard--isSelectable--${euiCardSelectableColor(\n          selectable.color,\n          selectable.isSelected\n        )}`\n      : undefined;\n  }\n\n  get topClasses(): string {\n    return ['euiCard__top', this.args.topClassName].join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiCard__content', this.args.contentClassName].join(' ');\n  }\n\n  get footerClasses(): string {\n    return ['euiCard__footer', this.args.footerClassName].join(' ');\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (if @selectable (randomId))\n      (and\n        (not @isDisabled)\n        (or @onClick @href (and @selectable (not @selectable.isDisabled)))\n      )\n      (argOrDefault @titleElement \"span\")\n      (argOrDefault @layout \"vertical\")\n      as |selectableId isClickable titleElement layout|\n    }}\n      <EuiPanel\n        class={{classNames\n          (if (eq layout \"horizontal\") \"euiCard--horizontal\")\n          (if isClickable \"euiCard--isClickable\")\n          (if @betaBadgeProps.label \"euiCard--hasBetaBadge\")\n          (if\n            @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")\n          )\n          (if @selectable \"euiCard--isSelectable\")\n          (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\")\n          (if @isDisabled \"euiCard-isDisabled\")\n          this.selectableColorClass\n          componentName=\"EuiCard\"\n          textAlign=(argOrDefault @textAlign \"center\")\n        }}\n        @color={{if @isDisabled \"subdued\" @display}}\n        @onClick={{if isClickable this.outerOnClick}}\n        @hasShadow={{if (or @isDisabled @display) true}}\n        @hasBorder={{if @display true undefined}}\n        @paddingSize={{@paddingSize}}\n        ...attributes\n      >\n\n        {{#if (or (has-block \"icon\") (or @image @icon))}}\n          <div class={{this.topClasses}}>\n            {{#if (has-block \"icon\")}}\n              {{yield \"euiCard__icon\" to=\"icon\"}}\n            {{else}}\n              {{#if (or @image @icon)}}\n                {{#if (and @image (notEq layout \"horizontal\"))}}\n                  <div class=\"euiCard__image\">\n                    <img src={{@image}} alt=\"card-top\" />\n                  </div>\n                {{/if}}\n                {{#if @icon}}\n                  <EuiIcon\n                    @iconClasses=\"euiCard__icon\"\n                    @type={{@icon}}\n                    @size={{@iconSize}}\n                  />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle\n            class=\"euiCard__title\"\n            @size={{argOrDefault @titleSize \"s\"}}\n          >\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a\n                class=\"euiCard__titleAnchor\"\n                target={{@target}}\n                disabled={{@isDisabled}}\n                href={{@href}}\n                {{didInsert (set this \"link\")}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n\n              </a>\n            {{else if (or @isDisabled @onClick)}}\n              <button\n                type=\"button\"\n                class=\"euiCard__titleButton\"\n                disabled={{@isDisabled}}\n                {{didInsert (set this \"link\")}}\n                {{on \"click\" (optional @onClick)}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n              </button>\n            {{else}}\n              {{#if (notEq titleElement \"span\")}}\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement>{{@title}}</TitleElement>\n                {{/let}}\n              {{else}}\n                <span>{{@title}}</span>\n              {{/if}}\n            {{/if}}\n          </EuiTitle>\n          {{#if (or @description (has-block \"description\"))}}\n            <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n              {{#if (has-block \"description\")}}\n                <p>{{yield to=\"description\"}}</p>\n              {{else}}\n                <p>{{@description}}</p>\n              {{/if}}\n            </EuiText>\n          {{/if}}\n          {{yield to=\"body\"}}\n        </div>\n        {{#if @betaBadgeProps.label}}\n          <span class=\"euiCard__betaBadgeWrapper\">\n            <EuiBetaBadge\n              class=\"euiCard__betaBadge\"\n              @label={{@betaBadgeProps.label}}\n              @title={{@betaBadgeProps.title}}\n              @tooltipContent={{@betaBadgeProps.tooltipContent}}\n            />\n          </span>\n        {{/if}}\n        {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n          <div class={{this.footerClasses}}>\n            {{#if (has-block \"footer\")}}\n              {{yield to=\"footer\"}}\n            {{else}}\n              {{@footer}}\n            {{/if}}\n          </div>\n        {{/if}}\n        {{#if @selectable}}\n          <EuiCardSelect\n            @type={{@selectable.type}}\n            @buttonId={{selectableId}}\n            @isSelected={{@selectable.isSelected}}\n            @isDisabled={{@selectable.isDisabled}}\n            @color={{@selectable.color}}\n            @isLoading={{@selectable.isLoading}}\n            @href={{@selectable.href}}\n            @iconSide={{@selectable.iconSide}}\n            @flush={{@selectable.flush}}\n            {{didInsert (set this \"link\")}}\n            @onClick={{optional @selectable.onClick}}\n          />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCardComponent","Component","g","prototype","tracked","i","outerOnClick","e","link","target","click","selectableColorClass","selectable","args","euiCardSelectableColor","color","isSelected","undefined","topClasses","topClassName","join","contentClasses","contentClassName","footerClasses","footerClassName","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","and","not","or","argOrDefault","EuiPanel","classNames","eq","notEq","EuiIcon","EuiTitle","set","didInsert","element","on","optional","EuiText","EuiBetaBadge","EuiCardSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+Fe,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACrDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEnEC,YAAA,GAAgBC,CAAG,IAAA;IACjB,IAAI,IAAI,CAACC,IAAI,IAAI,IAAI,CAACA,IAAI,KAAKD,CAAE,CAAAE,MAAM,EAAE;AACvC,MAAA,IAAI,CAACD,IAAI,CAACE,KAAK,EAAA;AACjB;GACA;EAEF,IAAIC,oBAAuBA,GAAA;AACzB,IAAA,MAAMC,UAAa,GAAA,IAAI,CAACC,IAAI,CAACD,UAAU;AAEvC,IAAA,OAAOA,UAAA,GACH,CAA0BE,uBAAAA,EAAAA,sBAAA,CACxBF,UAAW,CAAAG,KAAK,EAChBH,UAAA,CAAWI,UAAU,CAAA,CAAA,CACpB,GACHC,SAAA;AACN;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,OAAO,CAAC,cAAA,EAAgB,IAAI,CAACL,IAAI,CAACM,YAAY,CAAC,CAACC,IAAI,CAAC,GAAA,CAAA;AACvD;EAEA,IAAIC,cAAAA,GAAyB;AAC3B,IAAA,OAAO,CAAC,kBAAA,EAAoB,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAC,CAACF,IAAI,CAAC,GAAA,CAAA;AAC/D;EAEA,IAAIG,aAAAA,GAAwB;AAC1B,IAAA,OAAO,CAAC,iBAAA,EAAmB,IAAI,CAACV,IAAI,CAACW,eAAe,CAAC,CAACJ,IAAI,CAAC,GAAA,CAAA;AAC7D;AAEAK,EAAAA,WAAcA,GAAA;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACjB,IAAI,GAAG,IAAA;AACd;AAEA,EAAA;IAAAkB,oBAAA,CAAAC,kBAAA,CA0JA,m/IAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-checkable-card.js

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCheckableCard = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div class={{classNames \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\" (if @checked \"euiCheckableCard-isChecked\") (if @disabled \"euiCheckableCard__label-isDisabled\")}}>\n        <div class={{classNames \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\" (if @checked \"euiPanel--primary\")}}>\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n          {{else}}\n            <EuiRadio @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n          {{/if}}\n        </div>\n        <div class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\">\n          <label class={{classNames \"euiCheckableCard__label\" (if @disabled \"euiCheckableCard__label-isDisabled\")}} for={{id}} aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}>\n            {{#if (has-block \"label\")}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n\n          {{#if (has-block \"content\")}}\n\n            {{!-- Empty div for left side background color only --}}\n\n            <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n              {{yield to=\"content\"}}\n            </div>\n\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  ", {
+const EuiCheckableCard = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @id (randomId)) as |id|}}\n  <div class={{classNames \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\" (if @checked \"euiCheckableCard-isChecked\") (if @disabled \"euiCheckableCard__label-isDisabled\")}}>\n    <div class={{classNames \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\" (if @checked \"euiPanel--primary\")}}>\n      {{#if (eq @checkableType \"checkbox\")}}\n        <EuiCheckbox @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n      {{else}}\n        <EuiRadio @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n      {{/if}}\n    </div>\n    <div class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\">\n      <label class={{classNames \"euiCheckableCard__label\" (if @disabled \"euiCheckableCard__label-isDisabled\")}} for={{id}} aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}>\n        {{#if (has-block \"label\")}}\n          {{yield to=\"label\"}}\n        {{else}}\n          {{@label}}\n        {{/if}}\n      </label>\n\n      {{#if (has-block \"content\")}}\n\n        {{!-- Empty div for left side background color only --}}\n\n        <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n          {{yield to=\"content\"}}\n        </div>\n\n      {{/if}}\n\n    </div>\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-checkable-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-checkable-card.js","sources":["../../src/components/eui-checkable-card.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { EuiRadioSignature } from './eui-radio';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckableCardSignature {\n  Element: EuiCheckboxSignature['Element'] | EuiRadioSignature['Element'];\n  Args: {\n    id?: string;\n    label?: string;\n    checked?: boolean;\n    disabled?: boolean;\n    checkableType?: 'checkbox' | 'radio';\n  };\n  Blocks: {\n    default: [];\n    label: [];\n    content: [];\n  };\n}\n\nconst EuiCheckableCard: TemplateOnlyComponent<EuiCheckableCardSignature> =\n  <template>\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div\n        class={{classNames\n          \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\"\n          (if @checked \"euiCheckableCard-isChecked\")\n          (if @disabled \"euiCheckableCard__label-isDisabled\")\n        }}\n      >\n        <div\n          class={{classNames\n            \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\"\n            (if @checked \"euiPanel--primary\")\n          }}\n        >\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{else}}\n            <EuiRadio\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n        <div\n          class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\"\n        >\n          <label\n            class={{classNames\n              \"euiCheckableCard__label\"\n              (if @disabled \"euiCheckableCard__label-isDisabled\")\n            }}\n            for={{id}}\n            aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}\n          >\n            {{#if (has-block \"label\")}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n\n          {{#if (has-block \"content\")}}\n\n            {{! Empty div for left side background color only }}\n\n            <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n              {{yield to=\"content\"}}\n            </div>\n\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiCheckableCard;\n"],"names":["EuiCheckableCard","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","classNames","eq","EuiCheckbox","EuiRadio","concat","templateOnly"],"mappings":";;;;;;;;;;;AA8BA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8DA,owDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkable-card.js","sources":["../../src/components/eui-checkable-card.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckableCardSignature {\n  Element: EuiCheckboxSignature['Element']  ;\n  Args: {\n    id?: string;\n    label?: string;\n    checked?: boolean;\n    disabled?: boolean;\n    checkableType?: 'checkbox' | 'radio';\n  };\n  Blocks: {\n    default: [];\n    label: [];\n    content: [];\n  };\n}\n\nconst EuiCheckableCard: TemplateOnlyComponent<EuiCheckableCardSignature> =\n  <template>\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div\n        class={{classNames\n          \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\"\n          (if @checked \"euiCheckableCard-isChecked\")\n          (if @disabled \"euiCheckableCard__label-isDisabled\")\n        }}\n      >\n        <div\n          class={{classNames\n            \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\"\n            (if @checked \"euiPanel--primary\")\n          }}\n        >\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{else}}\n            <EuiRadio\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n        <div\n          class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\"\n        >\n          <label\n            class={{classNames\n              \"euiCheckableCard__label\"\n              (if @disabled \"euiCheckableCard__label-isDisabled\")\n            }}\n            for={{id}}\n            aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}\n          >\n            {{#if (has-block \"label\")}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n\n          {{#if (has-block \"content\")}}\n\n            {{! Empty div for left side background color only }}\n\n            <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n              {{yield to=\"content\"}}\n            </div>\n\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiCheckableCard;\n"],"names":["EuiCheckableCard","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","classNames","eq","EuiCheckbox","EuiRadio","concat","templateOnly"],"mappings":";;;;;;;;;;;AA6BA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8DA,spDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-checkbox-group.js

@@ -1,4 +1,4 @@
-import { fn, get, concat } from '@ember/helper';
+import { fn, get } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { or } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -9,14 +9,13 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCheckboxGroup = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\") as |valueKey labelKey|}}\n      {{!--template-lint-disable--}}\n      <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{validatableControl @isInvalid}} />\n      {{!--template-lint-enable--}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox form={{@formId}} class={{concat \"euiCheckboxGroup__item\" option.className}} {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox form={{@formId}} class={{concat \"euiCheckboxGroup__item\" option.className}} {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiCheckboxGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\") as |valueKey labelKey|}}\n  {{!--template-lint-disable--}}\n  <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{validatableControl @isInvalid}} />\n  {{!--template-lint-enable--}}\n  {{#if @legend}}\n    <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n      {{#each @options key=valueKey as |option|}}\n        <EuiCheckbox form={{@formId}} class=\"euiCheckboxGroup__item {{option.className}}\" {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n      {{/each}}\n    </EuiFormFieldset>\n  {{else}}\n    <div ...attributes>\n      {{#each @options key=valueKey as |option|}}\n        <EuiCheckbox form={{@formId}} class=\"euiCheckboxGroup__item {{option.className}}\" {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n      {{/each}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,
     validatableControl,
     EuiFormFieldset,
     EuiCheckbox,
-    concat,
     get,
     or,
     on,

package/dist/components/eui-checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-checkbox-group.js","sources":["../../src/components/eui-checkbox-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiFormFieldset from './eui-form-fieldset.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { EuiFormFieldsetSignature } from './eui-form-fieldset';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckboxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    valueKey?: string;\n    labelKey?: string;\n    isInvalid?: boolean;\n    legend?: EuiFormFieldsetSignature['Args']['legend'];\n    compressed?: EuiFormFieldsetSignature['Args']['compressed'];\n    options: {\n      value: string;\n      label: string;\n      disabled?: boolean;\n      className?: string;\n    }[];\n    formId?: string;\n    label?: EuiCheckboxSignature['Args']['label'];\n    disabled?: EuiCheckboxSignature['Args']['disabled'];\n    onChange: (value: any) => void;\n    idToSelectedMap: Record<string, boolean>;\n  };\n}\n\nconst EuiCheckboxGroup: TemplateOnlyComponent<EuiCheckboxGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\")\n      as |valueKey labelKey|\n    }}\n      {{!template-lint-disable}}\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{validatableControl @isInvalid}}\n      />\n      {{!template-lint-enable}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class={{concat \"euiCheckboxGroup__item\" option.className}}\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class={{concat \"euiCheckboxGroup__item\" option.className}}\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiCheckboxGroup;\n"],"names":["EuiCheckboxGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","validatableControl","EuiFormFieldset","EuiCheckbox","concat","get","or","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAsCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+CA,yhDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkbox-group.js","sources":["../../src/components/eui-checkbox-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiFormFieldset from './eui-form-fieldset.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { EuiFormFieldsetSignature } from './eui-form-fieldset';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckboxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    valueKey?: string;\n    labelKey?: string;\n    isInvalid?: boolean;\n    legend?: EuiFormFieldsetSignature['Args']['legend'];\n    compressed?: EuiFormFieldsetSignature['Args']['compressed'];\n    options: {\n      value: string;\n      label: string;\n      disabled?: boolean;\n      className?: string;\n    }[];\n    formId?: string;\n    label?: EuiCheckboxSignature['Args']['label'];\n    disabled?: EuiCheckboxSignature['Args']['disabled'];\n    onChange: (value: any) => void;\n    idToSelectedMap: Record<string, boolean>;\n  };\n}\n\nconst EuiCheckboxGroup: TemplateOnlyComponent<EuiCheckboxGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\")\n      as |valueKey labelKey|\n    }}\n      {{!template-lint-disable}}\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{validatableControl @isInvalid}}\n      />\n      {{!template-lint-enable}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiCheckboxGroup;\n"],"names":["EuiCheckboxGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","validatableControl","EuiFormFieldset","EuiCheckbox","get","or","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAqCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+CA,67CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-checkbox.js

@@ -14,7 +14,7 @@ const indeterminateModifier = modifier(function invalidateIndeterminate(element,
     element.indeterminate = indeterminate;
   }
 });
-const EuiCheckbox = setComponentTemplate(precompileTemplate("\n  {{#let (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false))) (argOrDefault @id (randomId)) as |hasLabelBlock id|}}\n    {{#let (classNames (if @icon \"euiCheckbox--withIcon\") (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\") (if @compressed \"euiCheckbox--compressed\") \"euiCheckbox\" @className @containerClass) as |classes|}}\n      <div class={{classes}}>\n        <input class=\"euiCheckbox__input\" type=\"checkbox\" id={{id}} checked={{@checked}} disabled={{@disabled}} name={{@name}} ...attributes {{indeterminateModifier @indeterminate}} {{didInsert (optional @inputRef)}} />\n        <div class=\"euiCheckbox__square\"></div>\n        {{#if (or hasLabelBlock @label)}}\n          <label class={{classNames \"euiCheckbox__label\" @labelProps.className}} for={{id}}>\n            {{#if hasLabelBlock}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/let}}\n", {
+const EuiCheckbox = setComponentTemplate(precompileTemplate("{{#let (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false))) (argOrDefault @id (randomId)) as |hasLabelBlock id|}}\n  {{#let (classNames (if @icon \"euiCheckbox--withIcon\") (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\") (if @compressed \"euiCheckbox--compressed\") \"euiCheckbox\" @className @containerClass) as |classes|}}\n    <div class={{classes}}>\n      <input class=\"euiCheckbox__input\" type=\"checkbox\" id={{id}} checked={{@checked}} disabled={{@disabled}} name={{@name}} ...attributes {{indeterminateModifier @indeterminate}} {{didInsert (optional @inputRef)}} />\n      <div class=\"euiCheckbox__square\"></div>\n      {{#if (or hasLabelBlock @label)}}\n        <label class={{classNames \"euiCheckbox__label\" @labelProps.className}} for={{id}}>\n          {{#if hasLabelBlock}}\n            {{yield to=\"label\"}}\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </label>\n      {{/if}}\n    </div>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-checkbox.js","sources":["../../src/components/eui-checkbox.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { modifier } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst indeterminateModifier = modifier(function invalidateIndeterminate(\n  element: HTMLInputElement,\n  [indeterminate]: [boolean?]\n) {\n  if (element) {\n    element.indeterminate = indeterminate!;\n  }\n});\n\nexport interface EuiCheckboxSignature {\n  Element: HTMLInputElement;\n  Args: {\n    checked?: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    icon?: boolean;\n    compressed?: boolean;\n    label?: string;\n    labelProps?: {\n      className?: string;\n    };\n    containerClass?: string;\n    className?: string;\n    inputRef?: (element: HTMLInputElement) => void;\n    isFakeLabelBlock?: boolean;\n    id?: string;\n    name?: string;\n  };\n  Blocks: {\n    label?: [];\n  };\n}\n\nconst EuiCheckbox: TemplateOnlyComponent<EuiCheckboxSignature> = <template>\n  {{#let\n    (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n    (argOrDefault @id (randomId))\n    as |hasLabelBlock id|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiCheckbox--withIcon\")\n        (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\")\n        (if @compressed \"euiCheckbox--compressed\")\n        \"euiCheckbox\"\n        @className\n        @containerClass\n      )\n      as |classes|\n    }}\n      <div class={{classes}}>\n        <input\n          class=\"euiCheckbox__input\"\n          type=\"checkbox\"\n          id={{id}}\n          checked={{@checked}}\n          disabled={{@disabled}}\n          name={{@name}}\n          ...attributes\n          {{indeterminateModifier @indeterminate}}\n          {{didInsert (optional @inputRef)}}\n        />\n        <div class=\"euiCheckbox__square\"></div>\n        {{#if (or hasLabelBlock @label)}}\n          <label\n            class={{classNames \"euiCheckbox__label\" @labelProps.className}}\n            for={{id}}\n          >\n            {{#if hasLabelBlock}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiCheckbox;\n"],"names":["indeterminateModifier","modifier","invalidateIndeterminate","element","indeterminate","EuiCheckbox","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;;AAYA,MAAMA,qBAAA,GAAwBC,QAAS,CAAA,SAASC,uBAC9CA,CAAAC,OAAyB,EACzB,CAACC,aAAiB,CAAS,EAAA;AAE3B,EAAA,IAAID,OAAS,EAAA;IACXA,OAAA,CAAQC,aAAa,GAAGA,aAAA;AAC1B;AACF,CAAA,CAAA;AA0BA,MAAMC,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA6CjE,ygCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAf,qBAAA;IAAAgB,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkbox.js","sources":["../../src/components/eui-checkbox.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { modifier } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst indeterminateModifier = modifier(function invalidateIndeterminate(\n  element: HTMLInputElement,\n  [indeterminate]: [boolean?]\n) {\n  if (element) {\n    element.indeterminate = indeterminate!;\n  }\n});\n\nexport interface EuiCheckboxSignature {\n  Element: HTMLInputElement;\n  Args: {\n    checked?: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    icon?: boolean;\n    compressed?: boolean;\n    label?: string;\n    labelProps?: {\n      className?: string;\n    };\n    containerClass?: string;\n    className?: string;\n    inputRef?: (element: HTMLInputElement) => void;\n    isFakeLabelBlock?: boolean;\n    id?: string;\n    name?: string;\n  };\n  Blocks: {\n    label?: [];\n  };\n}\n\nconst EuiCheckbox: TemplateOnlyComponent<EuiCheckboxSignature> = <template>\n  {{#let\n    (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n    (argOrDefault @id (randomId))\n    as |hasLabelBlock id|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiCheckbox--withIcon\")\n        (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\")\n        (if @compressed \"euiCheckbox--compressed\")\n        \"euiCheckbox\"\n        @className\n        @containerClass\n      )\n      as |classes|\n    }}\n      <div class={{classes}}>\n        <input\n          class=\"euiCheckbox__input\"\n          type=\"checkbox\"\n          id={{id}}\n          checked={{@checked}}\n          disabled={{@disabled}}\n          name={{@name}}\n          ...attributes\n          {{indeterminateModifier @indeterminate}}\n          {{didInsert (optional @inputRef)}}\n        />\n        <div class=\"euiCheckbox__square\"></div>\n        {{#if (or hasLabelBlock @label)}}\n          <label\n            class={{classNames \"euiCheckbox__label\" @labelProps.className}}\n            for={{id}}\n          >\n            {{#if hasLabelBlock}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiCheckbox;\n"],"names":["indeterminateModifier","modifier","invalidateIndeterminate","element","indeterminate","EuiCheckbox","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;;AAYA,MAAMA,qBAAA,GAAwBC,QAAS,CAAA,SAASC,uBAC9CA,CAAAC,OAAyB,EACzB,CAACC,aAAiB,CAAS,EAAA;AAE3B,EAAA,IAAID,OAAS,EAAA;IACXA,OAAA,CAAQC,aAAa,GAAGA,aAAA;AAC1B;AACF,CAAA,CAAA;AA0BA,MAAMC,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA6CjE,m+BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAf,qBAAA;IAAAgB,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-code-block/controls.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCodeBlockControls = setComponentTemplate(precompileTemplate("\n    {{#if (or @showCopyButton @showFullScreenButton)}}\n      <div class=\"euiCodeBlock__controls\">\n        {{#if @showFullScreenButton}}\n          <EuiButtonIcon class=\"euiCodeBlock__fullScreenButton\" @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}} @color=\"text\" aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}} {{on \"click\" @toggleFullScreen}} />\n        {{/if}}\n\n        {{#if @showCopyButton}}\n          <div class=\"euiCodeBlock__copyButton\">\n            <EuiCopy @textToCopy={{@textToCopy}} @afterMessage=\"Copied\" as |copy|>\n              <EuiButtonIcon {{on \"click\" copy}} @iconType=\"copyClipboard\" @color=\"text\" aria-label=\"Copy\" />\n            </EuiCopy>\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  ", {
+const EuiCodeBlockControls = setComponentTemplate(precompileTemplate("{{#if (or @showCopyButton @showFullScreenButton)}}\n  <div class=\"euiCodeBlock__controls\">\n    {{#if @showFullScreenButton}}\n      <EuiButtonIcon class=\"euiCodeBlock__fullScreenButton\" @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}} @color=\"text\" aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}} {{on \"click\" @toggleFullScreen}} />\n    {{/if}}\n\n    {{#if @showCopyButton}}\n      <div class=\"euiCodeBlock__copyButton\">\n        <EuiCopy @textToCopy={{@textToCopy}} @afterMessage=\"Copied\" as |copy|>\n          <EuiButtonIcon {{on \"click\" copy}} @iconType=\"copyClipboard\" @color=\"text\" aria-label=\"Copy\" />\n        </EuiCopy>\n      </div>\n    {{/if}}\n  </div>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     or,

package/dist/components/eui-code-block/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../../src/components/eui-code-block/controls.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiCopy from '../eui-copy.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface EuiCodeBlockControlsSignature {\n  Args: {\n    showCopyButton: boolean;\n    showFullScreenButton: boolean;\n    isFullScreen: boolean;\n    toggleFullScreen: () => void;\n    textToCopy: string;\n  };\n}\n\nconst EuiCodeBlockControls: TemplateOnlyComponent<EuiCodeBlockControlsSignature> =\n  <template>\n    {{#if (or @showCopyButton @showFullScreenButton)}}\n      <div class=\"euiCodeBlock__controls\">\n        {{#if @showFullScreenButton}}\n          <EuiButtonIcon\n            class=\"euiCodeBlock__fullScreenButton\"\n            @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}}\n            @color=\"text\"\n            aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}}\n            {{on \"click\" @toggleFullScreen}}\n          />\n        {{/if}}\n\n        {{#if @showCopyButton}}\n          <div class=\"euiCodeBlock__copyButton\">\n            <EuiCopy\n              @textToCopy={{@textToCopy}}\n              @afterMessage=\"Copied\"\n              as |copy|\n            >\n              <EuiButtonIcon\n                {{on \"click\" copy}}\n                @iconType=\"copyClipboard\"\n                @color=\"text\"\n                aria-label=\"Copy\"\n              />\n            </EuiCopy>\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  </template>;\n\nexport default EuiCodeBlockControls;\n"],"names":["EuiCodeBlockControls","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiButtonIcon","on","EuiCopy","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+BA,gxBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"controls.js","sources":["../../../src/components/eui-code-block/controls.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiCopy from '../eui-copy.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface EuiCodeBlockControlsSignature {\n  Args: {\n    showCopyButton: boolean;\n    showFullScreenButton: boolean;\n    isFullScreen: boolean;\n    toggleFullScreen: () => void;\n    textToCopy: string;\n  };\n}\n\nconst EuiCodeBlockControls: TemplateOnlyComponent<EuiCodeBlockControlsSignature> =\n  <template>\n    {{#if (or @showCopyButton @showFullScreenButton)}}\n      <div class=\"euiCodeBlock__controls\">\n        {{#if @showFullScreenButton}}\n          <EuiButtonIcon\n            class=\"euiCodeBlock__fullScreenButton\"\n            @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}}\n            @color=\"text\"\n            aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}}\n            {{on \"click\" @toggleFullScreen}}\n          />\n        {{/if}}\n\n        {{#if @showCopyButton}}\n          <div class=\"euiCodeBlock__copyButton\">\n            <EuiCopy\n              @textToCopy={{@textToCopy}}\n              @afterMessage=\"Copied\"\n              as |copy|\n            >\n              <EuiButtonIcon\n                {{on \"click\" copy}}\n                @iconType=\"copyClipboard\"\n                @color=\"text\"\n                aria-label=\"Copy\"\n              />\n            </EuiCopy>\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  </template>;\n\nexport default EuiCodeBlockControls;\n"],"names":["EuiCodeBlockControls","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiButtonIcon","on","EuiCopy","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+BA,ktBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-code-block/full-screen-display.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const FullScreenDisplay = setComponentTemplate(precompileTemplate("\n    <EuiOverlayMask>\n      <div class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\" {{focusTrap isActive=true focusTrapOptions=(hash clickOutsideDeactivates=true)}} ...attributes>\n        {{yield}}\n      </div>\n    </EuiOverlayMask>\n  ", {
+const FullScreenDisplay = setComponentTemplate(precompileTemplate("<EuiOverlayMask>\n  <div class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\" {{focusTrap isActive=true focusTrapOptions=(hash clickOutsideDeactivates=true)}} ...attributes>\n    {{yield}}\n  </div>\n</EuiOverlayMask>", {
   strictMode: true,
   scope: () => ({
     EuiOverlayMask: EuiOverlayMaskComponent,

package/dist/components/eui-code-block/full-screen-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-screen-display.js","sources":["../../../src/components/eui-code-block/full-screen-display.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { focusTrap } from 'ember-focus-trap';\n\nimport EuiOverlayMask from '../eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface FullScreenDisplaySignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    default: [];\n  };\n}\n\nconst FullScreenDisplay: TemplateOnlyComponent<FullScreenDisplaySignature> =\n  <template>\n    <EuiOverlayMask>\n      <div\n        class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\"\n        {{focusTrap\n          isActive=true\n          focusTrapOptions=(hash clickOutsideDeactivates=true)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    </EuiOverlayMask>\n  </template>;\n\nexport default FullScreenDisplay;\n"],"names":["FullScreenDisplay","setComponentTemplate","precompileTemplate","strictMode","scope","EuiOverlayMask","focusTrap","hash","templateOnly"],"mappings":";;;;;;;AAgBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,uRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;oBAAAC,uBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"full-screen-display.js","sources":["../../../src/components/eui-code-block/full-screen-display.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { focusTrap } from 'ember-focus-trap';\n\nimport EuiOverlayMask from '../eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface FullScreenDisplaySignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    default: [];\n  };\n}\n\nconst FullScreenDisplay: TemplateOnlyComponent<FullScreenDisplaySignature> =\n  <template>\n    <EuiOverlayMask>\n      <div\n        class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\"\n        {{focusTrap\n          isActive=true\n          focusTrapOptions=(hash clickOutsideDeactivates=true)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    </EuiOverlayMask>\n  </template>;\n\nexport default FullScreenDisplay;\n"],"names":["FullScreenDisplay","setComponentTemplate","precompileTemplate","strictMode","scope","EuiOverlayMask","focusTrap","hash","templateOnly"],"mappings":";;;;;;;AAgBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,6PAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;oBAAAC,uBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-code-block/virtualized.js

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { helper } from '@ember/component/helper';
 import { concat } from '@ember/helper';
-import VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';
+import { VerticalCollection } from '@html-next/vertical-collection';
 import style from 'ember-style-modifier/modifiers/style';
 import randomId from '../../-private/random-id.js';
 import { getHtmlContent } from '../../utils/code/utils.js';
@@ -22,7 +22,7 @@ class EuiCodeBlockVirtualizedComponent extends Component {
     return span;
   });
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{#let (randomId) as |theID|}}\n      <EuiAutoSizer as |styles|>\n        <pre {{style styles}} {{!--template-lint-disable--}} style=\"position: relative; overflow: auto;\" id={{theID}} ...attributes><VerticalCollection @items={{@data}} @tagName=\"code\" class=\"euiCodeBlock__code\" data-code-language={{@language}} @estimateHeight={{@rowHeight}} @bufferSize={{40}} @staticHeight={{true}} @containerSelector={{concat \"#\" theID}} as |opt index|>{{this.getHtmlContent opt index @rowHeight}}</VerticalCollection></pre>\n      </EuiAutoSizer>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{#let (randomId) as |theID|}}\n  <EuiAutoSizer as |styles|>\n    <pre {{style styles}} {{!--template-lint-disable--}} style=\"position: relative; overflow: auto;\" id={{theID}} ...attributes><VerticalCollection @items={{@data}} @tagName=\"code\" class=\"euiCodeBlock__code\" data-code-language={{@language}} @estimateHeight={{@rowHeight}} @bufferSize={{40}} @staticHeight={{true}} @containerSelector={{concat \"#\" theID}} as |opt index|>{{this.getHtmlContent opt index @rowHeight}}</VerticalCollection></pre>\n  </EuiAutoSizer>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

package/dist/components/eui-code-block/virtualized.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualized.js","sources":["../../../src/components/eui-code-block/virtualized.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { helper } from '@ember/component/helper';\nimport { concat } from '@ember/helper';\n\n//@ts-expect-error\nimport VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport randomId from '../../-private/random-id.ts';\nimport { getHtmlContent } from '../../utils/code/utils.ts';\nimport EuiAutoSizer from '../eui-auto-sizer.gts';\n\nimport type { RefractorNode } from 'refractor';\n\nexport interface VirtualizedCodeBlockSignature<T> {\n  Element: HTMLPreElement;\n  // We accept an array of items, one per row\n  Args: {\n    data?: T[];\n    language: string;\n    rowHeight: number;\n  };\n}\n\nexport default class EuiCodeBlockVirtualizedComponent<T> extends Component<\n  VirtualizedCodeBlockSignature<T>\n> {\n  getHtmlContent = helper(function ([node, index, rowHeight]: [\n    RefractorNode,\n    number,\n    number\n  ]) {\n    const content = getHtmlContent([node]);\n    const span = content.element.firstChild as HTMLElement;\n\n    if (span) {\n      span.style.position = 'absolute';\n      span.style.height = `${rowHeight}px`;\n      span.style.left = '0';\n      span.style.top = `${index * rowHeight}px`;\n    }\n\n    return span;\n  });\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#let (randomId) as |theID|}}\n      <EuiAutoSizer as |styles|>\n        <pre\n          {{style styles}}\n          {{!template-lint-disable}}\n          style=\"position: relative; overflow: auto;\"\n          id={{theID}}\n          ...attributes\n        ><VerticalCollection\n            @items={{@data}}\n            @tagName=\"code\"\n            class=\"euiCodeBlock__code\"\n            data-code-language={{@language}}\n            @estimateHeight={{@rowHeight}}\n            @bufferSize={{40}}\n            @staticHeight={{true}}\n            @containerSelector={{concat \"#\" theID}}\n            as |opt index|\n          >{{this.getHtmlContent\n              opt\n              index\n              @rowHeight\n            }}</VerticalCollection></pre>\n      </EuiAutoSizer>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCodeBlockVirtualizedComponent","Component","getHtmlContent","helper","node","index","rowHeight","content","span","element","firstChild","style","position","height","left","top","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiAutoSizer","VerticalCollection","concat"],"mappings":";;;;;;;;;;;AAwBe,MAAMA,gCAAA,SAA4CC,SAAA,CACjC;EAE9BC,cAAiB,GAAAC,MAAA,CAAO,UAAU,CAACC,IAAM,EAAAC,KAAA,EAAOC,UAI/C,EAAA;AACC,IAAA,MAAMC,UAAUL,cAAe,CAAA,CAACE,IAAA,CAAK,CAAA;AACrC,IAAA,MAAMI,IAAO,GAAAD,OAAA,CAAQE,OAAO,CAACC,UAAc;AAE3C,IAAA,IAAIF,IAAM,EAAA;AACRA,MAAAA,IAAK,CAAAG,KAAK,CAACC,QAAQ,GAAG,UAAA;AACtBJ,MAAAA,IAAK,CAAAG,KAAK,CAACE,MAAM,GAAG,CAAA,EAAGP,SAAA,CAAa,EAAA,CAAA;AACpCE,MAAAA,IAAK,CAAAG,KAAK,CAACG,IAAI,GAAG,GAAA;MAClBN,IAAK,CAAAG,KAAK,CAACI,GAAG,GAAG,CAAGV,EAAAA,KAAA,GAAQC,SAAU,CAAG,EAAA,CAAA;AAC3C;AAEA,IAAA,OAAOE,IAAA;AACT,GAAG,CAAA;AAEH,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAmCA,muCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;sBAAAC,qBAAA;QAAAV,KAAA;QAAAW,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"virtualized.js","sources":["../../../src/components/eui-code-block/virtualized.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { helper } from '@ember/component/helper';\nimport { concat } from '@ember/helper';\n\n//@ts-expect-error\nimport { VerticalCollection } from '@html-next/vertical-collection';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport randomId from '../../-private/random-id.ts';\nimport { getHtmlContent } from '../../utils/code/utils.ts';\nimport EuiAutoSizer from '../eui-auto-sizer.gts';\n\nimport type { RefractorNode } from 'refractor';\n\nexport interface VirtualizedCodeBlockSignature<T> {\n  Element: HTMLPreElement;\n  // We accept an array of items, one per row\n  Args: {\n    data?: T[];\n    language: string;\n    rowHeight: number;\n  };\n}\n\nexport default class EuiCodeBlockVirtualizedComponent<T> extends Component<\n  VirtualizedCodeBlockSignature<T>\n> {\n  getHtmlContent = helper(function ([node, index, rowHeight]: [\n    RefractorNode,\n    number,\n    number\n  ]) {\n    const content = getHtmlContent([node]);\n    const span = content.element.firstChild as HTMLElement;\n\n    if (span) {\n      span.style.position = 'absolute';\n      span.style.height = `${rowHeight}px`;\n      span.style.left = '0';\n      span.style.top = `${index * rowHeight}px`;\n    }\n\n    return span;\n  });\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#let (randomId) as |theID|}}\n      <EuiAutoSizer as |styles|>\n        <pre\n          {{style styles}}\n          {{!template-lint-disable}}\n          style=\"position: relative; overflow: auto;\"\n          id={{theID}}\n          ...attributes\n        ><VerticalCollection\n            @items={{@data}}\n            @tagName=\"code\"\n            class=\"euiCodeBlock__code\"\n            data-code-language={{@language}}\n            @estimateHeight={{@rowHeight}}\n            @bufferSize={{40}}\n            @staticHeight={{true}}\n            @containerSelector={{concat \"#\" theID}}\n            as |opt index|\n          >{{this.getHtmlContent\n              opt\n              index\n              @rowHeight\n            }}</VerticalCollection></pre>\n      </EuiAutoSizer>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCodeBlockVirtualizedComponent","Component","getHtmlContent","helper","node","index","rowHeight","content","span","element","firstChild","style","position","height","left","top","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiAutoSizer","VerticalCollection","concat"],"mappings":";;;;;;;;;;;AAwBe,MAAMA,gCAAA,SAA4CC,SAAA,CACjC;EAE9BC,cAAiB,GAAAC,MAAA,CAAO,UAAU,CAACC,IAAM,EAAAC,KAAA,EAAOC,UAI/C,EAAA;AACC,IAAA,MAAMC,UAAUL,cAAe,CAAA,CAACE,IAAA,CAAK,CAAA;AACrC,IAAA,MAAMI,IAAO,GAAAD,OAAA,CAAQE,OAAO,CAACC,UAAc;AAE3C,IAAA,IAAIF,IAAM,EAAA;AACRA,MAAAA,IAAK,CAAAG,KAAK,CAACC,QAAQ,GAAG,UAAA;AACtBJ,MAAAA,IAAA,CAAKG,KAAK,CAACE,MAAM,GAAG,CAAA,EAAGP,SAAA,CAAa,EAAA,CAAA;AACpCE,MAAAA,IAAK,CAAAG,KAAK,CAACG,IAAI,GAAG,GAAA;MAClBN,IAAK,CAAAG,KAAK,CAACI,GAAG,GAAG,CAAGV,EAAAA,KAAQ,GAAAC,SAAA,CAAa,EAAA,CAAA;AAC3C;AAEA,IAAA,OAAOE,IAAA;AACT,GAAG,CAAA;AAEH,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAmCA,qqCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;sBAAAC,qBAAA;QAAAV,KAAA;QAAAW,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-code-block.js

@@ -20,7 +20,7 @@ import ResizeObserver from '../modifiers/resize-observer.js';
 import { checkSupportedLanguage, highlightByLine, getHtmlContent } from '../utils/code/utils.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 const fontSizeToRowHeightMap = {
   s: 18,
@@ -234,7 +234,7 @@ class EuiCodeBlockComponent extends Component {
     this.wrapperRef = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      {{#let (classNames \"euiCodeBlock\" (if (or this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasControl\") (if (and this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasBothControls\") (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\") @className) (classNames \"euiCodeBlock__pre\" (if (or (eq this.whiteSpace \"pre\") this.isVirtualized) \"euiCodeBlock__pre--whiteSpacePre\") (if (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized)) \"euiCodeBlock__pre--whiteSpacePreWrap\") (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")) as |wrapperClasses preClasses|}}\n        <div class={{classNames wrapperClasses (if this.transparentBackground \"euiCodeBlock--transparentBackground\") componentName=\"EuiCodeBlock\" fontSize=this.fontSize paddingSize=this.paddingSize}} {{style this.optionalStyles}} {{highlightTargetModifier element=this.codeTarget language=this.language lineNumbersConfig=this.lineNumbersConfig onChange=this.updateCode}}>\n          {{#if this.isVirtualized}}\n            {{!--virtualized--}}\n            <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{this.rowHeight}} />\n          {{else}}\n            {{!--template-lint-disable--}}\n            <pre class={{preClasses}} {{style this.optionalStyles}} tabindex={{this.tabIndex}} {{didInsert (set this \"wrapperRef\")}} {{resizeObserver onResize=this.doesOverflow}} {{mutationObserver onMutation=this.doesOverflow observerOptions=(hash subtree=true childList=true)}} {{didInsert setInnerTextRef}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"code\")}} ...attributes></code></pre>\n\n          {{/if}}\n\n          <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @toggleFullScreen={{this.toggleFullScreen}} @showCopyButton={{this.showCopyButton}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n\n          {{#if this.isFullScreen}}\n            <FullScreenDisplay class={{wrapperClasses}}>\n              {{#if this.isVirtualized}}\n                <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{fontSizeToRowHeightMap.l}} />\n              {{else}}\n                <pre class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"codeFullScreen\")}}></code></pre>\n              {{/if}}\n              <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @showCopyButton={{this.showCopyButton}} @toggleFullScreen={{this.toggleFullScreen}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n            </FullScreenDisplay>\n          {{/if}}\n        </div>\n      {{/let}}\n    </EuiInnerText>\n  ", {
+    setComponentTemplate(precompileTemplate("{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{!-- DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY --}}\n{{#if this.codeTarget}}\n  {{#in-element this.codeTarget}}\n    {{yield}}\n  {{/in-element}}\n{{/if}}\n<EuiInnerText as |setInnerTextRef innerText|>\n  {{#let (classNames \"euiCodeBlock\" (if (or this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasControl\") (if (and this.showCopyButton this.showFullScreenButton) \"euiCodeBlock--hasBothControls\") (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\") @className) (classNames \"euiCodeBlock__pre\" (if (or (eq this.whiteSpace \"pre\") this.isVirtualized) \"euiCodeBlock__pre--whiteSpacePre\") (if (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized)) \"euiCodeBlock__pre--whiteSpacePreWrap\") (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")) as |wrapperClasses preClasses|}}\n    <div class={{classNames wrapperClasses (if this.transparentBackground \"euiCodeBlock--transparentBackground\") componentName=\"EuiCodeBlock\" fontSize=this.fontSize paddingSize=this.paddingSize}} {{style this.optionalStyles}} {{highlightTargetModifier element=this.codeTarget language=this.language lineNumbersConfig=this.lineNumbersConfig onChange=this.updateCode}}>\n      {{#if this.isVirtualized}}\n        {{!--virtualized--}}\n        <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{this.rowHeight}} />\n      {{else}}\n        {{!--template-lint-disable--}}\n        <pre class={{preClasses}} {{style this.optionalStyles}} tabindex={{this.tabIndex}} {{didInsert (set this \"wrapperRef\")}} {{resizeObserver onResize=this.doesOverflow}} {{mutationObserver onMutation=this.doesOverflow observerOptions=(hash subtree=true childList=true)}} {{didInsert setInnerTextRef}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"code\")}} ...attributes></code></pre>\n\n      {{/if}}\n\n      <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @toggleFullScreen={{this.toggleFullScreen}} @showCopyButton={{this.showCopyButton}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n\n      {{#if this.isFullScreen}}\n        <FullScreenDisplay class={{wrapperClasses}}>\n          {{#if this.isVirtualized}}\n            <VirtualizedCodeBlock class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}} @language={{this.language}} @data={{this.data.data}} @rowHeight={{fontSizeToRowHeightMap.l}} />\n          {{else}}\n            <pre class={{preClasses}} tabindex=\"0\" {{onKey \"Escape\" this.closeFullScreen}}><code class=\"euiCodeBlock__code\" data-code-language={{this.language}} {{didInsert (set this \"codeFullScreen\")}}></code></pre>\n          {{/if}}\n          <Controls @isFullScreen={{this.isFullScreen}} @showFullScreenButton={{this.showFullScreenButton}} @showCopyButton={{this.showCopyButton}} @toggleFullScreen={{this.toggleFullScreen}} @textToCopy={{textToCopyHelper isVirtualized=this.isVirtualized innerText=(cleanTextHelper innerText) element=this.data.element}} />\n        </FullScreenDisplay>\n      {{/if}}\n    </div>\n  {{/let}}\n</EuiInnerText>", {
       strictMode: true,
       scope: () => ({
         EuiInnerText: EuiImage,

package/dist/components/eui-code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-code-block.js","sources":["../../src/components/eui-code-block.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not,or } from 'ember-truth-helpers';\n\nimport Controls from '../components/eui-code-block/controls.gts';\nimport FullScreenDisplay from '../components/eui-code-block/full-screen-display.gts';\nimport VirtualizedCodeBlock from '../components/eui-code-block/virtualized.gts';\nimport EuiInnerText from '../components/eui-inner-text.gts';\nimport classNames from '../helpers/class-names.ts';\nimport mutationObserver from '../modifiers/mutation-observer.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport {\n  checkSupportedLanguage,\n  getHtmlContent,\n  highlightByLine\n} from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\ninterface LineNumbersConfig {\n  start?: number;\n  highlight?: string;\n  show?: boolean;\n}\n\nexport type PaddingSize = 'none' | 's' | 'm' | 'l';\nexport type FontSize = 's' | 'm' | 'l';\n\nconst fontSizeToRowHeightMap = {\n  s: 18,\n  m: 21,\n  l: 24\n};\n\nexport type EuiCodeBlockArgs = EuiCodeSharedProps & {\n  paddingSize?: PaddingSize;\n  fontSize?: FontSize;\n\n  /**\n   * Specify how `white-space` inside the element is handled.\n   * `pre` respects line breaks/white space but doesn't force them to wrap the line\n   * `pre-wrap` respects line breaks/white space but does force them to wrap the line when necessary.\n   */\n  whiteSpace?: 'pre' | 'pre-wrap';\n\n  /**\n   * Displays an icon button to copy the code snippet to the clipboard.\n   */\n  isCopyable?: boolean;\n\n  /**\n   * Displays line numbers.\n   * Optionally accepts a configuration object for setting the starting number and visual highlighting ranges:\n   * `{ start: 100, highlight: '1, 5-10, 20-30, 40' }`\n   */\n  lineNumbers?: boolean | LineNumbersConfig;\n\n  /**\n   * Sets the maximum container height.\n   * Accepts a pixel value (`300`) or a percentage (`'100%'`)\n   * Ensure the container has calcuable height when using a percentage\n   */\n  overflowHeight?: number | string;\n\n  /**\n   * Renders code block lines virtually.\n   * Useful for improving load times of large code blocks.\n   *\n   * When using this configuration, `overflowHeight` is required and\n   * `whiteSpace` can only be `pre`.\n   */\n  isVirtualized?: boolean;\n};\n\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\ninterface LineNumbersFinal {\n  start: number;\n  show: boolean;\n  highlight?: string;\n}\n\nconst highlightTargetModifier = modifier(\n  (\n    _e,\n    _pos: unknown[],\n    {\n      element: targetEle,\n      language = 'text',\n      lineNumbersConfig = { start: 1, show: false },\n      onChange\n    }: {\n      element: Element | undefined;\n      language: EuiCodeSharedProps['language'];\n      lineNumbersConfig: LineNumbersFinal;\n      onChange: ({\n        data,\n        element\n      }: {\n        data: RefractorNode[];\n        element: HTMLElement;\n      }) => void;\n    }\n  ) => {\n    let observer: undefined | MutationObserver;\n\n    const getHighlighedHtml = () => {\n      const html = (targetEle?.textContent ? targetEle.textContent : '').trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlightByLine(html, language, lineNumbersConfig);\n      }\n\n      return {\n        data,\n        element: getHtmlContent(data).element\n      };\n    };\n\n    const setupObserver = () => {\n      const newObserver = new MutationObserver((mutationsList) => {\n        if (mutationsList.length) {\n          onChange(getHighlighedHtml());\n        }\n      });\n\n      if (targetEle) {\n        onChange(getHighlighedHtml());\n        newObserver.observe(targetEle, {\n          characterData: true,\n          subtree: true,\n          childList: true\n        });\n      }\n\n      return newObserver;\n    };\n\n    if (targetEle) {\n      observer = setupObserver();\n    }\n\n    return () => {\n      observer?.disconnect();\n    };\n  }\n);\n\nconst cleanTextHelper = helper(function ([text]: [string]) {\n  return text?.replace(/[\\r\\n?]{2}|\\n\\n/g, '\\n') || '';\n});\n\nconst textToCopyHelper = helper(function (\n  _pos,\n  {\n    isVirtualized,\n    element,\n    innerText\n  }: {\n    isVirtualized: boolean;\n    element: HTMLElement | undefined;\n    innerText: string;\n  }\n) {\n  if (element) {\n    return isVirtualized\n      ? element.textContent\n        ? element.textContent\n        : ''\n      : innerText;\n  }\n\n  return '';\n});\n\nexport default class EuiCodeBlockComponent extends Component<EuiCodeBlockSignature> {\n  //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen\n  @tracked codeTarget?: HTMLElement;\n  //<code> Element for non fullscreen\n  @tracked code?: HTMLElement;\n  //<code> Element for fullscreen modal\n  @tracked codeFullScreen?: HTMLElement;\n  @tracked wrapperRef?: HTMLElement;\n  @tracked tabIndex = 1;\n  @tracked isFullScreen = false;\n  @tracked data?: { data: RefractorNode[]; element: HTMLElement };\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  get transparentBackground() {\n    return this.args.transparentBackground ?? false;\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get fontSize() {\n    return this.args.fontSize ?? 's';\n  }\n\n  get isCopyable() {\n    return this.args.isCopyable ?? false;\n  }\n\n  get whiteSpace() {\n    return this.args.whiteSpace ?? 'pre-wrap';\n  }\n\n  get isVirtualized() {\n    return !!(this.args.isVirtualized && Array.isArray(this.data?.data));\n  }\n\n  get lineNumbers() {\n    return this.args.lineNumbers ?? false;\n  }\n\n  get lineNumbersConfig() {\n    const { lineNumbers } = this;\n    const config = typeof lineNumbers === 'object' ? lineNumbers : {};\n\n    return lineNumbers\n      ? { start: 1, show: true, ...config }\n      : { start: 1, show: false };\n  }\n\n  get optionalStyles() {\n    const overflowHeight = this.args.overflowHeight;\n\n    if (overflowHeight) {\n      const property =\n        typeof overflowHeight === 'string' ? 'height' : 'maxHeight';\n\n      return {\n        [property]:\n          typeof overflowHeight === 'string'\n            ? overflowHeight\n            : `${overflowHeight}px`\n      };\n    }\n\n    return {};\n  }\n\n  get showCopyButton() {\n    return this.isCopyable && true;\n  }\n\n  get rowHeight() {\n    return fontSizeToRowHeightMap[this.fontSize];\n  }\n\n  get showFullScreenButton() {\n    return !!this.args.overflowHeight;\n  }\n\n  constructor(owner: Owner, args: EuiCodeBlockArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n  }\n\n  @action\n  toggleFullScreen() {\n    this.isFullScreen = !this.isFullScreen;\n  }\n\n  @action\n  closeFullScreen(e: KeyboardEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isFullScreen = false;\n  }\n\n  @action\n  doesOverflow() {\n    if (!this.wrapperRef) return;\n\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight } =\n      this.wrapperRef;\n    const doesOverflow =\n      scrollHeight > clientHeight || scrollWidth > clientWidth;\n\n    this.tabIndex = doesOverflow ? 0 : -1;\n  }\n\n  @action\n  updateCode(resp: { data: RefractorNode[]; element: HTMLElement }) {\n    const render = () => {\n      const code = this.code;\n      const codeFullScreen = this.codeFullScreen;\n\n      if (code && !this.isFullScreen) {\n        this.data = resp;\n        code.innerHTML = resp.element.innerHTML;\n      }\n\n      if (codeFullScreen && this.isFullScreen) {\n        this.data = resp;\n        codeFullScreen.innerHTML = resp.element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.codeTarget = undefined;\n    this.code = undefined;\n    this.codeFullScreen = undefined;\n    this.wrapperRef = undefined;\n  }\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      {{#let\n        (classNames\n          \"euiCodeBlock\"\n          (if\n            (or this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasControl\"\n          )\n          (if\n            (and this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasBothControls\"\n          )\n          (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\")\n          @className\n        )\n        (classNames\n          \"euiCodeBlock__pre\"\n          (if\n            (or (eq this.whiteSpace \"pre\") this.isVirtualized)\n            \"euiCodeBlock__pre--whiteSpacePre\"\n          )\n          (if\n            (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized))\n            \"euiCodeBlock__pre--whiteSpacePreWrap\"\n          )\n          (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")\n        )\n        as |wrapperClasses preClasses|\n      }}\n        <div\n          class={{classNames\n            wrapperClasses\n            (if\n              this.transparentBackground \"euiCodeBlock--transparentBackground\"\n            )\n            componentName=\"EuiCodeBlock\"\n            fontSize=this.fontSize\n            paddingSize=this.paddingSize\n          }}\n          {{style this.optionalStyles}}\n          {{highlightTargetModifier\n            element=this.codeTarget\n            language=this.language\n            lineNumbersConfig=this.lineNumbersConfig\n            onChange=this.updateCode\n          }}\n        >\n          {{#if this.isVirtualized}}\n            {{!virtualized}}\n            <VirtualizedCodeBlock\n              class={{preClasses}}\n              tabindex=\"0\"\n              {{onKey \"Escape\" this.closeFullScreen}}\n              @language={{this.language}}\n              @data={{this.data.data}}\n              @rowHeight={{this.rowHeight}}\n            />\n          {{else}}\n            {{!template-lint-disable}}\n            <pre\n              class={{preClasses}}\n              {{style this.optionalStyles}}\n              tabindex={{this.tabIndex}}\n              {{didInsert (set this \"wrapperRef\")}}\n              {{resizeObserver onResize=this.doesOverflow}}\n              {{mutationObserver\n                onMutation=this.doesOverflow\n                observerOptions=(hash subtree=true childList=true)\n              }}\n              {{didInsert setInnerTextRef}}\n            ><code\n                class=\"euiCodeBlock__code\"\n                data-code-language={{this.language}}\n                {{didInsert (set this \"code\")}}\n                ...attributes\n              ></code></pre>\n\n          {{/if}}\n\n          <Controls\n            @isFullScreen={{this.isFullScreen}}\n            @showFullScreenButton={{this.showFullScreenButton}}\n            @toggleFullScreen={{this.toggleFullScreen}}\n            @showCopyButton={{this.showCopyButton}}\n            @textToCopy={{textToCopyHelper\n              isVirtualized=this.isVirtualized\n              innerText=(cleanTextHelper innerText)\n              element=this.data.element\n            }}\n          />\n\n          {{#if this.isFullScreen}}\n            <FullScreenDisplay class={{wrapperClasses}}>\n              {{#if this.isVirtualized}}\n                <VirtualizedCodeBlock\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                  @language={{this.language}}\n                  @data={{this.data.data}}\n                  @rowHeight={{fontSizeToRowHeightMap.l}}\n                />\n              {{else}}\n                <pre\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                ><code\n                    class=\"euiCodeBlock__code\"\n                    data-code-language={{this.language}}\n                    {{didInsert (set this \"codeFullScreen\")}}\n                  ></code></pre>\n              {{/if}}\n              <Controls\n                @isFullScreen={{this.isFullScreen}}\n                @showFullScreenButton={{this.showFullScreenButton}}\n                @showCopyButton={{this.showCopyButton}}\n                @toggleFullScreen={{this.toggleFullScreen}}\n                @textToCopy={{textToCopyHelper\n                  isVirtualized=this.isVirtualized\n                  innerText=(cleanTextHelper innerText)\n                  element=this.data.element\n                }}\n              />\n            </FullScreenDisplay>\n          {{/if}}\n        </div>\n      {{/let}}\n    </EuiInnerText>\n  </template>\n}\n"],"names":["fontSizeToRowHeightMap","s","m","l","highlightTargetModifier","modifier","_e","_pos","element","targetEle","language","lineNumbersConfig","start","show","onChange","observer","getHighlighedHtml","html","textContent","trim","data","highlightByLine","getHtmlContent","setupObserver","newObserver","MutationObserver","mutationsList","length","observe","characterData","subtree","childList","disconnect","cleanTextHelper","helper","text","replace","textToCopyHelper","isVirtualized","innerText","EuiCodeBlockComponent","Component","g","prototype","tracked","i","void 0","checkSupportedLanguage","args","transparentBackground","paddingSize","fontSize","isCopyable","whiteSpace","Array","isArray","lineNumbers","config","optionalStyles","overflowHeight","property","showCopyButton","rowHeight","showFullScreenButton","constructor","owner","codeTarget","document","createElement","toggleFullScreen","isFullScreen","n","action","closeFullScreen","e","preventDefault","stopPropagation","doesOverflow","wrapperRef","clientWidth","clientHeight","scrollWidth","scrollHeight","tabIndex","updateCode","resp","render","code","codeFullScreen","innerHTML","scheduleOnce","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","classNames","or","and","eq","not","style","VirtualizedCodeBlock","onKey","didInsert","set","resizeObserver","mutationObserver","hash","Controls","FullScreenDisplay"],"mappings":"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"}
+{"version":3,"file":"eui-code-block.js","sources":["../../src/components/eui-code-block.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not,or } from 'ember-truth-helpers';\n\nimport Controls from '../components/eui-code-block/controls.gts';\nimport FullScreenDisplay from '../components/eui-code-block/full-screen-display.gts';\nimport VirtualizedCodeBlock from '../components/eui-code-block/virtualized.gts';\nimport EuiInnerText from '../components/eui-inner-text.gts';\nimport classNames from '../helpers/class-names.ts';\nimport mutationObserver from '../modifiers/mutation-observer.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport {\n  checkSupportedLanguage,\n  getHtmlContent,\n  highlightByLine\n} from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\ninterface LineNumbersConfig {\n  start?: number;\n  highlight?: string;\n  show?: boolean;\n}\n\nexport type PaddingSize = 'none' | 's' | 'm' | 'l';\nexport type FontSize = 's' | 'm' | 'l';\n\nconst fontSizeToRowHeightMap = {\n  s: 18,\n  m: 21,\n  l: 24\n};\n\nexport type EuiCodeBlockArgs = EuiCodeSharedProps & {\n  paddingSize?: PaddingSize;\n  fontSize?: FontSize;\n\n  /**\n   * Specify how `white-space` inside the element is handled.\n   * `pre` respects line breaks/white space but doesn't force them to wrap the line\n   * `pre-wrap` respects line breaks/white space but does force them to wrap the line when necessary.\n   */\n  whiteSpace?: 'pre' | 'pre-wrap';\n\n  /**\n   * Displays an icon button to copy the code snippet to the clipboard.\n   */\n  isCopyable?: boolean;\n\n  /**\n   * Displays line numbers.\n   * Optionally accepts a configuration object for setting the starting number and visual highlighting ranges:\n   * `{ start: 100, highlight: '1, 5-10, 20-30, 40' }`\n   */\n  lineNumbers?: boolean | LineNumbersConfig;\n\n  /**\n   * Sets the maximum container height.\n   * Accepts a pixel value (`300`) or a percentage (`'100%'`)\n   * Ensure the container has calcuable height when using a percentage\n   */\n  overflowHeight?: number | string;\n\n  /**\n   * Renders code block lines virtually.\n   * Useful for improving load times of large code blocks.\n   *\n   * When using this configuration, `overflowHeight` is required and\n   * `whiteSpace` can only be `pre`.\n   */\n  isVirtualized?: boolean;\n};\n\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\ninterface LineNumbersFinal {\n  start: number;\n  show: boolean;\n  highlight?: string;\n}\n\nconst highlightTargetModifier = modifier(\n  (\n    _e,\n    _pos: unknown[],\n    {\n      element: targetEle,\n      language = 'text',\n      lineNumbersConfig = { start: 1, show: false },\n      onChange\n    }: {\n      element: Element | undefined;\n      language: EuiCodeSharedProps['language'];\n      lineNumbersConfig: LineNumbersFinal;\n      onChange: ({\n        data,\n        element\n      }: {\n        data: RefractorNode[];\n        element: HTMLElement;\n      }) => void;\n    }\n  ) => {\n    let observer: undefined | MutationObserver;\n\n    const getHighlighedHtml = () => {\n      const html = (targetEle?.textContent ? targetEle.textContent : '').trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlightByLine(html, language, lineNumbersConfig);\n      }\n\n      return {\n        data,\n        element: getHtmlContent(data).element\n      };\n    };\n\n    const setupObserver = () => {\n      const newObserver = new MutationObserver((mutationsList) => {\n        if (mutationsList.length) {\n          onChange(getHighlighedHtml());\n        }\n      });\n\n      if (targetEle) {\n        onChange(getHighlighedHtml());\n        newObserver.observe(targetEle, {\n          characterData: true,\n          subtree: true,\n          childList: true\n        });\n      }\n\n      return newObserver;\n    };\n\n    if (targetEle) {\n      observer = setupObserver();\n    }\n\n    return () => {\n      observer?.disconnect();\n    };\n  }\n);\n\nconst cleanTextHelper = helper(function ([text]: [string]) {\n  return text?.replace(/[\\r\\n?]{2}|\\n\\n/g, '\\n') || '';\n});\n\nconst textToCopyHelper = helper(function (\n  _pos,\n  {\n    isVirtualized,\n    element,\n    innerText\n  }: {\n    isVirtualized: boolean;\n    element: HTMLElement | undefined;\n    innerText: string;\n  }\n) {\n  if (element) {\n    return isVirtualized\n      ? element.textContent\n        ? element.textContent\n        : ''\n      : innerText;\n  }\n\n  return '';\n});\n\nexport default class EuiCodeBlockComponent extends Component<EuiCodeBlockSignature> {\n  //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen\n  @tracked codeTarget?: HTMLElement;\n  //<code> Element for non fullscreen\n  @tracked code?: HTMLElement;\n  //<code> Element for fullscreen modal\n  @tracked codeFullScreen?: HTMLElement;\n  @tracked wrapperRef?: HTMLElement;\n  @tracked tabIndex = 1;\n  @tracked isFullScreen = false;\n  @tracked data?: { data: RefractorNode[]; element: HTMLElement };\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  get transparentBackground() {\n    return this.args.transparentBackground ?? false;\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get fontSize() {\n    return this.args.fontSize ?? 's';\n  }\n\n  get isCopyable() {\n    return this.args.isCopyable ?? false;\n  }\n\n  get whiteSpace() {\n    return this.args.whiteSpace ?? 'pre-wrap';\n  }\n\n  get isVirtualized() {\n    return !!(this.args.isVirtualized && Array.isArray(this.data?.data));\n  }\n\n  get lineNumbers() {\n    return this.args.lineNumbers ?? false;\n  }\n\n  get lineNumbersConfig() {\n    const { lineNumbers } = this;\n    const config = typeof lineNumbers === 'object' ? lineNumbers : {};\n\n    return lineNumbers\n      ? { start: 1, show: true, ...config }\n      : { start: 1, show: false };\n  }\n\n  get optionalStyles() {\n    const overflowHeight = this.args.overflowHeight;\n\n    if (overflowHeight) {\n      const property =\n        typeof overflowHeight === 'string' ? 'height' : 'maxHeight';\n\n      return {\n        [property]:\n          typeof overflowHeight === 'string'\n            ? overflowHeight\n            : `${overflowHeight}px`\n      };\n    }\n\n    return {};\n  }\n\n  get showCopyButton() {\n    return this.isCopyable && true;\n  }\n\n  get rowHeight() {\n    return fontSizeToRowHeightMap[this.fontSize];\n  }\n\n  get showFullScreenButton() {\n    return !!this.args.overflowHeight;\n  }\n\n  constructor(owner: Owner, args: EuiCodeBlockArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n  }\n\n  @action\n  toggleFullScreen() {\n    this.isFullScreen = !this.isFullScreen;\n  }\n\n  @action\n  closeFullScreen(e: KeyboardEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isFullScreen = false;\n  }\n\n  @action\n  doesOverflow() {\n    if (!this.wrapperRef) return;\n\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight } =\n      this.wrapperRef;\n    const doesOverflow =\n      scrollHeight > clientHeight || scrollWidth > clientWidth;\n\n    this.tabIndex = doesOverflow ? 0 : -1;\n  }\n\n  @action\n  updateCode(resp: { data: RefractorNode[]; element: HTMLElement }) {\n    const render = () => {\n      const code = this.code;\n      const codeFullScreen = this.codeFullScreen;\n\n      if (code && !this.isFullScreen) {\n        this.data = resp;\n        code.innerHTML = resp.element.innerHTML;\n      }\n\n      if (codeFullScreen && this.isFullScreen) {\n        this.data = resp;\n        codeFullScreen.innerHTML = resp.element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.codeTarget = undefined;\n    this.code = undefined;\n    this.codeFullScreen = undefined;\n    this.wrapperRef = undefined;\n  }\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      {{#let\n        (classNames\n          \"euiCodeBlock\"\n          (if\n            (or this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasControl\"\n          )\n          (if\n            (and this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasBothControls\"\n          )\n          (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\")\n          @className\n        )\n        (classNames\n          \"euiCodeBlock__pre\"\n          (if\n            (or (eq this.whiteSpace \"pre\") this.isVirtualized)\n            \"euiCodeBlock__pre--whiteSpacePre\"\n          )\n          (if\n            (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized))\n            \"euiCodeBlock__pre--whiteSpacePreWrap\"\n          )\n          (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")\n        )\n        as |wrapperClasses preClasses|\n      }}\n        <div\n          class={{classNames\n            wrapperClasses\n            (if\n              this.transparentBackground \"euiCodeBlock--transparentBackground\"\n            )\n            componentName=\"EuiCodeBlock\"\n            fontSize=this.fontSize\n            paddingSize=this.paddingSize\n          }}\n          {{style this.optionalStyles}}\n          {{highlightTargetModifier\n            element=this.codeTarget\n            language=this.language\n            lineNumbersConfig=this.lineNumbersConfig\n            onChange=this.updateCode\n          }}\n        >\n          {{#if this.isVirtualized}}\n            {{!virtualized}}\n            <VirtualizedCodeBlock\n              class={{preClasses}}\n              tabindex=\"0\"\n              {{onKey \"Escape\" this.closeFullScreen}}\n              @language={{this.language}}\n              @data={{this.data.data}}\n              @rowHeight={{this.rowHeight}}\n            />\n          {{else}}\n            {{!template-lint-disable}}\n            <pre\n              class={{preClasses}}\n              {{style this.optionalStyles}}\n              tabindex={{this.tabIndex}}\n              {{didInsert (set this \"wrapperRef\")}}\n              {{resizeObserver onResize=this.doesOverflow}}\n              {{mutationObserver\n                onMutation=this.doesOverflow\n                observerOptions=(hash subtree=true childList=true)\n              }}\n              {{didInsert setInnerTextRef}}\n            ><code\n                class=\"euiCodeBlock__code\"\n                data-code-language={{this.language}}\n                {{didInsert (set this \"code\")}}\n                ...attributes\n              ></code></pre>\n\n          {{/if}}\n\n          <Controls\n            @isFullScreen={{this.isFullScreen}}\n            @showFullScreenButton={{this.showFullScreenButton}}\n            @toggleFullScreen={{this.toggleFullScreen}}\n            @showCopyButton={{this.showCopyButton}}\n            @textToCopy={{textToCopyHelper\n              isVirtualized=this.isVirtualized\n              innerText=(cleanTextHelper innerText)\n              element=this.data.element\n            }}\n          />\n\n          {{#if this.isFullScreen}}\n            <FullScreenDisplay class={{wrapperClasses}}>\n              {{#if this.isVirtualized}}\n                <VirtualizedCodeBlock\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                  @language={{this.language}}\n                  @data={{this.data.data}}\n                  @rowHeight={{fontSizeToRowHeightMap.l}}\n                />\n              {{else}}\n                <pre\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                ><code\n                    class=\"euiCodeBlock__code\"\n                    data-code-language={{this.language}}\n                    {{didInsert (set this \"codeFullScreen\")}}\n                  ></code></pre>\n              {{/if}}\n              <Controls\n                @isFullScreen={{this.isFullScreen}}\n                @showFullScreenButton={{this.showFullScreenButton}}\n                @showCopyButton={{this.showCopyButton}}\n                @toggleFullScreen={{this.toggleFullScreen}}\n                @textToCopy={{textToCopyHelper\n                  isVirtualized=this.isVirtualized\n                  innerText=(cleanTextHelper innerText)\n                  element=this.data.element\n                }}\n              />\n            </FullScreenDisplay>\n          {{/if}}\n        </div>\n      {{/let}}\n    </EuiInnerText>\n  </template>\n}\n"],"names":["fontSizeToRowHeightMap","s","m","l","highlightTargetModifier","modifier","_e","_pos","element","targetEle","language","lineNumbersConfig","start","show","onChange","observer","getHighlighedHtml","html","textContent","trim","data","highlightByLine","getHtmlContent","setupObserver","newObserver","MutationObserver","mutationsList","length","observe","characterData","subtree","childList","disconnect","cleanTextHelper","helper","text","replace","textToCopyHelper","isVirtualized","innerText","EuiCodeBlockComponent","Component","g","prototype","tracked","i","checkSupportedLanguage","args","transparentBackground","paddingSize","fontSize","isCopyable","whiteSpace","Array","isArray","lineNumbers","config","optionalStyles","overflowHeight","property","showCopyButton","rowHeight","showFullScreenButton","constructor","owner","codeTarget","document","createElement","toggleFullScreen","isFullScreen","n","action","closeFullScreen","e","preventDefault","stopPropagation","doesOverflow","wrapperRef","clientWidth","clientHeight","scrollWidth","scrollHeight","tabIndex","updateCode","resp","render","code","codeFullScreen","innerHTML","scheduleOnce","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","classNames","or","and","eq","not","style","VirtualizedCodeBlock","onKey","didInsert","set","resizeObserver","mutationObserver","hash","Controls","FullScreenDisplay"],"mappings":"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"}

package/dist/components/eui-code.js

@@ -11,7 +11,7 @@ import classNames from '../helpers/class-names.js';
 import { checkSupportedLanguage, getHtmlContent } from '../utils/code/utils.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class EuiCodeComponent extends Component {
   static {
@@ -71,7 +71,7 @@ class EuiCodeComponent extends Component {
     this.code = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <code class={{classNames \"euiCode\" (if @transparentBackground \"euiCode--transparentBackground\")}} data-code-language={{argOrDefault @language \"text\"}} {{didInsert (set this \"code\")}} {{didInsert this.update}} {{didUpdate this.update this.language}} {{didUpdate this.update this.language}} ...attributes></code>\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if this.codeTarget}}\n  {{#in-element this.codeTarget}}\n    {{yield}}\n  {{/in-element}}\n{{/if}}\n<code class={{classNames \"euiCode\" (if @transparentBackground \"euiCode--transparentBackground\")}} data-code-language={{argOrDefault @language \"text\"}} {{didInsert (set this \"code\")}} {{didInsert this.update}} {{didUpdate this.update this.language}} {{didUpdate this.update this.language}} ...attributes></code>", {
       strictMode: true,
       scope: () => ({
         classNames,

package/dist/components/eui-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-code.js","sources":["../../src/components/eui-code.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { highlight } from 'refractor';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\nexport type EuiCodeArgs = EuiCodeSharedProps & {\n  //comments\n};\n\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget?: HTMLElement;\n  @tracked code?: HTMLElement;\n  observer: MutationObserver | null = null;\n\n  constructor(owner: Owner, args: EuiCodeArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n    this.setupObserver();\n  }\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.update();\n    });\n\n    if (this.codeTarget) {\n      this.update();\n      this.observer.observe(this.codeTarget, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  @action\n  update() {\n    const render = () => {\n      const html = (\n        this.codeTarget?.textContent ? this.codeTarget.textContent : ''\n      ).trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlight(html, this.language);\n      }\n\n      const code = this.code;\n\n      if (code) {\n        code.innerHTML = getHtmlContent(data).element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.observer?.disconnect();\n    this.codeTarget = undefined;\n    this.code = undefined;\n  }\n\n  <template>\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <code\n      class={{classNames\n        \"euiCode\"\n        (if @transparentBackground \"euiCode--transparentBackground\")\n      }}\n      data-code-language={{argOrDefault @language \"text\"}}\n      {{didInsert (set this \"code\")}}\n      {{didInsert this.update}}\n      {{didUpdate this.update this.language}}\n      {{didUpdate this.update this.language}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","void 0","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","n","action","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","didInsert","set","didUpdate"],"mappings":"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"}
+{"version":3,"file":"eui-code.js","sources":["../../src/components/eui-code.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { highlight } from 'refractor';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\nexport type EuiCodeArgs = EuiCodeSharedProps & {\n  //comments\n};\n\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget?: HTMLElement;\n  @tracked code?: HTMLElement;\n  observer: MutationObserver | null = null;\n\n  constructor(owner: Owner, args: EuiCodeArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n    this.setupObserver();\n  }\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.update();\n    });\n\n    if (this.codeTarget) {\n      this.update();\n      this.observer.observe(this.codeTarget, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  @action\n  update() {\n    const render = () => {\n      const html = (\n        this.codeTarget?.textContent ? this.codeTarget.textContent : ''\n      ).trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlight(html, this.language);\n      }\n\n      const code = this.code;\n\n      if (code) {\n        code.innerHTML = getHtmlContent(data).element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.observer?.disconnect();\n    this.codeTarget = undefined;\n    this.code = undefined;\n  }\n\n  <template>\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <code\n      class={{classNames\n        \"euiCode\"\n        (if @transparentBackground \"euiCode--transparentBackground\")\n      }}\n      data-code-language={{argOrDefault @language \"text\"}}\n      {{didInsert (set this \"code\")}}\n      {{didInsert this.update}}\n      {{didUpdate this.update this.language}}\n      {{didUpdate this.update this.language}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","n","action","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","didInsert","set","didUpdate"],"mappings":"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"}

package/dist/components/eui-collapsible-nav-group.js

@@ -13,7 +13,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCollapsibleNavGroup = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @id (randomId)) (argOrDefault @titleElement \"h3\") as |groupID titleElement|}}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} @buttonClassName=\"euiCollapsibleNavGroup__heading\" @initialIsOpen={{argOrDefault @initialIsOpen true}} @arrowDisplay=\"right\" ...attributes>\n            <:buttonContent>\n              <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  <EuiTitle id={{concat groupID \"__title\"}} @tagName={{argOrDefault @titleTagName \"h3\"}} @size={{argOrDefault @titleSize \"xxs\"}}>\n                    {{#if (notEq titleElement \"h3\")}}\n                      {{#let (element titleElement) as |TitleElement|}}\n                        <TitleElement id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                          {{yield to=\"title\"}}\n                        </TitleElement>\n                      {{/let}}\n                    {{else}}\n                      <h3 id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                        {{yield to=\"title\"}}\n                      </h3>\n                    {{/if}}\n                  </EuiTitle>\n                </EuiFlexItem>\n              </EuiFlexGroup>\n            </:buttonContent>\n            <:content>\n              {{#if (has-block \"content\")}}\n                <div class=\"euiCollapsibleNavGroup__children\">\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </:content>\n          </EuiAccordion>\n        {{else}}\n          <div id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} ...attributes>\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    <EuiTitle id={{concat groupID \"__title\"}} @tagName={{argOrDefault @titleTagName \"h3\"}} @size={{argOrDefault @titleSize \"xxs\"}}>\n                      {{#if (notEq titleElement \"h3\")}}\n                        {{#let (element titleElement) as |TitleElement|}}\n                          <TitleElement id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                            {{yield to=\"title\"}}\n                          </TitleElement>\n                        {{/let}}\n                      {{else}}\n                        <h3 id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                          {{yield to=\"title\"}}\n                        </h3>\n                      {{/if}}\n                    </EuiTitle>\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              </div>\n            {{/if}}\n            {{#if (has-block \"content\")}}\n              <div class=\"euiCollapsibleNavGroup__children\">\n                {{yield to=\"content\"}}\n              </div>\n            {{/if}}\n          </div>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiCollapsibleNavGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @id (randomId)) (argOrDefault @titleElement \"h3\") as |groupID titleElement|}}\n  {{#let (concat groupID \"__title\") as |titleID|}}\n    {{#if (and @isCollapsible (has-block \"title\"))}}\n      <EuiAccordion id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} @buttonClassName=\"euiCollapsibleNavGroup__heading\" @initialIsOpen={{argOrDefault @initialIsOpen true}} @arrowDisplay=\"right\" ...attributes>\n        <:buttonContent>\n          <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n            {{#if @iconType}}\n              <EuiFlexItem @grow={{false}}>\n                <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n              </EuiFlexItem>\n            {{/if}}\n            <EuiFlexItem>\n              <EuiTitle id={{concat groupID \"__title\"}} @tagName={{argOrDefault @titleTagName \"h3\"}} @size={{argOrDefault @titleSize \"xxs\"}}>\n                {{#if (notEq titleElement \"h3\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  {{/let}}\n                {{else}}\n                  <h3 id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                    {{yield to=\"title\"}}\n                  </h3>\n                {{/if}}\n              </EuiTitle>\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </:buttonContent>\n        <:content>\n          {{#if (has-block \"content\")}}\n            <div class=\"euiCollapsibleNavGroup__children\">\n              {{yield to=\"content\"}}\n            </div>\n          {{/if}}\n        </:content>\n      </EuiAccordion>\n    {{else}}\n      <div id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} ...attributes>\n        {{#if (has-block \"title\")}}\n          <div class=\"euiCollapsibleNavGroup__heading\">\n            <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n              {{#if @iconType}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n                </EuiFlexItem>\n              {{/if}}\n              <EuiFlexItem>\n                <EuiTitle id={{concat groupID \"__title\"}} @tagName={{argOrDefault @titleTagName \"h3\"}} @size={{argOrDefault @titleSize \"xxs\"}}>\n                  {{#if (notEq titleElement \"h3\")}}\n                    {{#let (element titleElement) as |TitleElement|}}\n                      <TitleElement id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                        {{yield to=\"title\"}}\n                      </TitleElement>\n                    {{/let}}\n                  {{else}}\n                    <h3 id={{titleID}} class=\"euiCollapsibleNavGroup__title\">\n                      {{yield to=\"title\"}}\n                    </h3>\n                  {{/if}}\n                </EuiTitle>\n              </EuiFlexItem>\n            </EuiFlexGroup>\n          </div>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          <div class=\"euiCollapsibleNavGroup__children\">\n            {{yield to=\"content\"}}\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,