@ember-eui/core 13.0.5 → 14.0.0

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

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

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

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

package/dist/components/eui-checkbox.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/eui-code.js

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

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

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

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

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

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, 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,imHAAA,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;;;;"}

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,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-collapsible-nav.js","sources":["../../src/components/eui-collapsible-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { modifier as modBuilder } 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 { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport EuiFlyout from './eui-flyout.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiFlyoutSignature } from './eui-flyout';\nimport type { ModifierLike } from '@glint/template';\n\nexport type EuiCollapsibleNavArgs = {\n  id?: string;\n  /**\n   * ReactNode to render as this component's content\n   */\n  children?: Component;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  as: string;\n\n  size?: EuiFlyoutSignature['Args']['size'];\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  onClose: EuiFlyoutSignature['Args']['onClose'];\n};\n\nconst triggerHandlersModifier = modBuilder(\n  (\n    element: Element,\n    _pos,\n    { flyoutID, isOpen }: { flyoutID: string; isOpen: boolean }\n  ) => {\n    element.setAttribute('aria-controls', flyoutID);\n    element.setAttribute('aria-expanded', isOpen ? 'true' : '');\n    element.setAttribute('aria-pressed', isOpen ? 'true' : '');\n\n    const fn = (e: Event) => {\n      e.stopImmediatePropagation();\n    };\n\n    element.addEventListener('touchend', fn);\n    element.addEventListener('mouseup', fn, true);\n\n    return () => {\n      element.removeEventListener('touchend', fn);\n      element.removeEventListener('mouseup', fn, true);\n    };\n  }\n);\n\nconst onWindowResizeModifier = modBuilder(\n  (\n    _ele: HTMLElement,\n    _pos,\n    {\n      isDocked = false,\n      functionToCallOnWindowResize\n    }: { isDocked?: boolean; functionToCallOnWindowResize: () => void }\n  ) => {\n    if (isDocked) {\n      window.addEventListener('resize', functionToCallOnWindowResize);\n    }\n\n    return () => {\n      if (isDocked) {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n      }\n    };\n  }\n);\n\nexport interface EuiCollapsibleNavSignature {\n  Element: EuiFlyoutSignature['Element'];\n  Args: EuiCollapsibleNavArgs;\n  Blocks: {\n    default: [];\n    button: [\n      ModifierLike<{\n        Element: Element;\n      }>\n    ];\n    content: [];\n  };\n}\nexport default class EuiCollapsibleNavComponent extends Component<EuiCollapsibleNavSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.dockedBreakpoint\n  );\n\n  get isDocked() {\n    return this.args.isDocked ?? false;\n  }\n\n  get navIsDocked() {\n    return this.isDocked && this.windowIsLargeEnoughToPush;\n  }\n\n  get dockedBreakpoint() {\n    return this.args.dockedBreakpoint ?? 'l';\n  }\n\n  get showButtonIfDocked() {\n    return this.args.showButtonIfDocked ?? false;\n  }\n\n  get as() {\n    return this.args.as ?? 'nav';\n  }\n\n  get size() {\n    if (this.args.size && typeof this.args.size !== 'string') {\n      return `${this.args.size}px`;\n    }\n\n    return this.args.size ?? '320px';\n  }\n\n  get side() {\n    return this.args.side ?? 'left';\n  }\n\n  get role() {\n    return this.args.role ?? null;\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? true;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'outside';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'none';\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.dockedBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  <template>\n    <span\n      {{onWindowResizeModifier\n        isDocked=this.isDocked\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      }}\n    ></span>\n    {{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n      {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n        {{yield\n          (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID)\n          to=\"button\"\n        }}\n      {{/if}}\n\n      {{#if (or @isOpen this.navIsDocked)}}\n        <EuiFlyout\n          id={{flyoutID}}\n          class=\"euiCollapsibleNav\"\n          @as={{this.as}}\n          @size={{this.size}}\n          @side={{this.side}}\n          @role={{this.role}}\n          @ownFocus={{this.ownFocus}}\n          @outsideClickCloses={{this.outsideClickCloses}}\n          @closeButtonPosition={{this.closeButtonPosition}}\n          @paddingSize={{this.paddingSize}}\n          @type={{if this.navIsDocked \"push\" \"overlay\"}}\n          @hideCloseButton={{this.navIsDocked}}\n          @pushMinBreakpoint={{this.dockedBreakpoint}}\n          @onClose={{@onClose}}\n          ...attributes\n        >\n          {{yield to=\"content\"}}\n        </EuiFlyout>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["triggerHandlersModifier","modBuilder","element","_pos","flyoutID","isOpen","setAttribute","fn","e","stopImmediatePropagation","addEventListener","removeEventListener","onWindowResizeModifier","_ele","isDocked","functionToCallOnWindowResize","window","EuiCollapsibleNavComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","dockedBreakpoint","i","void 0","args","navIsDocked","windowIsLargeEnoughToPush","showButtonIfDocked","as","size","side","role","ownFocus","outsideClickCloses","closeButtonPosition","paddingSize","throttle","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","not","and","or","EuiFlyout"],"mappings":"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"}
+{"version":3,"file":"eui-collapsible-nav.js","sources":["../../src/components/eui-collapsible-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { modifier as modBuilder } 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 { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport EuiFlyout from './eui-flyout.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiFlyoutSignature } from './eui-flyout';\nimport type { ModifierLike } from '@glint/template';\n\nexport type EuiCollapsibleNavArgs = {\n  id?: string;\n  /**\n   * ReactNode to render as this component's content\n   */\n  children?: Component;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  as: string;\n\n  size?: EuiFlyoutSignature['Args']['size'];\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  onClose: EuiFlyoutSignature['Args']['onClose'];\n};\n\nconst triggerHandlersModifier = modBuilder(\n  (\n    element: Element,\n    _pos,\n    { flyoutID, isOpen }: { flyoutID: string; isOpen: boolean }\n  ) => {\n    element.setAttribute('aria-controls', flyoutID);\n    element.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n    element.setAttribute('aria-pressed', isOpen ? 'true' : 'false');\n\n    const fn = (e: Event) => {\n      e.stopImmediatePropagation();\n    };\n\n    element.addEventListener('touchend', fn);\n    element.addEventListener('mouseup', fn, true);\n\n    return () => {\n      element.removeEventListener('touchend', fn);\n      element.removeEventListener('mouseup', fn, true);\n    };\n  }\n);\n\nconst onWindowResizeModifier = modBuilder(\n  (\n    _ele: HTMLElement,\n    _pos,\n    {\n      isDocked = false,\n      functionToCallOnWindowResize\n    }: { isDocked?: boolean; functionToCallOnWindowResize: () => void }\n  ) => {\n    if (isDocked) {\n      window.addEventListener('resize', functionToCallOnWindowResize);\n    }\n\n    return () => {\n      if (isDocked) {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n      }\n    };\n  }\n);\n\nexport interface EuiCollapsibleNavSignature {\n  Element: EuiFlyoutSignature['Element'];\n  Args: EuiCollapsibleNavArgs;\n  Blocks: {\n    default: [];\n    button: [\n      ModifierLike<{\n        Element: Element;\n      }>\n    ];\n    content: [];\n  };\n}\nexport default class EuiCollapsibleNavComponent extends Component<EuiCollapsibleNavSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.dockedBreakpoint\n  );\n\n  get isDocked() {\n    return this.args.isDocked ?? false;\n  }\n\n  get navIsDocked() {\n    return this.isDocked && this.windowIsLargeEnoughToPush;\n  }\n\n  get dockedBreakpoint() {\n    return this.args.dockedBreakpoint ?? 'l';\n  }\n\n  get showButtonIfDocked() {\n    return this.args.showButtonIfDocked ?? false;\n  }\n\n  get as() {\n    return this.args.as ?? 'nav';\n  }\n\n  get size() {\n    if (this.args.size && typeof this.args.size !== 'string') {\n      return `${this.args.size}px`;\n    }\n\n    return this.args.size ?? '320px';\n  }\n\n  get side() {\n    return this.args.side ?? 'left';\n  }\n\n  get role() {\n    return this.args.role ?? null;\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? true;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'outside';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'none';\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.dockedBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  <template>\n    <span\n      {{onWindowResizeModifier\n        isDocked=this.isDocked\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      }}\n    ></span>\n    {{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n      {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n        {{yield\n          (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID)\n          to=\"button\"\n        }}\n      {{/if}}\n\n      {{#if (or @isOpen this.navIsDocked)}}\n        <EuiFlyout\n          id={{flyoutID}}\n          class=\"euiCollapsibleNav\"\n          @as={{this.as}}\n          @size={{this.size}}\n          @side={{this.side}}\n          @role={{this.role}}\n          @ownFocus={{this.ownFocus}}\n          @outsideClickCloses={{this.outsideClickCloses}}\n          @closeButtonPosition={{this.closeButtonPosition}}\n          @paddingSize={{this.paddingSize}}\n          @type={{if this.navIsDocked \"push\" \"overlay\"}}\n          @hideCloseButton={{this.navIsDocked}}\n          @pushMinBreakpoint={{this.dockedBreakpoint}}\n          @onClose={{@onClose}}\n          ...attributes\n        >\n          {{yield to=\"content\"}}\n        </EuiFlyout>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["triggerHandlersModifier","modBuilder","element","_pos","flyoutID","isOpen","setAttribute","fn","e","stopImmediatePropagation","addEventListener","removeEventListener","onWindowResizeModifier","_ele","isDocked","functionToCallOnWindowResize","window","EuiCollapsibleNavComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","dockedBreakpoint","i","args","navIsDocked","windowIsLargeEnoughToPush","showButtonIfDocked","as","size","side","role","ownFocus","outsideClickCloses","closeButtonPosition","paddingSize","throttle","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","not","and","or","EuiFlyout"],"mappings":"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"}