npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.0.0 - Mend

@ember-eui/core 13.0.5 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1491) hide show

package/dist/components/eui-header-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiButtonEmptySignature['Args'] & {\n isActive?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n <EuiButtonEmpty\n class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n @color={{if @isActive \"primary\" \"text\"}}\n @href={{@href}}\n @isLoading={{@isLoading}}\n @isDisabled={{@isDisabled}}\n @target={{@target}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @textClasses={{@textClasses}}\n ...attributes\n >\n {{yield}}\n </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAgBrE,~~8YAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiButtonEmptySignature['Args'] & {\n isActive?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n <EuiButtonEmpty\n class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n @color={{if @isActive \"primary\" \"text\"}}\n @href={{@href}}\n @isLoading={{@isLoading}}\n @isDisabled={{@isDisabled}}\n @target={{@target}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @textClasses={{@textClasses}}\n ...attributes\n >\n {{yield}}\n </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAgBrE,oYAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-header-links.js CHANGED Viewed

@@ -11,7 +11,7 @@ import EuiPopoverComponent from './eui-popover.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 class EuiHeaderLinksComponent extends Component {
   static {
@@ -27,7 +27,7 @@ class EuiHeaderLinksComponent extends Component {
     return this.popoverBreakpoints?.length > 0;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n            <:button>\n              <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  ", {
+    setComponentTemplate(precompileTemplate("<nav class=\"euiHeaderLinks\">\n  <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n    <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n      {{yield}}\n    </div>\n  </EuiHideFor>\n\n  {{#if this.hasMobileVersion}}\n    <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n      <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n        <:button>\n          <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n            <EuiIcon @type=\"apps\" />\n          </EuiButtonEmpty>\n        </:button>\n        <:content>\n          <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n            {{yield}}\n          </div>\n        </:content>\n      </EuiPopover>\n    </EuiShowFor>\n  {{/if}}\n</nav>", {
       strictMode: true,
       scope: () => ({
         EuiHideFor: EuiHideForComponent,

package/dist/components/eui-header-links.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n Args: {\n popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n gutterSize?: keyof typeof gutterSizeMapping;\n panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n };\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n @tracked pop1 = false;\n\n get popoverBreakpoints() {\n return this.args.popoverBreakpoints \|\| ['xs', 's'];\n }\n\n get hasMobileVersion() {\n return this.popoverBreakpoints?.length > 0;\n }\n\n <template>\n <nav class=\"euiHeaderLinks\">\n <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n <div\n class={{classNames\n \"euiHeaderLinks__list\"\n componentName=\"EuiHeaderLinks\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </EuiHideFor>\n\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n <EuiPopover\n @isOpen={{this.pop1}}\n @anchorPosition=\"downRight\"\n @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n @closePopover={{set this \"pop1\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @color=\"text\"\n {{on \"click\" (set this \"pop1\" true)}}\n >\n <EuiIcon @type=\"apps\" />\n </EuiButtonEmpty>\n </:button>\n <:content>\n <div\n class={{classNames\n \"euiHeaderLinks__mobileList\"\n componentName=\"EuiHeaderLinks\"\n mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </:content>\n </EuiPopover>\n </EuiShowFor>\n {{/if}}\n </nav>\n </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","~~void 0","~~popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AA6Be,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAM;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,~~EAAAC~~,MAAA;EAEtB,IAAIC,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAS,GAAA,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6CA,~~0lCAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n Args: {\n popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n gutterSize?: keyof typeof gutterSizeMapping;\n panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n };\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n @tracked pop1 = false;\n\n get popoverBreakpoints() {\n return this.args.popoverBreakpoints \|\| ['xs', 's'];\n }\n\n get hasMobileVersion() {\n return this.popoverBreakpoints?.length > 0;\n }\n\n <template>\n <nav class=\"euiHeaderLinks\">\n <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n <div\n class={{classNames\n \"euiHeaderLinks__list\"\n componentName=\"EuiHeaderLinks\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </EuiHideFor>\n\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n <EuiPopover\n @isOpen={{this.pop1}}\n @anchorPosition=\"downRight\"\n @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n @closePopover={{set this \"pop1\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @color=\"text\"\n {{on \"click\" (set this \"pop1\" true)}}\n >\n <EuiIcon @type=\"apps\" />\n </EuiButtonEmpty>\n </:button>\n <:content>\n <div\n class={{classNames\n \"euiHeaderLinks__mobileList\"\n componentName=\"EuiHeaderLinks\"\n mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </:content>\n </EuiPopover>\n </EuiShowFor>\n {{/if}}\n </nav>\n </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AA6Be,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEtB,IAAIC,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAS,GAAA,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6CA,w/BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-header-logo.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHeaderLogo = setComponentTemplate(precompileTemplate("\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n", {
+const EuiHeaderLogo = setComponentTemplate(precompileTemplate("<a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n  <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n  {{#if (has-block)}}\n    <span class=\"euiHeaderLogo__text\">\n      {{yield}}\n    </span>\n  {{/if}}\n</a>", {
   strictMode: true,
   scope: () => ({
     EuiIcon,

package/dist/components/eui-header-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLogoSignature {\n Element: HTMLAnchorElement;\n Args: {\n href?: string;\n target?: string;\n iconTitle?: string;\n iconType?: EuiIconSignature['Args']['type'];\n }\n Blocks: {\n default: []\n }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n <EuiIcon\n aria-label={{@iconTitle}}\n @iconClasses=\"euiHeaderLogo__icon\"\n @size=\"l\"\n @type={{argOrDefault @iconType \"logoElastic\"}}\n />\n {{#if (has-block)}}\n <span class=\"euiHeaderLogo__text\">\n {{yield}}\n </span>\n {{/if}}\n </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAcrE,~~4VAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLogoSignature {\n Element: HTMLAnchorElement;\n Args: {\n href?: string;\n target?: string;\n iconTitle?: string;\n iconType?: EuiIconSignature['Args']['type'];\n }\n Blocks: {\n default: []\n }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n <EuiIcon\n aria-label={{@iconTitle}}\n @iconClasses=\"euiHeaderLogo__icon\"\n @size=\"l\"\n @type={{argOrDefault @iconType \"logoElastic\"}}\n />\n {{#if (has-block)}}\n <span class=\"euiHeaderLogo__text\">\n {{yield}}\n </span>\n {{/if}}\n </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAcrE,wUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-header-section-item-button.js CHANGED Viewed

@@ -12,7 +12,7 @@ import EuiNotificationBadge from './eui-notification-badge.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const keyframes = [{
   transform: 'rotate(0)',
@@ -141,7 +141,7 @@ class EuiHeaderSectionItemButtonComponent extends Component {
     this.animationTargetRef = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n      <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n  <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n    {{yield}}\n  </span>\n  {{#if @notification}}\n    {{#if (eq @notification true)}}\n      <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n    {{else if @notification}}\n      <EuiHideFor @sizes={{sizes}}>\n        <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n          {{@notification}}\n        </EuiNotificationBadge>\n      </EuiHideFor>\n      <EuiShowFor @sizes={{sizes}}>\n        <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n      </EuiShowFor>\n    {{/if}}\n  {{/if}}\n</EuiButtonEmpty>", {
       strictMode: true,
       scope: () => ({
         EuiButtonEmpty,

package/dist/components/eui-header-section-item-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n {\n transform: 'rotate(30deg)',\n offset: 0.01,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.03,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(34deg)',\n offset: 0.05,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-32deg)',\n offset: 0.07,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(30deg)',\n offset: 0.09,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.11,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(26deg)',\n offset: 0.13,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-24deg)',\n offset: 0.15,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(22deg)',\n offset: 0.17,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-20deg)',\n offset: 0.19,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(18deg)',\n offset: 0.21,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-16deg)',\n offset: 0.23,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(14deg)',\n offset: 0.25,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-12deg)',\n offset: 0.27,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(10deg)',\n offset: 0.29,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-8deg)',\n offset: 0.31,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(6deg)',\n offset: 0.33,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-4deg)',\n offset: 0.35,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(2deg)',\n offset: 0.37,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-1deg)',\n offset: 0.39,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(1deg)',\n offset: 0.41,\n easing: 'ease-in-out'\n },\n { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\nexport interface EuiHeaderSectionItemButtonSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n ref?: (api: { euiAnimate: () => void }) => void;\n disabled?: boolean;\n href?: string;\n onClick?: (event: MouseEvent) => void;\n notification?: boolean \| number;\n notificationColor?: keyof typeof colorMapping;\n };\n Blocks: { default: [] };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n @tracked buttonRef: HTMLButtonElement \| HTMLAnchorElement \| undefined;\n @tracked animationTargetRef: HTMLSpanElement \| undefined;\n\n setAnimationTargetRef = (ele: HTMLSpanElement) => {\n this.animationTargetRef = ele;\n this.args.ref?.({ euiAnimate: this.animate });\n };\n\n animate = () => {\n this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n };\n\n setButtonRef = (ele: HTMLButtonElement \| HTMLAnchorElement) => {\n this.buttonRef = ele;\n };\n\n willDestroy(): void {\n super.willDestroy();\n \n this.buttonRef = undefined;\n this.animationTargetRef = undefined;\n }\n\n <template>\n <EuiButtonEmpty\n class=\"euiHeaderSectionItemButton\"\n @isDisabled={{@disabled}}\n @href={{@href}}\n @color=\"text\"\n {{didInsert this.setButtonRef}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n <span\n {{didInsert this.setAnimationTargetRef}}\n class=\"euiHeaderSectionItemButton__content\"\n >\n {{yield}}\n </span>\n {{#if @notification}}\n {{#if (eq @notification true)}}\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n {{else if @notification}}\n <EuiHideFor @sizes={{sizes}}>\n <EuiNotificationBadge\n class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n >\n {{@notification}}\n </EuiNotificationBadge>\n </EuiHideFor>\n <EuiShowFor @sizes={{sizes}}>\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n </EuiShowFor>\n {{/if}}\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","~~void 0","~~setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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~~AAAA,~~EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,oBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,mBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,oBAAA,CAAA,~~EAAAC~~,MAAA;EAEDC,qBAAA,GAAyBC,GAAK,IAAA;IAC5B,IAAI,CAACC,kBAAkB,GAAGD,GAAA;AAC1B,IAAA,IAAI,CAACE,IAAI,CAACC,GAAG,GAAG;MAAEC,UAAY,EAAA,IAAI,CAACC;AAAQ,KAAA,CAAA;GAC3C;EAEFA,OAAU,GAAAA,MAAA;AACR,IAAA,IAAI,CAACJ,kBAAkB,EAAEI,OAAA,~~CAAQlB~~,SAAW,EAAA;~~AAAEmB~~,MAAAA,QAAU,EAAA;AAAK,KAAA,CAAA;GAC7D;EAEFC,YAAe,GAACP,GAAyB,IAAA;IACvC,IAAI,CAACQ,SAAS,GAAGR,GAAA;GACjB;AAEFS,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACD,SAAS,GAAGE,SAAA;IACjB,IAAI,CAACT,kBAAkB,GAAGS,SAAA;AAC5B;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA4CA,~~4xCAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,YAAA;oBAAAC,mBAAA;~~QAAA/B~~,KAAA;~~QAAAgC~~,oBAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n {\n transform: 'rotate(30deg)',\n offset: 0.01,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.03,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(34deg)',\n offset: 0.05,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-32deg)',\n offset: 0.07,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(30deg)',\n offset: 0.09,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.11,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(26deg)',\n offset: 0.13,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-24deg)',\n offset: 0.15,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(22deg)',\n offset: 0.17,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-20deg)',\n offset: 0.19,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(18deg)',\n offset: 0.21,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-16deg)',\n offset: 0.23,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(14deg)',\n offset: 0.25,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-12deg)',\n offset: 0.27,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(10deg)',\n offset: 0.29,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-8deg)',\n offset: 0.31,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(6deg)',\n offset: 0.33,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-4deg)',\n offset: 0.35,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(2deg)',\n offset: 0.37,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-1deg)',\n offset: 0.39,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(1deg)',\n offset: 0.41,\n easing: 'ease-in-out'\n },\n { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\nexport interface EuiHeaderSectionItemButtonSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n ref?: (api: { euiAnimate: () => void }) => void;\n disabled?: boolean;\n href?: string;\n onClick?: (event: MouseEvent) => void;\n notification?: boolean \| number;\n notificationColor?: keyof typeof colorMapping;\n };\n Blocks: { default: [] };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n @tracked buttonRef: HTMLButtonElement \| HTMLAnchorElement \| undefined;\n @tracked animationTargetRef: HTMLSpanElement \| undefined;\n\n setAnimationTargetRef = (ele: HTMLSpanElement) => {\n this.animationTargetRef = ele;\n this.args.ref?.({ euiAnimate: this.animate });\n };\n\n animate = () => {\n this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n };\n\n setButtonRef = (ele: HTMLButtonElement \| HTMLAnchorElement) => {\n this.buttonRef = ele;\n };\n\n willDestroy(): void {\n super.willDestroy();\n \n this.buttonRef = undefined;\n this.animationTargetRef = undefined;\n }\n\n <template>\n <EuiButtonEmpty\n class=\"euiHeaderSectionItemButton\"\n @isDisabled={{@disabled}}\n @href={{@href}}\n @color=\"text\"\n {{didInsert this.setButtonRef}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n <span\n {{didInsert this.setAnimationTargetRef}}\n class=\"euiHeaderSectionItemButton__content\"\n >\n {{yield}}\n </span>\n {{#if @notification}}\n {{#if (eq @notification true)}}\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n {{else if @notification}}\n <EuiHideFor @sizes={{sizes}}>\n <EuiNotificationBadge\n class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n >\n {{@notification}}\n </EuiNotificationBadge>\n </EuiHideFor>\n <EuiShowFor @sizes={{sizes}}>\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n </EuiShowFor>\n {{/if}}\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}

package/dist/components/eui-header-section-item.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHeaderSectionItem = setComponentTemplate(precompileTemplate("\n    <div class={{classNames componentName=\"EuiHeaderSectionItem\" borderSide=(argOrDefault @border \"left\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiHeaderSectionItem = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHeaderSectionItem\" borderSide=(argOrDefault @border \"left\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-header-section-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionItemSignature {\n Element: HTMLDivElement;\n Args: {\n border?: keyof typeof borderSizeMappping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSectionItem\"\n borderSide=(argOrDefault @border \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,~~mKAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionItemSignature {\n Element: HTMLDivElement;\n Args: {\n border?: keyof typeof borderSizeMappping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSectionItem\"\n borderSide=(argOrDefault @border \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,iJAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-header-section.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHeaderSection = setComponentTemplate(precompileTemplate("\n    <div class={{classNames componentName=\"EuiHeaderSection\" alignItems=(argOrDefault @side \"left\") grow=(argOrDefault @grow false)}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiHeaderSection = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHeaderSection\" alignItems=(argOrDefault @side \"left\") grow=(argOrDefault @grow false)}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-header-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionSignature {\n Element: HTMLDivElement;\n Args: {\n side?: keyof typeof alignMapping;\n grow?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSection\"\n alignItems=(argOrDefault @side \"left\")\n grow=(argOrDefault @grow false)\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,~~6LAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionSignature {\n Element: HTMLDivElement;\n Args: {\n side?: keyof typeof alignMapping;\n grow?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSection\"\n alignItems=(argOrDefault @side \"left\")\n grow=(argOrDefault @grow false)\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,2KAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-header.js CHANGED Viewed

@@ -23,7 +23,7 @@ const fixedHeaderModifier = modifier(function fixedHeader(_, [position]) {
     };
   }
 });
-const EuiHeader = setComponentTemplate(precompileTemplate("\n  <div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n", {
+const EuiHeader = setComponentTemplate(precompileTemplate("<div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n  {{#if @sections}}\n    {{#each @sections as |section|}}\n      {{#each section.items as |itemSection|}}\n        <EuiHeaderSection>\n          <EuiHeaderSectionItem @border={{section.border}}>\n            {{itemSection.text}}\n          </EuiHeaderSectionItem>\n        </EuiHeaderSection>\n      {{/each}}\n      <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n    {{/each}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n _,\n [position]: [string \| undefined]\n): void \| (() => unknown) {\n if (position === 'fixed') {\n // Increment fixed header counter for each fixed header\n euiHeaderFixedCounter++;\n document.body.classList.add('euiBody--headerIsFixed');\n\n return () => {\n // Both decrement the fixed counter AND then check if there are none\n if (--euiHeaderFixedCounter === 0) {\n // If there are none, THEN remove class\n document.body.classList.remove('euiBody--headerIsFixed');\n }\n };\n }\n});\n\nexport interface EuiHeaderSignature {\n Element: HTMLDivElement;\n Args: {\n theme?: string;\n position?: string;\n sections?: {\n items: {\n text: string;\n }[];\n breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n border: EuiHeaderSectionItemSignature['Args']['border'];\n }[];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n <div\n {{fixedHeaderModifier @position}}\n class={{classNames\n componentName=\"EuiHeader\"\n theme=(argOrDefault @theme \"default\")\n position=(argOrDefault @position \"static\")\n }}\n ...attributes\n >\n {{#if @sections}}\n {{#each @sections as \|section\|}}\n {{#each section.items as \|itemSection\|}}\n <EuiHeaderSection>\n <EuiHeaderSectionItem @border={{section.border}}>\n {{itemSection.text}}\n </EuiHeaderSectionItem>\n </EuiHeaderSection>\n {{/each}}\n <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n {{/each}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAwB,GAAA,CAAA;AAE5B,MAAMC,mBAAsB,GAAAC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAY,CAAmB,EACV;EACtB,IAAIA,aAAa,OAAS,EAAA;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAG,EAAA;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC;KACF;AACF;AACF,CAAA,CAAA;AAoBA,MAAMC,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAyB7D,~~0pBAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n _,\n [position]: [string \| undefined]\n): void \| (() => unknown) {\n if (position === 'fixed') {\n // Increment fixed header counter for each fixed header\n euiHeaderFixedCounter++;\n document.body.classList.add('euiBody--headerIsFixed');\n\n return () => {\n // Both decrement the fixed counter AND then check if there are none\n if (--euiHeaderFixedCounter === 0) {\n // If there are none, THEN remove class\n document.body.classList.remove('euiBody--headerIsFixed');\n }\n };\n }\n});\n\nexport interface EuiHeaderSignature {\n Element: HTMLDivElement;\n Args: {\n theme?: string;\n position?: string;\n sections?: {\n items: {\n text: string;\n }[];\n breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n border: EuiHeaderSectionItemSignature['Args']['border'];\n }[];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n <div\n {{fixedHeaderModifier @position}}\n class={{classNames\n componentName=\"EuiHeader\"\n theme=(argOrDefault @theme \"default\")\n position=(argOrDefault @position \"static\")\n }}\n ...attributes\n >\n {{#if @sections}}\n {{#each @sections as \|section\|}}\n {{#each section.items as \|itemSection\|}}\n <EuiHeaderSection>\n <EuiHeaderSectionItem @border={{section.border}}>\n {{itemSection.text}}\n </EuiHeaderSectionItem>\n </EuiHeaderSection>\n {{/each}}\n <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n {{/each}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAwB,GAAA,CAAA;AAE5B,MAAMC,mBAAsB,GAAAC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAY,CAAmB,EACV;EACtB,IAAIA,aAAa,OAAS,EAAA;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAG,EAAA;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC;KACF;AACF;AACF,CAAA,CAAA;AAoBA,MAAMC,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAyB7D,snBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-health.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHealth = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiHealth\" textSize=(argOrDefault @textSize \"m\")}} ...attributes>\n    <div class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\">\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        <EuiIcon @type=\"dot\" @color={{@color}} />\n      </div>\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        {{yield}}\n      </div>\n    </div>\n  </div>\n", {
+const EuiHealth = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHealth\" textSize=(argOrDefault @textSize \"m\")}} ...attributes>\n  <div class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\">\n    <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n      <EuiIcon @type=\"dot\" @color={{@color}} />\n    </div>\n    <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n      {{yield}}\n    </div>\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-health.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHealthSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n The color of the health indicator.\n /\n color?: string;\n\n /\n The size of the health indicator.\n */\n textSize?: keyof typeof sizeToClassNameMap;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiHealth\"\n textSize=(argOrDefault @textSize \"m\")\n }}\n ...attributes\n >\n <div\n class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n >\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n <EuiIcon @type=\"dot\" @color={{@color}} />\n </div>\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n {{yield}}\n </div>\n </div>\n </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAyBA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAmB7D,~~meAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHealthSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n The color of the health indicator.\n /\n color?: string;\n\n /\n The size of the health indicator.\n */\n textSize?: keyof typeof sizeToClassNameMap;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiHealth\"\n textSize=(argOrDefault @textSize \"m\")\n }}\n ...attributes\n >\n <div\n class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n >\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n <EuiIcon @type=\"dot\" @color={{@color}} />\n </div>\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n {{yield}}\n </div>\n </div>\n </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAyBA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAmB7D,2cAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-hide-for.js CHANGED Viewed

@@ -15,7 +15,7 @@ class EuiHideForComponent extends Component {
     return !getValue(this.currentBreakpointHelper);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if this.shouldShow}}\n  {{yield}}\n{{/if}}", {
       strictMode: true
     }), this);
   }

package/dist/components/eui-hide-for.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n /*\n List of all the responsive sizes to hide the children for.\n * Array of #EuiBreakpointSize\n */\n sizes: EuiHideForBreakpoints[] \| 'all' \| 'none';\n}\n\nexport interface EuiHideForSignature {\n Args: EuiHideForArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n currentBreakpointHelper: any = invokeHelper(\n this,\n CurrentBreakPointHelper,\n () => {\n return {\n positional: [this.args.sizes]\n };\n }\n );\n\n get shouldShow() {\n return !getValue(this.currentBreakpointHelper);\n }\n\n <template>\n {{#if this.shouldShow}}\n {{yield}}\n {{/if}}\n </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAuBe,MAAMA,4BAA4BC,SAAU,CAAA;AACzDC,EAAAA,uBAAA,GAA+BC,YAC7B,CAAA,IAAI,EACJC,uBACA,EAAA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAY,EAAA,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,GACA,CAAA;EAEF,IAAIC,UAAaA,GAAA;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAIA,~~iEAAA,~~EAAA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n /*\n List of all the responsive sizes to hide the children for.\n * Array of #EuiBreakpointSize\n */\n sizes: EuiHideForBreakpoints[] \| 'all' \| 'none';\n}\n\nexport interface EuiHideForSignature {\n Args: EuiHideForArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n currentBreakpointHelper: any = invokeHelper(\n this,\n CurrentBreakPointHelper,\n () => {\n return {\n positional: [this.args.sizes]\n };\n }\n );\n\n get shouldShow() {\n return !getValue(this.currentBreakpointHelper);\n }\n\n <template>\n {{#if this.shouldShow}}\n {{yield}}\n {{/if}}\n </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAuBe,MAAMA,4BAA4BC,SAAU,CAAA;AACzDC,EAAAA,uBAAA,GAA+BC,YAC7B,CAAA,IAAI,EACJC,uBACA,EAAA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAY,EAAA,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,GACA,CAAA;EAEF,IAAIC,UAAaA,GAAA;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAIA,+CAAA,EAAA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-horizontal-rule.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHorizontalRule = setComponentTemplate(precompileTemplate("\n    <hr class={{classNames componentName=\"EuiHorizontalRule\" margin=(argOrDefault @margin \"l\") size=(argOrDefault @size \"full\")}} ...attributes />\n  ", {
+const EuiHorizontalRule = setComponentTemplate(precompileTemplate("<hr class={{classNames componentName=\"EuiHorizontalRule\" margin=(argOrDefault @margin \"l\") size=(argOrDefault @size \"full\")}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-horizontal-rule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHorizontalRuleSignature {\n Element: HTMLHRElement;\n Args: {\n margin?: keyof typeof marginMapping;\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n <template>\n <hr\n class={{classNames\n componentName=\"EuiHorizontalRule\"\n margin=(argOrDefault @margin \"l\")\n size=(argOrDefault @size \"full\")\n }}\n ...attributes\n />\n </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAcA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,~~gKAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHorizontalRuleSignature {\n Element: HTMLHRElement;\n Args: {\n margin?: keyof typeof marginMapping;\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n <template>\n <hr\n class={{classNames\n componentName=\"EuiHorizontalRule\"\n margin=(argOrDefault @margin \"l\")\n size=(argOrDefault @size \"full\")\n }}\n ...attributes\n />\n </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAcA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,sJAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-i18n/render.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const Render = setComponentTemplate(precompileTemplate("\n  {{yield @token}}\n", {
+const Render = setComponentTemplate(precompileTemplate("{{yield @token}}", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-i18n/render.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiI18nRenderSignature {\n Args: {\n token: string;\n };\n Blocks: {\n default: [string];\n };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAWA,MAAMA,~~MAAwD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,CAE9D,~~wBAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiI18nRenderSignature {\n Args: {\n token: string;\n };\n Blocks: {\n default: [string];\n };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAWA,MAAMA,MAA8B,GAAAC,oBAAA,CAA0BC,kBAAA,CAE9D,kBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-i18n.js CHANGED Viewed

@@ -1,17 +1,16 @@
 import Component from '@glimmer/component';
 import { array } from '@ember/helper';
-import { inject } from '@ember/service';
-import { ensureSafeComponent } from '@embroider/util';
+import { service } from '@ember/service';
 import { notEq } from 'ember-truth-helpers';
 import typeOf from '../helpers/type-of.js';
 import Render from './eui-i18n/render.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 class EuiI18nComponent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   get lookupToken() {
@@ -24,11 +23,10 @@ class EuiI18nComponent extends Component {
     });
   }
   get customComponent() {
-    if (!this.args.i18n?.renderComponent) return undefined;
-    return ensureSafeComponent(this.args.i18n?.renderComponent, this);
+    return this.args.i18n?.renderComponent;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let this.lookupToken as |result|}}\n      {{#if this.customComponent}}\n        {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n          {{yield (component this.customComponent token=token)}}\n        {{/each}}\n      {{else}}\n        {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n          {{yield (component Render token=token)}}\n        {{/each}}\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let this.lookupToken as |result|}}\n  {{#if this.customComponent}}\n    {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n      {{yield (component this.customComponent token=token)}}\n    {{/each}}\n  {{else}}\n    {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n      {{yield (component Render token=token)}}\n    {{/each}}\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         notEq,

package/dist/components/eui-i18n.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { ~~inject as~~ service } from '@ember/service';\~~nimport { ensureSafeComponent } from '@embroider/util';\~~n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n tokens?: string[];\n defaults?: string[];\n token?: string;\n default?: string;\n values?: { [key: string]: any };\n i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\nexport interface EuiI18nSignature {\n Args: Args;\n Blocks: {\n default: [WithBoundArgs<typeof Render, 'token'>];\n };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n @service declare euiI18n: EuiI18n;\n\n get lookupToken() {\n const lookupToken = this.euiI18n._lookupToken;\n\n return lookupToken({\n token: this.args.token!,\n i18nMapping: this.args.i18n?.mapping,\n valueDefault: this.args.default!,\n values: this.args.values\n });\n }\n\n get customComponent(): typeof Render \| undefined {\n ~~if (!this.args.i18n?.renderComponent)~~ return ~~undefined;\n\n return ensureSafeComponent(~~this.args.i18n?.renderComponent~~, this)~~;\n }\n\n <template>\n {{#let this.lookupToken as \|result\|}}\n {{#if this.customComponent}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component this.customComponent token=token)}}\n {{/each}}\n {{else}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component Render token=token)}}\n {{/each}}\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","~~void 0","~~lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","~~undefined","ensureSafeComponent","~~setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":"~~;;;;;;;;;;;AA6Be~~,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,~~MAAA~~,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,~~EAAAC~~,MAAA;EAED,IAAIC,WAAcA,GAAA;AAChB,IAAA,MAAMA,WAAc,GAAA,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAY,CAAA;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF;EAEA,IAAIC,eAAAA,GAA6C;~~IAC~~/C,~~IAAI~~,~~CAAC~~,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,~~iBAAiB,OAAOC,SAAA~~;~~IAE7C,OAAOC,mBAAA,CAAoB,IAAI,CAACV,IAAI,CAACE,IAAI,EAAEM,iBAAiB,IAAI,CAAA~~;~~AAClE;~~AAEA,EAAA;~~IAAAG~~,oBAAA,CAAAC,kBAAA,CAkBA,~~odAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { service } from '@ember/service';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n tokens?: string[];\n defaults?: string[];\n token?: string;\n default?: string;\n values?: { [key: string]: any };\n i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\nexport interface EuiI18nSignature {\n Args: Args;\n Blocks: {\n default: [WithBoundArgs<typeof Render, 'token'>];\n };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n @service declare euiI18n: EuiI18n;\n\n get lookupToken() {\n const lookupToken = this.euiI18n._lookupToken;\n\n return lookupToken({\n token: this.args.token!,\n i18nMapping: this.args.i18n?.mapping,\n valueDefault: this.args.default!,\n values: this.args.values\n });\n }\n\n get customComponent(): typeof Render \| undefined {\n return this.args.i18n?.renderComponent;\n }\n\n <template>\n {{#let this.lookupToken as \|result\|}}\n {{#if this.customComponent}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component this.customComponent token=token)}}\n {{/each}}\n {{else}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component Render token=token)}}\n {{/each}}\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;AA4Be,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,WAAcA,GAAA;AAChB,IAAA,MAAMA,WAAc,GAAA,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAY,CAAA;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF;EAEA,IAAIC,eAAAA,GAA6C;AAC/C,IAAA,OAAO,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,eAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAkBA,kaAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-icon-tip.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiIconTip = setComponentTemplate(precompileTemplate("\n  {{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n    <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n      <:anchor>\n        <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n      </:anchor>\n      <:title>\n        {{#if hasTitleBlock}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </:title>\n      <:content>\n        {{#if hasContentBlock}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n      </:content>\n    </EuiToolTip>\n  {{/let}}\n", {
+const EuiIconTip = setComponentTemplate(precompileTemplate("{{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n  <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n    <:anchor>\n      <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n    </:anchor>\n    <:title>\n      {{#if hasTitleBlock}}\n        {{yield to=\"title\"}}\n      {{else}}\n        {{@title}}\n      {{/if}}\n    </:title>\n    <:content>\n      {{#if hasContentBlock}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{@content}}\n      {{/if}}\n    </:content>\n  </EuiToolTip>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     EuiToolTip,

package/dist/components/eui-icon-tip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiIconTipSignature {\n Element: EuiToolTipSignature['Element'];\n Args: {\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n delay?: 'regular' \| 'long';\n title?: string;\n content?: string;\n iconProps?: {\n className?: string;\n };\n type?: string;\n color?: string;\n size?: EuiIconSignature['Args']['size'];\n ariaLabel?: string;\n anchorClassName?: string;\n onMouseOut?: (event: MouseEvent) => void;\n display?: EuiToolTipSignature['Args']['display'];\n };\n Blocks: {\n content: [];\n title: [];\n };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n {{#let\n (has-block \"content\") (has-block \"title\")\n as \|hasContentBlock hasTitleBlock\|\n }}\n <EuiToolTip\n @position={{argOrDefault @position \"top\"}}\n @delay={{argOrDefault @delay \"regular\"}}\n @hasTitle={{if (or hasTitleBlock @title) true false}}\n @anchorClassName={{@anchorClassName}}\n @onMouseOut={{@onMouseOut}}\n @display={{@display}}\n ...attributes\n >\n <:anchor>\n <EuiIcon\n tabindex=\"0\"\n @iconClasses={{@iconProps.className}}\n @type={{argOrDefault @type \"questionInCircle\"}}\n @color={{@color}}\n @size={{@size}}\n aria-label={{argOrDefault @ariaLabel \"Info\"}}\n />\n </:anchor>\n <:title>\n {{#if hasTitleBlock}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </:title>\n <:content>\n {{#if hasContentBlock}}\n {{yield to=\"content\"}}\n {{else}}\n {{@content}}\n {{/if}}\n </:content>\n </EuiToolTip>\n {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAwC/D,~~u7BAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiIconTipSignature {\n Element: EuiToolTipSignature['Element'];\n Args: {\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n delay?: 'regular' \| 'long';\n title?: string;\n content?: string;\n iconProps?: {\n className?: string;\n };\n type?: string;\n color?: string;\n size?: EuiIconSignature['Args']['size'];\n ariaLabel?: string;\n anchorClassName?: string;\n onMouseOut?: (event: MouseEvent) => void;\n display?: EuiToolTipSignature['Args']['display'];\n };\n Blocks: {\n content: [];\n title: [];\n };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n {{#let\n (has-block \"content\") (has-block \"title\")\n as \|hasContentBlock hasTitleBlock\|\n }}\n <EuiToolTip\n @position={{argOrDefault @position \"top\"}}\n @delay={{argOrDefault @delay \"regular\"}}\n @hasTitle={{if (or hasTitleBlock @title) true false}}\n @anchorClassName={{@anchorClassName}}\n @onMouseOut={{@onMouseOut}}\n @display={{@display}}\n ...attributes\n >\n <:anchor>\n <EuiIcon\n tabindex=\"0\"\n @iconClasses={{@iconProps.className}}\n @type={{argOrDefault @type \"questionInCircle\"}}\n @color={{@color}}\n @size={{@size}}\n aria-label={{argOrDefault @ariaLabel \"Info\"}}\n />\n </:anchor>\n <:title>\n {{#if hasTitleBlock}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </:title>\n <:content>\n {{#if hasContentBlock}}\n {{yield to=\"content\"}}\n {{else}}\n {{@content}}\n {{/if}}\n </:content>\n </EuiToolTip>\n {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAwC/D,y4BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-icon.js CHANGED Viewed

@@ -1,16 +1,18 @@
 import Component from '@glimmer/component';
+import { warn } from '@ember/debug';
 import { guidFor } from '@ember/object/internals';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { htmlSafe } from '@ember/template';
-import svgJar from 'ember-svg-jar/helpers/svg-jar';
 import { not, and } from 'ember-truth-helpers';
+import { loadedIcon } from '../-private/icon-loader.js';
+import { e as emptyIcon, a as iconDataTypes } from '../icons-CQELx6Ce.js';
 import { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import { typeToPathMap, colorToClassMap } from '../utils/css-mappings/eui-icon.js';
 import { keysOf } from './common.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const TYPES = keysOf(typeToPathMap);
 const COLORS = keysOf(colorToClassMap);
@@ -24,21 +26,46 @@ function isEuiIconType(x) {
 }
 class EuiIcon extends Component {
   static {
-    g(this.prototype, "euiConfig", [inject]);
+    g(this.prototype, "euiConfig", [service]);
   }
   #euiConfig = (i(this, "euiConfig"), void 0);
   static {
     g(this.prototype, "size", [argOrDefaultDecorator('m')]);
   }
   #size = (i(this, "size"), void 0);
-  get useImage() {
+  /**
+  * The component rendering the svg: for EUI icon names, for names
+  * registered by the app through the `euiIcon.icons` config, and for
+  * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).
+  * EUI icons load the first time they render (see preloadIcons); the empty
+  * icon takes their place meanwhile.
+  */
+  get iconComponent() {
+    const {
+      type
+    } = this.args;
+    if (type && (typeof type === 'object' || typeof type === 'function')) {
+      return type;
+    }
+    if (typeof type !== 'string') return undefined;
+    if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;
+    return this.euiConfig.getConfig('euiIcon.icons')?.[type];
+  }
+  get dataType() {
     const {
       type
     } = this.args;
-    return typeof type === 'string' && !isEuiIconType(type) && !this.useSvg;
+    return isEuiIconType(type) ? iconDataTypes[type] : undefined;
   }
-  get useSvg() {
-    return this.args.useSvg ?? this.euiConfig.getConfig('euiIcon.useSvg') ?? false;
+  get useImage() {
+    const {
+      type
+    } = this.args;
+    if (typeof type !== 'string' || this.iconComponent) return false;
+    warn(`<EuiIcon @type="${type}"> is not an EUI icon nor an icon registered in the \`euiIcon.icons\` config, so it is rendered as an <img> with that URL. ` + `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`, /[/.:]/.test(type), {
+      id: 'ember-eui.eui-icon.unknown-type'
+    });
+    return true;
   }
   get icon() {
     const {
@@ -77,6 +104,8 @@ class EuiIcon extends Component {
     } = this.args;
     return tabIndex == null || tabIndex === -1 ? 'false' : 'true';
   }
+  // undefined (not '') when there is no custom color, so no `style`
+  // attribute is bound (a plain string triggers Ember's style binding warning)
   get optionalCustomStyles() {
     const {
       color
@@ -86,7 +115,7 @@ class EuiIcon extends Component {
         return htmlSafe(`fill: ${color}`);
       }
     }
-    return '';
+    return undefined;
   }
   get optionalColorClass() {
     const {
@@ -121,20 +150,13 @@ class EuiIcon extends Component {
     }
     return titleId;
   }
-  get iconAsString() {
-    if (this.icon) {
-      return this.icon;
-    }
-    return undefined;
-  }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if @useComponent}}\n      {{!--@glint-expect-error--}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!--template-lint-disable--}}\n        <IconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{if @aria-label @aria-label this.titleId}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} color={{@color}} ...attributes />\n      {{/let}}\n    {{else}}\n      {{#if this.useImage}}\n        <img {{!-- @glint-expect-error --}} src={{this.icon}} class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} alt={{if @title @title}} {{!-- @glint-expect-error --}} tabIndex={{@tabIndex}} ...attributes />\n      {{else}}\n        {{#if this.iconAsString}}\n          {{svgJar this.iconAsString class=(classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size) color=@color role=\"image\" aria-hidden=(if this.isAriaHidden \"true\") aria-label=(if @aria-label @aria-label this.titleId) aria-labelledby=(if @aria-labelledby @aria-labelledby this.titleId) tabindex=@tabIndex style=this.optionalCustomStyles}}\n        {{/if}}\n      {{/if}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if @useComponent}}\n  {{!--@glint-expect-error--}}\n  {{#let (component @type) as |IconComponent|}}\n    {{!--template-lint-disable--}}\n    <IconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{if @aria-label @aria-label this.titleId}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} color={{@color}} ...attributes />\n  {{/let}}\n{{else}}\n  {{#if this.useImage}}\n    <img {{!-- @glint-expect-error --}} src={{this.icon}} class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} alt={{if @title @title}} {{!-- @glint-expect-error --}} tabIndex={{@tabIndex}} ...attributes />\n  {{else if this.iconComponent}}\n    <this.iconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} data-type={{this.dataType}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{if @aria-label @aria-label this.titleId}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} ...attributes />\n  {{/if}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         classNames,
         and,
-        not,
-        svgJar
+        not
       })
     }), this);
   }