@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-checkbox.js

@@ -14,7 +14,12 @@ 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", {
+/**
+ * Attributes and modifiers (`value`, `{{on "change" …}}`) go to the
+ * `<input type="checkbox">`.
+ */
+
+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\n/**\n * Attributes and modifiers (`value`, `{{on \"change\" …}}`) go to the\n * `<input type=\"checkbox\">`.\n */\nexport interface EuiCheckboxSignature {\n  Element: HTMLInputElement;\n  Args: {\n    /** Whether it is checked. Update it from `{{on \"change\" …}}`. */\n    checked?: boolean;\n    /** Disables the checkbox. */\n    disabled?: boolean;\n    /** Shows the \"partially checked\" state, e.g. for a \"select all\" box. */\n    indeterminate?: boolean;\n    /** @private Styles the checkbox for use next to an icon. */\n    icon?: boolean;\n    /** Smaller checkbox, for dense forms. */\n    compressed?: boolean;\n    /** Label next to the checkbox. Use the `<:label>` block for markup. */\n    label?: string;\n    /** Props for the `<label>`: `{ className }`. */\n    labelProps?: {\n      className?: string;\n    };\n    /** Extra classes for the wrapper around the input and label. */\n    containerClass?: string;\n    /** Extra classes for the wrapper around the input and label. */\n    className?: string;\n    /** Called with the `<input>` element once rendered. */\n    inputRef?: (element: HTMLInputElement) => void;\n    /**\n     * @private Ignore the `<:label>` block (for wrappers that always pass\n     * one).\n     */\n    isFakeLabelBlock?: boolean;\n    /** Id of the input, linked to the label. Defaults to a random id. */\n    id?: string;\n    /** `name` of the input, for forms. */\n    name?: string;\n  };\n  Blocks: {\n    /** The label, instead of `@label`. */\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,QAAA,CAAS,SAASC,uBAAAA,CAC9CC,OAAyB,EACzB,CAACC,aAAA,CAA0B,EAAA;AAE3B,EAAA,IAAID,OAAA,EAAS;IACXA,OAAA,CAAQC,aAAa,GAAGA,aAAA;AAC1B,EAAA;AACF,CAAA,CAAA;AAEA;;;AAGC;;AA0CD,MAAMC,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,m+BAAA,EA6CjE;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\n/** @private The copy and full screen buttons of EuiCodeBlock. */\ninterface EuiCodeBlockControlsSignature {\n  Args: {\n    /** Shows the copy button (`@isCopyable`). */\n    showCopyButton: boolean;\n    /** Shows the full screen button (code taller than `@overflowHeight`). */\n    showFullScreenButton: boolean;\n    /** Whether the code is shown full screen (switches the button icon). */\n    isFullScreen: boolean;\n    /** Toggles the full screen view. */\n    toggleFullScreen: () => void;\n    /** The code to copy. */\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":";;;;;;;;AAyBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,ktBAAA,EA+BA;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\n/** @private EuiCodeBlock's full screen view, rendered in an overlay. */\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":";;;;;;;AAiBA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,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/core';\n\nexport interface VirtualizedCodeBlockSignature<T> {\n  Element: HTMLPreElement;\n  // We accept an array of items, one per row\n  Args: {\n    /** The highlighted lines to render. */\n    data?: T[];\n    /** Language of the code, for the `data-code-language` attribute. */\n    language: string;\n    /** Height of one line in px, from the font size. */\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":";;;;;;;;;;;AA2Be,MAAMA,gCAAA,SAA4CC,SAAA,CACjC;EAE9BC,cAAA,GAAiBC,MAAA,CAAO,UAAU,CAACC,IAAA,EAAMC,KAAA,EAAOC,UAI/C,EAAA;AACC,IAAA,MAAMC,UAAUL,cAAA,CAAe,CAACE,IAAA,CAAK,CAAA;AACrC,IAAA,MAAMI,IAAA,GAAOD,OAAA,CAAQE,OAAO,CAACC,UAAc;AAE3C,IAAA,IAAIF,IAAA,EAAM;AACRA,MAAAA,IAAA,CAAKG,KAAK,CAACC,QAAQ,GAAG,UAAA;AACtBJ,MAAAA,IAAA,CAAKG,KAAK,CAACE,MAAM,GAAG,CAAA,EAAGP,SAAA,CAAA,EAAA,CAAa;AACpCE,MAAAA,IAAA,CAAKG,KAAK,CAACG,IAAI,GAAG,GAAA;MAClBN,IAAA,CAAKG,KAAK,CAACI,GAAG,GAAG,CAAA,EAAGV,KAAA,GAAQC,SAAA,CAAA,EAAA,CAAa;AAC3C,IAAA;AAEA,IAAA,OAAOE,IAAA;AACT,EAAA,CAAA,CAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,qqCAAA,EAmCA;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

@@ -10,6 +10,7 @@ import { modifier } from 'ember-modifier';
 import set from 'ember-set-helper/helpers/set';
 import style from 'ember-style-modifier/modifiers/style';
 import { not, eq, and, or } from 'ember-truth-helpers';
+import { highlightLanguage } from '../-private/language-loader.js';
 import EuiCodeBlockControls from './eui-code-block/controls.js';
 import FullScreenDisplay from './eui-code-block/full-screen-display.js';
 import EuiCodeBlockVirtualizedComponent from './eui-code-block/virtualized.js';
@@ -20,13 +21,20 @@ 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,
   m: 21,
   l: 24
 };
+
+/**
+ * Multi-line code with syntax highlighting, optional copy button, line
+ * numbers and full screen view:
+ * `<EuiCodeBlock @language="js" @isCopyable={{true}}>{{this.code}}</EuiCodeBlock>`.
+ */
+
 const highlightTargetModifier = modifier((_e, _pos, {
   element: targetEle,
   language = 'text',
@@ -122,6 +130,10 @@ class EuiCodeBlockComponent extends Component {
   get language() {
     return checkSupportedLanguage(this.args.language || '');
   }
+  /** Plain text until the language has loaded. */
+  get highlightLanguage() {
+    return highlightLanguage(this.language);
+  }
   get transparentBackground() {
     return this.args.transparentBackground ?? false;
   }
@@ -234,7 +246,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.highlightLanguage 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 { highlightLanguage } from '../-private/language-loader.ts';\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/core';\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  /** Padding around the code: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. */\n  paddingSize?: PaddingSize;\n  /** `'s'`, `'m'` or `'l'`. Defaults to `'s'`. */\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   * Defaults to `'pre-wrap'`.\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\n/**\n * Multi-line code with syntax highlighting, optional copy button, line\n * numbers and full screen view:\n * `<EuiCodeBlock @language=\"js\" @isCopyable={{true}}>{{this.code}}</EuiCodeBlock>`.\n */\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\n    /** The code, as text (e.g. a string from your component). */\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  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.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.highlightLanguage\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","highlightLanguage","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

@@ -5,13 +5,14 @@ import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import didUpdate from '@ember/render-modifiers/modifiers/did-update';
 import { scheduleOnce } from '@ember/runloop';
 import set from 'ember-set-helper/helpers/set';
-import { highlight } from 'refractor';
+import { highlight } from 'refractor/core';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
+import { highlightLanguage } from '../-private/language-loader.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 {
@@ -31,6 +32,10 @@ class EuiCodeComponent extends Component {
   get language() {
     return checkSupportedLanguage(this.args.language || '');
   }
+  /** Plain text until the language has loaded. */
+  get highlightLanguage() {
+    return highlightLanguage(this.language);
+  }
   setupObserver() {
     this.observer?.disconnect();
     this.observer = new MutationObserver(mutationsList => {
@@ -52,7 +57,7 @@ class EuiCodeComponent extends Component {
       if (typeof html !== 'string') {
         data = [];
       } else {
-        data = highlight(html, this.language);
+        data = highlight(html, this.highlightLanguage);
       }
       const code = this.code;
       if (code) {
@@ -71,7 +76,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.highlightLanguage}} ...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/core';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { highlightLanguage } from '../-private/language-loader.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor/core';\n\nexport type EuiCodeArgs = EuiCodeSharedProps;\n\n/**\n * Inline code with syntax highlighting: `<EuiCode @language=\"js\">const a = 1;</EuiCode>`.\n * For multi-line code use EuiCodeBlock.\n */\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    /** The code, as text. */\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  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.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.highlightLanguage);\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.highlightLanguage}}\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","highlightLanguage","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

@@ -1,6 +1,6 @@
 import { concat } from '@ember/helper';
 import { element } from 'ember-element-helper';
-import { notEq, and } from 'ember-truth-helpers';
+import { and, or } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -8,16 +8,16 @@ import EuiAccordionComponent from './eui-accordion.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
 import EuiIcon from './eui-icon.js';
-import EuiTitle from './eui-title.js';
 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)) (or @titleElement @titleTagName \"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              {{#let (element titleElement) as |TitleElement|}}\n                <TitleElement id={{titleID}} class={{classNames \"euiCollapsibleNavGroup__title\" componentName=\"EuiTitle\" size=(argOrDefault @titleSize \"xxs\")}}>\n                  {{yield to=\"title\"}}\n                </TitleElement>\n              {{/let}}\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                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement id={{titleID}} class={{classNames \"euiCollapsibleNavGroup__title\" componentName=\"EuiTitle\" size=(argOrDefault @titleSize \"xxs\")}}>\n                    {{yield to=\"title\"}}\n                  </TitleElement>\n                {{/let}}\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,
     randomId,
+    or,
     concat,
     and,
     EuiAccordion: EuiAccordionComponent,
@@ -25,8 +25,6 @@ const EuiCollapsibleNavGroup = setComponentTemplate(precompileTemplate("\n    {{
     EuiFlexGroup,
     EuiFlexItem,
     EuiIcon,
-    EuiTitle,
-    notEq,
     element
   })
 }), templateOnly());

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

@@ -1 +1 @@
-{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport { and, notEq } 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 EuiAccordion from './eui-accordion.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    id?: string;\n    titleElement?: string;\n    isCollapsible?: boolean;\n    initialIsOpen?: boolean;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconSize?: EuiIconSignature['Args']['size'];\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    titleSize?: EuiTitleSignature['Args']['size'];\n    background?: string;\n  };\n  Blocks: {\n    default: [];\n    title: [];\n    content: [];\n  };\n}\n\nconst EuiCollapsibleNavGroup: TemplateOnlyComponent<EuiCollapsibleNavGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @id (randomId)) (argOrDefault @titleElement \"h3\")\n      as |groupID titleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            @buttonClassName=\"euiCollapsibleNavGroup__heading\"\n            @initialIsOpen={{argOrDefault @initialIsOpen true}}\n            @arrowDisplay=\"right\"\n            ...attributes\n          >\n            <:buttonContent>\n              <EuiFlexGroup\n                @gutterSize=\"m\"\n                @alignItems=\"center\"\n                @responsive={{false}}\n              >\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon\n                      @type={{@iconType}}\n                      @size={{argOrDefault @iconSize \"l\"}}\n                    />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  <EuiTitle\n                    id={{concat groupID \"__title\"}}\n                    @tagName={{argOrDefault @titleTagName \"h3\"}}\n                    @size={{argOrDefault @titleSize \"xxs\"}}\n                  >\n                    {{#if (notEq titleElement \"h3\")}}\n                      {{#let (element titleElement) as |TitleElement|}}\n                        <TitleElement\n                          id={{titleID}}\n                          class=\"euiCollapsibleNavGroup__title\"\n                        >\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\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            ...attributes\n          >\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup\n                  @gutterSize=\"m\"\n                  @alignItems=\"center\"\n                  @responsive={{false}}\n                >\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon\n                        @type={{@iconType}}\n                        @size={{argOrDefault @iconSize \"l\"}}\n                      />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    <EuiTitle\n                      id={{concat groupID \"__title\"}}\n                      @tagName={{argOrDefault @titleTagName \"h3\"}}\n                      @size={{argOrDefault @titleSize \"xxs\"}}\n                    >\n                      {{#if (notEq titleElement \"h3\")}}\n                        {{#let (element titleElement) as |TitleElement|}}\n                          <TitleElement\n                            id={{titleID}}\n                            class=\"euiCollapsibleNavGroup__title\"\n                          >\n                            {{yield to=\"title\"}}\n                          </TitleElement>\n                        {{/let}}\n                      {{else}}\n                        <h3\n                          id={{titleID}}\n                          class=\"euiCollapsibleNavGroup__title\"\n                        >\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  </template>;\n\nexport default EuiCollapsibleNavGroup;\n"],"names":["EuiCollapsibleNavGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","concat","and","EuiAccordion","classNames","EuiFlexGroup","EuiFlexItem","EuiIcon","EuiTitle","notEq","element","templateOnly"],"mappings":";;;;;;;;;;;;;;;AAuCA,MAAMA,sBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+HA,24HAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport { and, 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 EuiAccordion from './eui-accordion.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    /** Id of the group. Defaults to a random id. */\n    id?: string;\n    /** Tag of the title, e.g. `'h2'` or `'div'`. Defaults to `'h3'`. */\n    titleElement?: string;\n    /**\n     * Makes the group an accordion that opens and closes from its title\n     * (needs a `<:title>` block).\n     */\n    isCollapsible?: boolean;\n    /** Whether a collapsible group starts open. Defaults to `true`. */\n    initialIsOpen?: boolean;\n    /** Icon before the title; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'l'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Same as `@titleElement`, limited to `EuiTitle`'s tags. Defaults to `'h3'`. */\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    /** Size of the title, any `EuiTitle` size. Defaults to `'xxs'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /**\n     * Background of the group: `'none'`, `'light'` or `'dark'`.\n     * Defaults to `'none'`.\n     */\n    background?: string;\n  };\n  Blocks: {\n    /** Unused, use `<:title>` and `<:content>`. */\n    default: [];\n    /** The group's title; without it the group has no heading. */\n    title: [];\n    /** The group's links, e.g. an `EuiListGroup`. */\n    content: [];\n  };\n}\n\nconst EuiCollapsibleNavGroup: TemplateOnlyComponent<EuiCollapsibleNavGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @id (randomId)) (or @titleElement @titleTagName \"h3\")\n      as |groupID titleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            @buttonClassName=\"euiCollapsibleNavGroup__heading\"\n            @initialIsOpen={{argOrDefault @initialIsOpen true}}\n            @arrowDisplay=\"right\"\n            ...attributes\n          >\n            <:buttonContent>\n              <EuiFlexGroup\n                @gutterSize=\"m\"\n                @alignItems=\"center\"\n                @responsive={{false}}\n              >\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon\n                      @type={{@iconType}}\n                      @size={{argOrDefault @iconSize \"l\"}}\n                    />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement\n                      id={{titleID}}\n                      class={{classNames\n                        \"euiCollapsibleNavGroup__title\"\n                        componentName=\"EuiTitle\"\n                        size=(argOrDefault @titleSize \"xxs\")\n                      }}\n                    >\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  {{/let}}\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\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            ...attributes\n          >\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup\n                  @gutterSize=\"m\"\n                  @alignItems=\"center\"\n                  @responsive={{false}}\n                >\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon\n                        @type={{@iconType}}\n                        @size={{argOrDefault @iconSize \"l\"}}\n                      />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    {{#let (element titleElement) as |TitleElement|}}\n                      <TitleElement\n                        id={{titleID}}\n                        class={{classNames\n                          \"euiCollapsibleNavGroup__title\"\n                          componentName=\"EuiTitle\"\n                          size=(argOrDefault @titleSize \"xxs\")\n                        }}\n                      >\n                        {{yield to=\"title\"}}\n                      </TitleElement>\n                    {{/let}}\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  </template>;\n\nexport default EuiCollapsibleNavGroup;\n"],"names":["EuiCollapsibleNavGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","or","concat","and","EuiAccordion","classNames","EuiFlexGroup","EuiFlexItem","EuiIcon","element","templateOnly"],"mappings":";;;;;;;;;;;;;;AAwDA,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,u3FAAA,EA4GA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -10,15 +10,15 @@ import { isWithinMinBreakpoint } from '../utils/breakpoint.js';
 import EuiFlyoutComponent from './eui-flyout.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 triggerHandlersModifier = modifier((element, _pos, {
   flyoutID,
   isOpen
 }) => {
   element.setAttribute('aria-controls', flyoutID);
-  element.setAttribute('aria-expanded', isOpen ? 'true' : '');
-  element.setAttribute('aria-pressed', isOpen ? 'true' : '');
+  element.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
+  element.setAttribute('aria-pressed', isOpen ? 'true' : 'false');
   const fn = e => {
     e.stopImmediatePropagation();
   };
@@ -101,7 +101,7 @@ class EuiCollapsibleNavComponent extends Component {
     n(this.prototype, "functionToCallOnWindowResize", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <span {{onWindowResizeModifier isDocked=this.isDocked functionToCallOnWindowResize=this.functionToCallOnWindowResize}}></span>\n    {{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n      {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n        {{yield (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID) to=\"button\"}}\n      {{/if}}\n\n      {{#if (or @isOpen this.navIsDocked)}}\n        <EuiFlyout id={{flyoutID}} class=\"euiCollapsibleNav\" @as={{this.as}} @size={{this.size}} @side={{this.side}} @role={{this.role}} @ownFocus={{this.ownFocus}} @outsideClickCloses={{this.outsideClickCloses}} @closeButtonPosition={{this.closeButtonPosition}} @paddingSize={{this.paddingSize}} @type={{if this.navIsDocked \"push\" \"overlay\"}} @hideCloseButton={{this.navIsDocked}} @pushMinBreakpoint={{this.dockedBreakpoint}} @onClose={{@onClose}} ...attributes>\n          {{yield to=\"content\"}}\n        </EuiFlyout>\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("<span {{onWindowResizeModifier isDocked=this.isDocked functionToCallOnWindowResize=this.functionToCallOnWindowResize}}></span>\n{{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n  {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n    {{yield (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID) to=\"button\"}}\n  {{/if}}\n\n  {{#if (or @isOpen this.navIsDocked)}}\n    <EuiFlyout id={{flyoutID}} class=\"euiCollapsibleNav\" @as={{this.as}} @size={{this.size}} @side={{this.side}} @role={{this.role}} @ownFocus={{this.ownFocus}} @outsideClickCloses={{this.outsideClickCloses}} @closeButtonPosition={{this.closeButtonPosition}} @paddingSize={{this.paddingSize}} @type={{if this.navIsDocked \"push\" \"overlay\"}} @hideCloseButton={{this.navIsDocked}} @pushMinBreakpoint={{this.dockedBreakpoint}} @onClose={{@onClose}} ...attributes>\n      {{yield to=\"content\"}}\n    </EuiFlyout>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         onWindowResizeModifier,