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-side-nav-item.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSideNavItem = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiSideNavItem\" (if (eq @depth 1) \"euiSideNavItem--trunk\") (if (eq @depth 0) \"euiSideNavItem--root\") (if (and (eq @depth 0) @icon) \"euiSideNavItem--rootIcon\") (if (gt @depth 1) \"euiSideNavItem--branch\") (if @items.length \"euiSideNavItem--hasChildItems\") (if @emphasize \"euiSideNavItem--emphasized\")}}>\n      {{#let (classNames \"euiSideNavItemButton\" (if (or @onClick @href) \"euiSideNavItemButton--isClickable\") (if (and (gt @depth 0) @isOpen (not @isSelected)) \"euiSideNavItemButton-isOpen\") (if @isSelected \"euiSideNavItemButton-isSelected\") @buttonClassName) (and (gt @depth 0) @isParent (not @isOpen) (not @isSelected)) as |className caret|}}\n        {{#if (and @href (not @disabled))}}\n          <a class={{className}} href={{@href}} target={{@target}} rel={{@rel}} {{on \"click\" (optional @onClick)}}>\n            <Button @icon={{@icon}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n              {{yield}}\n            </Button>\n          </a>\n        {{else if (or @onClick @disabled)}}\n          <button type=\"button\" class={{className}} disabled={{@disabled}} {{on \"click\" (optional @onClick)}}>\n            <Button @icon={{@icon}} @truncate={{@truncate}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n              {{yield}}\n            </Button>\n          </button>\n        {{else}}\n          <div class={{className}}>\n            <Button @icon={{@icon}} @truncate={{@truncate}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n              {{yield}}\n            </Button>\n          </div>\n        {{/if}}\n      {{/let}}\n      {{#if (or (eq @depth 0) (and @items.length @isOpen))}}\n        <div class=\"euiSideNavItem__items\">\n          {{#each @items as |item|}}\n            {{#let (and (gt @depth 0) (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n              <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id @selectedItem)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{add @depth 1}} @name={{item.name}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n                {{item.name}}\n              </EuiSideNavItem>\n            {{/let}}\n          {{/each}}\n        </div>\n      {{/if}}\n    </div>\n  ", {
+const EuiSideNavItem = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiSideNavItem\" (if (eq @depth 1) \"euiSideNavItem--trunk\") (if (eq @depth 0) \"euiSideNavItem--root\") (if (and (eq @depth 0) @icon) \"euiSideNavItem--rootIcon\") (if (gt @depth 1) \"euiSideNavItem--branch\") (if @items.length \"euiSideNavItem--hasChildItems\") (if @emphasize \"euiSideNavItem--emphasized\")}}>\n  {{#let (classNames \"euiSideNavItemButton\" (if (or @onClick @href) \"euiSideNavItemButton--isClickable\") (if (and (gt @depth 0) @isOpen (not @isSelected)) \"euiSideNavItemButton-isOpen\") (if @isSelected \"euiSideNavItemButton-isSelected\") @buttonClassName) (and (gt @depth 0) @isParent (not @isOpen) (not @isSelected)) as |className caret|}}\n    {{#if (and @href (not @disabled))}}\n      <a class={{className}} href={{@href}} target={{@target}} rel={{@rel}} {{on \"click\" (optional @onClick)}}>\n        <Button @icon={{@icon}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n          {{yield}}\n        </Button>\n      </a>\n    {{else if (or @onClick @disabled)}}\n      <button type=\"button\" class={{className}} disabled={{@disabled}} {{on \"click\" (optional @onClick)}}>\n        <Button @icon={{@icon}} @truncate={{@truncate}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n          {{yield}}\n        </Button>\n      </button>\n    {{else}}\n      <div class={{className}}>\n        <Button @icon={{@icon}} @truncate={{@truncate}} @buttonIconClasses={{@buttonIconClasses}} @caret={{caret}}>\n          {{yield}}\n        </Button>\n      </div>\n    {{/if}}\n  {{/let}}\n  {{#if (or (eq @depth 0) (and @items.length @isOpen))}}\n    <div class=\"euiSideNavItem__items\">\n      {{#each @items as |item|}}\n        {{#let (and (gt @depth 0) (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n          <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id @selectedItem)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{add @depth 1}} @name={{item.name}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n            {{item.name}}\n          </EuiSideNavItem>\n        {{/let}}\n      {{/each}}\n    </div>\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-side-nav-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-side-nav-item.js","sources":["../../src/components/eui-side-nav-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport add from 'ember-math-helpers/helpers/add';\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\n\nimport Button from '../components/eui-side-nav-item/button.gts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\n\nimport type { Item } from './eui-side-nav';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSideNavItemSignature {\n Args: {\n selectedItem?: string;\n isOpen?: boolean;\n isSelected?: boolean;\n isParent?: boolean;\n icon?: string;\n onClick?: () => void;\n href?: string;\n className?: string;\n rel?: string;\n target?: string;\n items?: Item[];\n depth?: number;\n name?: string;\n renderItem?: unknown;\n disabled?: boolean;\n truncate?: boolean;\n emphasize?: boolean;\n buttonClassName?: string;\n childrenOnly?: boolean;\n buttonIconClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSideNavItem: TemplateOnlyComponent<EuiSideNavItemSignature> =\n <template>\n <div\n class={{classNames\n \"euiSideNavItem\"\n (if (eq @depth 1) \"euiSideNavItem--trunk\")\n (if (eq @depth 0) \"euiSideNavItem--root\")\n (if (and (eq @depth 0) @icon) \"euiSideNavItem--rootIcon\")\n (if (gt @depth 1) \"euiSideNavItem--branch\")\n (if @items.length \"euiSideNavItem--hasChildItems\")\n (if @emphasize \"euiSideNavItem--emphasized\")\n }}\n >\n {{#let\n (classNames\n \"euiSideNavItemButton\"\n (if (or @onClick @href) \"euiSideNavItemButton--isClickable\")\n (if\n (and (gt @depth 0) @isOpen (not @isSelected))\n \"euiSideNavItemButton-isOpen\"\n )\n (if @isSelected \"euiSideNavItemButton-isSelected\")\n @buttonClassName\n )\n (and (gt @depth 0) @isParent (not @isOpen) (not @isSelected))\n as \|className caret\|\n }}\n {{#if (and @href (not @disabled))}}\n <a\n class={{className}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n {{on \"click\" (optional @onClick)}}\n >\n <Button\n @icon={{@icon}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </a>\n {{else if (or @onClick @disabled)}}\n <button\n type=\"button\"\n class={{className}}\n disabled={{@disabled}}\n {{on \"click\" (optional @onClick)}}\n >\n <Button\n @icon={{@icon}}\n @truncate={{@truncate}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </button>\n {{else}}\n <div class={{className}}>\n <Button\n @icon={{@icon}}\n @truncate={{@truncate}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </div>\n {{/if}}\n {{/let}}\n {{#if (or (eq @depth 0) (and @items.length @isOpen))}}\n <div class=\"euiSideNavItem__items\">\n {{#each @items as \|item\|}}\n {{#let\n (and\n (gt @depth 0)\n (not item.onClick)\n (not item.href)\n (not (not item.items))\n )\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id @selectedItem)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{add @depth 1}}\n @name={{item.name}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n {{/if}}\n </div>\n </template>;\n\nexport default EuiSideNavItem;\n"],"names":["EuiSideNavItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","and","gt","or","not","on","optional","Button","isItemOpen","add","templateOnly"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkHA,~~inFAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;YAAAC,oBAAA;IAAAb,cAAA;IAAAc,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-side-nav-item.js","sources":["../../src/components/eui-side-nav-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport add from 'ember-math-helpers/helpers/add';\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\n\nimport Button from '../components/eui-side-nav-item/button.gts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\n\nimport type { Item } from './eui-side-nav';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSideNavItemSignature {\n Args: {\n selectedItem?: string;\n isOpen?: boolean;\n isSelected?: boolean;\n isParent?: boolean;\n icon?: string;\n onClick?: () => void;\n href?: string;\n className?: string;\n rel?: string;\n target?: string;\n items?: Item[];\n depth?: number;\n name?: string;\n renderItem?: unknown;\n disabled?: boolean;\n truncate?: boolean;\n emphasize?: boolean;\n buttonClassName?: string;\n childrenOnly?: boolean;\n buttonIconClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSideNavItem: TemplateOnlyComponent<EuiSideNavItemSignature> =\n <template>\n <div\n class={{classNames\n \"euiSideNavItem\"\n (if (eq @depth 1) \"euiSideNavItem--trunk\")\n (if (eq @depth 0) \"euiSideNavItem--root\")\n (if (and (eq @depth 0) @icon) \"euiSideNavItem--rootIcon\")\n (if (gt @depth 1) \"euiSideNavItem--branch\")\n (if @items.length \"euiSideNavItem--hasChildItems\")\n (if @emphasize \"euiSideNavItem--emphasized\")\n }}\n >\n {{#let\n (classNames\n \"euiSideNavItemButton\"\n (if (or @onClick @href) \"euiSideNavItemButton--isClickable\")\n (if\n (and (gt @depth 0) @isOpen (not @isSelected))\n \"euiSideNavItemButton-isOpen\"\n )\n (if @isSelected \"euiSideNavItemButton-isSelected\")\n @buttonClassName\n )\n (and (gt @depth 0) @isParent (not @isOpen) (not @isSelected))\n as \|className caret\|\n }}\n {{#if (and @href (not @disabled))}}\n <a\n class={{className}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n {{on \"click\" (optional @onClick)}}\n >\n <Button\n @icon={{@icon}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </a>\n {{else if (or @onClick @disabled)}}\n <button\n type=\"button\"\n class={{className}}\n disabled={{@disabled}}\n {{on \"click\" (optional @onClick)}}\n >\n <Button\n @icon={{@icon}}\n @truncate={{@truncate}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </button>\n {{else}}\n <div class={{className}}>\n <Button\n @icon={{@icon}}\n @truncate={{@truncate}}\n @buttonIconClasses={{@buttonIconClasses}}\n @caret={{caret}}\n >\n {{yield}}\n </Button>\n </div>\n {{/if}}\n {{/let}}\n {{#if (or (eq @depth 0) (and @items.length @isOpen))}}\n <div class=\"euiSideNavItem__items\">\n {{#each @items as \|item\|}}\n {{#let\n (and\n (gt @depth 0)\n (not item.onClick)\n (not item.href)\n (not (not item.items))\n )\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id @selectedItem)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{add @depth 1}}\n @name={{item.name}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n {{/if}}\n </div>\n </template>;\n\nexport default EuiSideNavItem;\n"],"names":["EuiSideNavItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","and","gt","or","not","on","optional","Button","isItemOpen","add","templateOnly"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkHA,m+EAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;YAAAC,oBAAA;IAAAb,cAAA;IAAAc,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-side-nav.js CHANGED Viewed

@@ -22,7 +22,7 @@ class EuiSideNavComponent extends Component {
     return this.args.mobileBreakpoints || ['xs', 's'];
   }
   get contentClasses() {
-    let mobileBreakpoints = Array.isArray(this.mobileBreakpoints) ? this.mobileBreakpoints : [this.mobileBreakpoints];
+    const mobileBreakpoints = Array.isArray(this.mobileBreakpoints) ? this.mobileBreakpoints : [this.mobileBreakpoints];
     return `euiSideNav__content ${mobileBreakpoints.map?.(breakpointName => {
       return `euiSideNav__contentMobile-${breakpointName}`;
     }).join(' ')}`;
@@ -31,7 +31,7 @@ class EuiSideNavComponent extends Component {
     return this.mobileBreakpoints?.length > 0;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\")) (element (argOrDefault @headingProps.element \"h2\")) (argOrDefault @headingProps.id (randomId)) (randomId) (or (has-block \"heading\") (not (not @heading))) as |classes HeadingElement headingId sideNavContentId hasHeader|}}\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n          <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n            <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n              <EuiButtonEmpty type=\"button\" class=\"euiSideNav__mobileToggle\" @contentClasses=\"euiSideNav__mobileToggleContent\" @textClasses=\"euiSideNav__mobileToggleText\" {{on \"click\" (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))}} @iconType=\"apps\" @iconSide=\"right\" aria-controls={{sideNavContentId}} aria-expanded={{@isOpenMobile}}>\n                {{#if @mobileTitle}}\n                  {{@mobileTitle}}\n                {{else if (has-block \"heading\")}}\n                  {{yield to=\"heading\"}}\n                {{else}}\n                  {{@heading}}\n                {{/if}}\n              </EuiButtonEmpty>\n            </HeadingElement>\n            <div id={{sideNavContentId}} class={{this.contentClasses}}>\n              {{#each @items as |item|}}\n                {{#let (and (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n                  <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id item.isSelected)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{0}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n                    {{item.name}}\n                  </EuiSideNavItem>\n                {{/let}}\n              {{/each}}\n            </div>\n          </nav>\n        </EuiShowFor>\n      {{/if}}\n\n      <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n        <nav aria-labelledby={{if hasHeader headingId}} class={{classes}} ...attributes>\n          {{#if hasHeader}}\n            {{#let (argOrDefault @headingProps.screenReaderOnly false) as |shouldScreenReader|}}\n              {{#if (has-block \"heading\")}}\n                {{#if shouldScreenReader}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{yield to=\"heading\"}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle class={{classNames \"euiSideNav__heading\" @headingProps.className}} @size=\"xs\">\n                    <HeadingElement>\n                      {{yield to=\"heading\"}}\n                    </HeadingElement>\n                  </EuiTitle>\n                {{/if}}\n              {{else}}\n                {{#if screenReaderOnly}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{@heading}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle class={{classNames \"euiSideNav__heading\" @headingProps.className}} @size=\"xs\">\n                    {{@heading}}\n                  </EuiTitle>\n                {{/if}}\n              {{/if}}\n            {{/let}}\n          {{/if}}\n          <div id={{sideNavContentId}} class={{this.contentClasses}}>\n            {{#each @items as |item|}}\n              {{#let (and (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n                <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id item.isSelected)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{0}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n                  {{item.name}}\n                </EuiSideNavItem>\n              {{/let}}\n            {{/each}}\n          </div>\n        </nav>\n      </EuiHideFor>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\")) (element (argOrDefault @headingProps.element \"h2\")) (argOrDefault @headingProps.id (randomId)) (randomId) (or (has-block \"heading\") (not (not @heading))) as |classes HeadingElement headingId sideNavContentId hasHeader|}}\n  {{#if this.hasMobileVersion}}\n    <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n      <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n        <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n          <EuiButtonEmpty type=\"button\" class=\"euiSideNav__mobileToggle\" @contentClasses=\"euiSideNav__mobileToggleContent\" @textClasses=\"euiSideNav__mobileToggleText\" {{on \"click\" (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))}} @iconType=\"apps\" @iconSide=\"right\" aria-controls={{sideNavContentId}} aria-expanded={{if @isOpenMobile \"true\" \"false\"}}>\n            {{#if @mobileTitle}}\n              {{@mobileTitle}}\n            {{else if (has-block \"heading\")}}\n              {{yield to=\"heading\"}}\n            {{else}}\n              {{@heading}}\n            {{/if}}\n          </EuiButtonEmpty>\n        </HeadingElement>\n        <div id={{sideNavContentId}} class={{this.contentClasses}}>\n          {{#each @items as |item|}}\n            {{#let (and (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n              <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id @selectedItem)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{0}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n                {{item.name}}\n              </EuiSideNavItem>\n            {{/let}}\n          {{/each}}\n        </div>\n      </nav>\n    </EuiShowFor>\n  {{/if}}\n\n  <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n    <nav aria-labelledby={{if hasHeader headingId}} class={{classes}} ...attributes>\n      {{#if hasHeader}}\n        {{#let (argOrDefault @headingProps.screenReaderOnly false) as |shouldScreenReader|}}\n          {{#if (has-block \"heading\")}}\n            {{#if shouldScreenReader}}\n              <HeadingElement {{screenReaderOnly}}>\n                {{yield to=\"heading\"}}\n              </HeadingElement>\n            {{else}}\n              <EuiTitle class={{classNames \"euiSideNav__heading\" @headingProps.className}} @size=\"xs\">\n                <HeadingElement>\n                  {{yield to=\"heading\"}}\n                </HeadingElement>\n              </EuiTitle>\n            {{/if}}\n          {{else}}\n            {{#if shouldScreenReader}}\n              <HeadingElement {{screenReaderOnly}}>\n                {{@heading}}\n              </HeadingElement>\n            {{else}}\n              <EuiTitle class={{classNames \"euiSideNav__heading\" @headingProps.className}} @size=\"xs\">\n                {{@heading}}\n              </EuiTitle>\n            {{/if}}\n          {{/if}}\n        {{/let}}\n      {{/if}}\n      <div id={{sideNavContentId}} class={{this.contentClasses}}>\n        {{#each @items as |item|}}\n          {{#let (and (not item.onClick) (not item.href) (not (not item.items))) as |childrenOnly|}}\n            <EuiSideNavItem @selectedItem={{@selectedItem}} @isOpen={{isItemOpen item @selectedItem}} @isSelected={{and (not childrenOnly) (eq item.id @selectedItem)}} @isParent={{not (not item.items)}} @icon={{item.icon}} @onClick={{item.onClick}} @href={{item.href}} @className={{item.className}} @rel={{item.rel}} @target={{item.target}} @items={{item.items}} @depth={{0}} @renderItem={{item.renderItem}} @disabled={{item.disabled}} @truncate={{item.truncate}} @emphasize={{item.emphasize}} @buttonClassName={{item.buttonClassName}} @childrenOnly={{childrenOnly}}>\n              {{item.name}}\n            </EuiSideNavItem>\n          {{/let}}\n        {{/each}}\n      </div>\n    </nav>\n  </EuiHideFor>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,

package/dist/components/eui-side-nav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\n\nexport interface Item {\n id: string;\n icon?: string;\n onClick?: () => void;\n href?: string;\n className?: string;\n rel?: string;\n target?: string;\n items?: Item[];\n depth?: number;\n name?: string;\n renderItem?: unknown;\n isSelected?: boolean;\n disabled?: boolean;\n truncate?: boolean;\n emphasize?: boolean;\n buttonClassName?: string;\n}\n\nexport interface EuiSideNavSignature {\n Element: HTMLDivElement \| HTMLUListElement \| HTMLElement;\n Args: {\n mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n isOpenMobile?: boolean;\n toggleOpenOnMobile?: () => void;\n heading?: string;\n headingProps?: {\n element?: string;\n id?: string;\n className?: string;\n screenReaderOnly?: boolean;\n };\n mobileTitle?: string;\n items?: Item[];\n selectedItem?: string;\n };\n Blocks: {\n default: [Item];\n heading: [];\n };\n}\n\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n get mobileBreakpoints() {\n return this.args.mobileBreakpoints \|\| ['xs', 's'];\n }\n\n get contentClasses() {\n let mobileBreakpoints = Array.isArray(this.mobileBreakpoints)\n ? this.mobileBreakpoints\n : [this.mobileBreakpoints];\n\n return `euiSideNav__content ${mobileBreakpoints\n .map?.((breakpointName) => {\n return `euiSideNav__contentMobile-${breakpointName}`;\n })\n .join(' ')}`;\n }\n\n get hasMobileVersion() {\n return this.mobileBreakpoints?.length > 0;\n }\n\n <template>\n {{#let\n (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\"))\n (element (argOrDefault @headingProps.element \"h2\"))\n (argOrDefault @headingProps.id (randomId))\n (randomId)\n (or (has-block \"heading\") (not (not @heading)))\n as \|classes HeadingElement headingId sideNavContentId hasHeader\|\n }}\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n <EuiButtonEmpty\n type=\"button\"\n class=\"euiSideNav__mobileToggle\"\n @contentClasses=\"euiSideNav__mobileToggleContent\"\n @textClasses=\"euiSideNav__mobileToggleText\"\n {{on\n \"click\"\n (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))\n }}\n @iconType=\"apps\"\n @iconSide=\"right\"\n aria-controls={{sideNavContentId}}\n aria-expanded={{@isOpenMobile}}\n >\n {{#if @mobileTitle}}\n {{@mobileTitle}}\n {{else if (has-block \"heading\")}}\n {{yield to=\"heading\"}}\n {{else}}\n {{@heading}}\n {{/if}}\n </EuiButtonEmpty>\n </HeadingElement>\n <div id={{sideNavContentId}} class={{this.contentClasses}}>\n {{#each @items as \|item\|}}\n {{#let\n (and\n (not item.onClick) (not item.href) (not (not item.items))\n )\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id item.isSelected)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{0}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n </nav>\n </EuiShowFor>\n {{/if}}\n\n <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n <nav\n aria-labelledby={{if hasHeader headingId}}\n class={{classes}}\n ...attributes\n >\n {{#if hasHeader}}\n {{#let\n (argOrDefault @headingProps.screenReaderOnly false)\n as \|shouldScreenReader\|\n }}\n {{#if (has-block \"heading\")}}\n {{#if shouldScreenReader}}\n <HeadingElement {{screenReaderOnly}}>\n {{yield to=\"heading\"}}\n </HeadingElement>\n {{else}}\n <EuiTitle\n class={{classNames\n \"euiSideNav__heading\"\n @headingProps.className\n }}\n @size=\"xs\"\n >\n <HeadingElement>\n {{yield to=\"heading\"}}\n </HeadingElement>\n </EuiTitle>\n {{/if}}\n {{else}}\n {{#if screenReaderOnly}}\n <HeadingElement {{screenReaderOnly}}>\n {{@heading}}\n </HeadingElement>\n {{else}}\n <EuiTitle\n class={{classNames\n \"euiSideNav__heading\"\n @headingProps.className\n }}\n @size=\"xs\"\n >\n {{@heading}}\n </EuiTitle>\n {{/if}}\n {{/if}}\n {{/let}}\n {{/if}}\n <div id={{sideNavContentId}} class={{this.contentClasses}}>\n {{#each @items as \|item\|}}\n {{#let\n (and (not item.onClick) (not item.href) (not (not item.items)))\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id item.isSelected)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{0}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n </nav>\n </EuiHideFor>\n {{/let}}\n </template>\n}\n"],"names":["EuiSideNavComponent","Component","mobileBreakpoints","args","contentClasses","Array","isArray","map","breakpointName","join","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","element","argOrDefault","randomId","or","not","EuiShowFor","EuiButtonEmpty","on","fn","optional","and","EuiSideNavItem","isItemOpen","eq","EuiHideFor","screenReaderOnly","EuiTitle"],"mappings":";;;;;;;;;;;;;;;;;;;AA+De,MAAMA,4BAA4BC,SAAU,CAAA;EACzD,IAAIC,iBAAoBA,GAAA;IACtB,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACnD;EAEA,IAAIE,cAAiBA,GAAA;AACnB,IAAA,IAAIF,iBAAA,GAAoBG,KAAM,CAAAC,OAAO,CAAC,IAAI,CAACJ,iBAAiB,CACxD,GAAA,IAAI,CAACA,iBAAiB,GACtB,CAAC,IAAI,CAACA,iBAAiB,CAAC;AAE5B,IAAA,OAAO,uBAAuBA,iBAC3B,CAAAK,GAAG,GAAIC,cAAA,IAAA;MACN,OAAO,CAAA,0BAAA,EAA6BA,cAAA,CAAgB,CAAA;AACtD,KACC,CAAA,CAAAC,IAAA,CAAK,KAAM,CAAA;AAChB;EAEA,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACR,iBAAiB,EAAES,MAAS,GAAA,CAAA;AAC1C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAiKA,q7IAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,EAAA;oBAAAC,mBAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\n\nexport interface Item {\n id: string;\n icon?: string;\n onClick?: () => void;\n href?: string;\n className?: string;\n rel?: string;\n target?: string;\n items?: Item[];\n depth?: number;\n name?: string;\n renderItem?: unknown;\n isSelected?: boolean;\n disabled?: boolean;\n truncate?: boolean;\n emphasize?: boolean;\n buttonClassName?: string;\n}\n\nexport interface EuiSideNavSignature {\n Element: HTMLDivElement \| HTMLUListElement \| HTMLElement;\n Args: {\n mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n isOpenMobile?: boolean;\n toggleOpenOnMobile?: () => void;\n heading?: string;\n headingProps?: {\n element?: string;\n id?: string;\n className?: string;\n screenReaderOnly?: boolean;\n };\n mobileTitle?: string;\n items?: Item[];\n selectedItem?: string;\n };\n Blocks: {\n default: [Item];\n heading: [];\n };\n}\n\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n get mobileBreakpoints() {\n return this.args.mobileBreakpoints \|\| ['xs', 's'];\n }\n\n get contentClasses() {\n const mobileBreakpoints = Array.isArray(this.mobileBreakpoints)\n ? this.mobileBreakpoints\n : [this.mobileBreakpoints];\n\n return `euiSideNav__content ${mobileBreakpoints\n .map?.((breakpointName) => {\n return `euiSideNav__contentMobile-${breakpointName}`;\n })\n .join(' ')}`;\n }\n\n get hasMobileVersion() {\n return this.mobileBreakpoints?.length > 0;\n }\n\n <template>\n {{#let\n (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\"))\n (element (argOrDefault @headingProps.element \"h2\"))\n (argOrDefault @headingProps.id (randomId))\n (randomId)\n (or (has-block \"heading\") (not (not @heading)))\n as \|classes HeadingElement headingId sideNavContentId hasHeader\|\n }}\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n <EuiButtonEmpty\n type=\"button\"\n class=\"euiSideNav__mobileToggle\"\n @contentClasses=\"euiSideNav__mobileToggleContent\"\n @textClasses=\"euiSideNav__mobileToggleText\"\n {{on\n \"click\"\n (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))\n }}\n @iconType=\"apps\"\n @iconSide=\"right\"\n aria-controls={{sideNavContentId}}\n aria-expanded={{if @isOpenMobile \"true\" \"false\"}}\n >\n {{#if @mobileTitle}}\n {{@mobileTitle}}\n {{else if (has-block \"heading\")}}\n {{yield to=\"heading\"}}\n {{else}}\n {{@heading}}\n {{/if}}\n </EuiButtonEmpty>\n </HeadingElement>\n <div id={{sideNavContentId}} class={{this.contentClasses}}>\n {{#each @items as \|item\|}}\n {{#let\n (and\n (not item.onClick) (not item.href) (not (not item.items))\n )\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id @selectedItem)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{0}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n </nav>\n </EuiShowFor>\n {{/if}}\n\n <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n <nav\n aria-labelledby={{if hasHeader headingId}}\n class={{classes}}\n ...attributes\n >\n {{#if hasHeader}}\n {{#let\n (argOrDefault @headingProps.screenReaderOnly false)\n as \|shouldScreenReader\|\n }}\n {{#if (has-block \"heading\")}}\n {{#if shouldScreenReader}}\n <HeadingElement {{screenReaderOnly}}>\n {{yield to=\"heading\"}}\n </HeadingElement>\n {{else}}\n <EuiTitle\n class={{classNames\n \"euiSideNav__heading\"\n @headingProps.className\n }}\n @size=\"xs\"\n >\n <HeadingElement>\n {{yield to=\"heading\"}}\n </HeadingElement>\n </EuiTitle>\n {{/if}}\n {{else}}\n {{#if shouldScreenReader}}\n <HeadingElement {{screenReaderOnly}}>\n {{@heading}}\n </HeadingElement>\n {{else}}\n <EuiTitle\n class={{classNames\n \"euiSideNav__heading\"\n @headingProps.className\n }}\n @size=\"xs\"\n >\n {{@heading}}\n </EuiTitle>\n {{/if}}\n {{/if}}\n {{/let}}\n {{/if}}\n <div id={{sideNavContentId}} class={{this.contentClasses}}>\n {{#each @items as \|item\|}}\n {{#let\n (and (not item.onClick) (not item.href) (not (not item.items)))\n as \|childrenOnly\|\n }}\n <EuiSideNavItem\n @selectedItem={{@selectedItem}}\n @isOpen={{isItemOpen item @selectedItem}}\n @isSelected={{and\n (not childrenOnly)\n (eq item.id @selectedItem)\n }}\n @isParent={{not (not item.items)}}\n @icon={{item.icon}}\n @onClick={{item.onClick}}\n @href={{item.href}}\n @className={{item.className}}\n @rel={{item.rel}}\n @target={{item.target}}\n @items={{item.items}}\n @depth={{0}}\n @renderItem={{item.renderItem}}\n @disabled={{item.disabled}}\n @truncate={{item.truncate}}\n @emphasize={{item.emphasize}}\n @buttonClassName={{item.buttonClassName}}\n @childrenOnly={{childrenOnly}}\n >\n {{item.name}}\n </EuiSideNavItem>\n {{/let}}\n {{/each}}\n </div>\n </nav>\n </EuiHideFor>\n {{/let}}\n </template>\n}\n"],"names":["EuiSideNavComponent","Component","mobileBreakpoints","args","contentClasses","Array","isArray","map","breakpointName","join","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","element","argOrDefault","randomId","or","not","EuiShowFor","EuiButtonEmpty","on","fn","optional","and","EuiSideNavItem","isItemOpen","eq","EuiHideFor","screenReaderOnly","EuiTitle"],"mappings":";;;;;;;;;;;;;;;;;;;AA+De,MAAMA,4BAA4BC,SAAU,CAAA;EACzD,IAAIC,iBAAoBA,GAAA;IACtB,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACnD;EAEA,IAAIE,cAAiBA,GAAA;AACnB,IAAA,MAAMF,iBAAA,GAAoBG,KAAM,CAAAC,OAAO,CAAC,IAAI,CAACJ,iBAAiB,CAC1D,GAAA,IAAI,CAACA,iBAAiB,GACtB,CAAC,IAAI,CAACA,iBAAiB,CAAC;AAE5B,IAAA,OAAO,uBAAuBA,iBAC3B,CAAAK,GAAG,GAAIC,cAAA,IAAA;MACN,OAAO,CAAA,0BAAA,EAA6BA,cAAgB,CAAA,CAAA;AACtD,KAAA,CAAA,CACCC,KAAK,GAAM,CAAA,CAAA,CAAA;AAChB;EAEA,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACR,iBAAiB,EAAES,MAAS,GAAA,CAAA;AAC1C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAiKA,mrIAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,EAAA;oBAAAC,mBAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-spacer.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 EuiSpacer = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiSpacer\" size=(argOrDefault @size \"l\")}} ...attributes></div>\n", {
+const EuiSpacer = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiSpacer\" size=(argOrDefault @size \"l\")}} ...attributes></div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-spacer.js","sources":["../../src/components/eui-spacer.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-spacer.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSpacerSignature {\n Element: HTMLDivElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiSpacer: TemplateOnlyComponent<EuiSpacerSignature> = <template>\n <div\n class={{classNames componentName=\"EuiSpacer\" size=(argOrDefault @size \"l\")}}\n ...attributes\n ></div>\n</template>;\n\nexport default EuiSpacer;\n"],"names":["EuiSpacer","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAK7D,~~kHAAA~~,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-spacer.js","sources":["../../src/components/eui-spacer.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-spacer.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSpacerSignature {\n Element: HTMLDivElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiSpacer: TemplateOnlyComponent<EuiSpacerSignature> = <template>\n <div\n class={{classNames componentName=\"EuiSpacer\" size=(argOrDefault @size \"l\")}}\n ...attributes\n ></div>\n</template>;\n\nexport default EuiSpacer;\n"],"names":["EuiSpacer","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAK7D,4GAAA,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-split-panel/inner.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 EuiSplitPanelInner = setComponentTemplate(precompileTemplate("\n    <EuiPanel class=\"euiSplitPanel__inner\" @hasShadow={{argOrDefault @hasShadow false}} @color={{argOrDefault @color \"transparent\"}} @borderRadius={{argOrDefault @borderRadius \"none\"}} @hasBorder={{argOrDefault @hasBorder false}} @paddingSize={{@paddingSize}} ...attributes>\n      {{yield}}\n    </EuiPanel>\n  ", {
+const EuiSplitPanelInner = setComponentTemplate(precompileTemplate("<EuiPanel class=\"euiSplitPanel__inner\" @hasShadow={{argOrDefault @hasShadow false}} @color={{argOrDefault @color \"transparent\"}} @borderRadius={{argOrDefault @borderRadius \"none\"}} @hasBorder={{argOrDefault @hasBorder false}} @paddingSize={{@paddingSize}} ...attributes>\n  {{yield}}\n</EuiPanel>", {
   strictMode: true,
   scope: () => ({
     EuiPanel,

package/dist/components/eui-split-panel/inner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inner.js","sources":["../../../src/components/eui-split-panel/inner.gts"],"sourcesContent":["import argOrDefault from '../../helpers/arg-or-default.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiPanelSignature } from '../eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSplitPanelInnerSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n color?: EuiPanelSignature['Args']['color'];\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSplitPanelInner: TemplateOnlyComponent<EuiSplitPanelInnerSignature> =\n <template>\n <EuiPanel\n class=\"euiSplitPanel__inner\"\n @hasShadow={{argOrDefault @hasShadow false}}\n @color={{argOrDefault @color \"transparent\"}}\n @borderRadius={{argOrDefault @borderRadius \"none\"}}\n @hasBorder={{argOrDefault @hasBorder false}}\n @paddingSize={{@paddingSize}}\n ...attributes\n >\n {{yield}}\n </EuiPanel>\n </template>;\n\nexport default EuiSplitPanelInner;\n"],"names":["EuiSplitPanelInner","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAYA,~~kUAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"inner.js","sources":["../../../src/components/eui-split-panel/inner.gts"],"sourcesContent":["import argOrDefault from '../../helpers/arg-or-default.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiPanelSignature } from '../eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSplitPanelInnerSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n color?: EuiPanelSignature['Args']['color'];\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSplitPanelInner: TemplateOnlyComponent<EuiSplitPanelInnerSignature> =\n <template>\n <EuiPanel\n class=\"euiSplitPanel__inner\"\n @hasShadow={{argOrDefault @hasShadow false}}\n @color={{argOrDefault @color \"transparent\"}}\n @borderRadius={{argOrDefault @borderRadius \"none\"}}\n @hasBorder={{argOrDefault @hasBorder false}}\n @paddingSize={{@paddingSize}}\n ...attributes\n >\n {{yield}}\n </EuiPanel>\n </template>;\n\nexport default EuiSplitPanelInner;\n"],"names":["EuiSplitPanelInner","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAYA,gTAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-split-panel/outer.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 const DEFAULT_SIZES = ['xs', 's'];
-const EuiSplitPanelOuter = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @direction \"column\") (argOrDefault @responsive DEFAULT_SIZES) (useState false) as |direction responsive isResponsive|}}\n      <EuiPanel class={{classNames \"euiSplitPanel\" (if (eq direction \"row\") \"euiSplitPanel--row\") (if isResponsive.value \"euiSplitPanel-isResponsive\")}} @grow={{argOrDefault @grow false}} @paddingSize={{argOrDefault @paddingSize \"none\"}} @hasShadow={{@hasShadow}} @color={{@color}} @borderRadius={{@borderRadius}} @hasBorder={{@hasBorder}} {{useIsWithinBreakpoints sizes=responsive isActive=(not (not responsive)) setIsWithinBreakpointsValue=isResponsive.setState}} ...attributes>\n        {{yield}}\n      </EuiPanel>\n    {{/let}}\n  ", {
+const EuiSplitPanelOuter = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @direction \"column\") (argOrDefault @responsive DEFAULT_SIZES) (useState false) as |direction responsive isResponsive|}}\n  <EuiPanel class={{classNames \"euiSplitPanel\" (if (eq direction \"row\") \"euiSplitPanel--row\") (if isResponsive.value \"euiSplitPanel-isResponsive\")}} @grow={{argOrDefault @grow false}} @paddingSize={{argOrDefault @paddingSize \"none\"}} @hasShadow={{@hasShadow}} @color={{@color}} @borderRadius={{@borderRadius}} @hasBorder={{@hasBorder}} {{useIsWithinBreakpoints sizes=responsive isActive=(not (not responsive)) setIsWithinBreakpointsValue=isResponsive.setState}} ...attributes>\n    {{yield}}\n  </EuiPanel>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-split-panel/outer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"outer.js","sources":["../../../src/components/eui-split-panel/outer.gts"],"sourcesContent":["import { eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport useState from '../../helpers/use-state.ts';\nimport useIsWithinBreakpoints from '../../modifiers/use-is-within-breakpoints.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { Named } from '../../modifiers/use-is-within-breakpoints.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSplitPanelOuterSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n direction?: 'column' \| 'row';\n responsive?: Named['sizes'];\n grow?: boolean;\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n color?: EuiPanelSignature['Args']['color'];\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst DEFAULT_SIZES: Named['sizes'] = ['xs', 's'];\n\nconst EuiSplitPanelOuter: TemplateOnlyComponent<EuiSplitPanelOuterSignature> =\n <template>\n {{#let\n (argOrDefault @direction \"column\")\n (argOrDefault @responsive DEFAULT_SIZES)\n (useState false)\n as \|direction responsive isResponsive\|\n }}\n <EuiPanel\n class={{classNames\n \"euiSplitPanel\"\n (if (eq direction \"row\") \"euiSplitPanel--row\")\n (if isResponsive.value \"euiSplitPanel-isResponsive\")\n }}\n @grow={{argOrDefault @grow false}}\n @paddingSize={{argOrDefault @paddingSize \"none\"}}\n @hasShadow={{@hasShadow}}\n @color={{@color}}\n @borderRadius={{@borderRadius}}\n @hasBorder={{@hasBorder}}\n {{useIsWithinBreakpoints\n sizes=responsive\n isActive=(not (not responsive))\n setIsWithinBreakpointsValue=isResponsive.setState\n }}\n ...attributes\n >\n {{yield}}\n </EuiPanel>\n {{/let}}\n </template>;\n\nexport default EuiSplitPanelOuter;\n"],"names":["DEFAULT_SIZES","EuiSplitPanelOuter","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","useState","EuiPanel","classNames","eq","useIsWithinBreakpoints","not","templateOnly"],"mappings":";;;;;;;;;;AA6BA,MAAMA,aAAgC,GAAA,CAAC,IAAA,EAAM,GAAA,CAAI;AAEjD,MAAMC,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6BA,~~0rBAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAN,aAAA;IAAAO,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,sBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"outer.js","sources":["../../../src/components/eui-split-panel/outer.gts"],"sourcesContent":["import { eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport useState from '../../helpers/use-state.ts';\nimport useIsWithinBreakpoints from '../../modifiers/use-is-within-breakpoints.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { Named } from '../../modifiers/use-is-within-breakpoints.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSplitPanelOuterSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n direction?: 'column' \| 'row';\n responsive?: Named['sizes'];\n grow?: boolean;\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n color?: EuiPanelSignature['Args']['color'];\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst DEFAULT_SIZES: Named['sizes'] = ['xs', 's'];\n\nconst EuiSplitPanelOuter: TemplateOnlyComponent<EuiSplitPanelOuterSignature> =\n <template>\n {{#let\n (argOrDefault @direction \"column\")\n (argOrDefault @responsive DEFAULT_SIZES)\n (useState false)\n as \|direction responsive isResponsive\|\n }}\n <EuiPanel\n class={{classNames\n \"euiSplitPanel\"\n (if (eq direction \"row\") \"euiSplitPanel--row\")\n (if isResponsive.value \"euiSplitPanel-isResponsive\")\n }}\n @grow={{argOrDefault @grow false}}\n @paddingSize={{argOrDefault @paddingSize \"none\"}}\n @hasShadow={{@hasShadow}}\n @color={{@color}}\n @borderRadius={{@borderRadius}}\n @hasBorder={{@hasBorder}}\n {{useIsWithinBreakpoints\n sizes=responsive\n isActive=(not (not responsive))\n setIsWithinBreakpointsValue=isResponsive.setState\n }}\n ...attributes\n >\n {{yield}}\n </EuiPanel>\n {{/let}}\n </template>;\n\nexport default EuiSplitPanelOuter;\n"],"names":["DEFAULT_SIZES","EuiSplitPanelOuter","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","useState","EuiPanel","classNames","eq","useIsWithinBreakpoints","not","templateOnly"],"mappings":";;;;;;;;;;AA6BA,MAAMA,aAAgC,GAAA,CAAC,IAAA,EAAM,GAAA,CAAI;AAEjD,MAAMC,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6BA,gqBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAN,aAAA;IAAAO,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,sBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-stat/description.js CHANGED Viewed

@@ -1,11 +1,10 @@
-import '@ember/helper';
 import { element } from 'ember-element-helper';
 import EuiTextComponent from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStatDescription = setComponentTemplate(precompileTemplate("\n    {{#if @descriptionElement}}\n      {{#let (element @descriptionElement) as |DescriptionElement|}}\n        <EuiText class=\"euiStat__description\" @size=\"s\">\n          <DescriptionElement aria-hidden=\"true\">\n            {{yield}}\n          </DescriptionElement>\n        </EuiText>\n      {{/let}}\n\n    {{else}}\n      <EuiText class=\"euiStat__description\" @size=\"s\">\n        <p aria-hidden=\"true\">\n          {{yield}}\n        </p>\n      </EuiText>\n    {{/if}}\n  ", {
+const EuiStatDescription = setComponentTemplate(precompileTemplate("{{#if @descriptionElement}}\n  {{#let (element @descriptionElement) as |DescriptionElement|}}\n    <EuiText class=\"euiStat__description\" @size=\"s\">\n      <DescriptionElement aria-hidden=\"true\">\n        {{yield}}\n      </DescriptionElement>\n    </EuiText>\n  {{/let}}\n\n{{else}}\n  <EuiText class=\"euiStat__description\" @size=\"s\">\n    <p aria-hidden=\"true\">\n      {{yield}}\n    </p>\n  </EuiText>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     element,

package/dist/components/eui-stat/description.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"description.js","sources":["../../../src/components/eui-stat/description.gts"],"sourcesContent":["~~import { hash } from '@ember/helper';\n~~\nimport { element } from 'ember-element-helper';\n\nimport EuiText from '../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatDescriptionSignature {\n Args: {\n /*\n The element to use for the description. Defaults to `p`.\n */\n descriptionElement?: keyof HTMLElementTagNameMap;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStatDescription: TemplateOnlyComponent<EuiStatDescriptionSignature> =\n <template>\n {{#if @descriptionElement}}\n {{#let (element @descriptionElement) as \|DescriptionElement\|}}\n <EuiText class=\"euiStat__description\" @size=\"s\">\n <DescriptionElement aria-hidden=\"true\">\n {{yield}}\n </DescriptionElement>\n </EuiText>\n {{/let}}\n\n {{else}}\n <EuiText class=\"euiStat__description\" @size=\"s\">\n <p aria-hidden=\"true\">\n {{yield}}\n </p>\n </EuiText>\n {{/if}}\n </template>;\n\nexport default EuiStatDescription;\n"],"names":["EuiStatDescription","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiText","templateOnly"],"mappings":"~~;;;;;;;AAoBA~~,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,~~4eAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"description.js","sources":["../../../src/components/eui-stat/description.gts"],"sourcesContent":["\nimport { element } from 'ember-element-helper';\n\nimport EuiText from '../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatDescriptionSignature {\n Args: {\n /*\n The element to use for the description. Defaults to `p`.\n */\n descriptionElement?: keyof HTMLElementTagNameMap;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStatDescription: TemplateOnlyComponent<EuiStatDescriptionSignature> =\n <template>\n {{#if @descriptionElement}}\n {{#let (element @descriptionElement) as \|DescriptionElement\|}}\n <EuiText class=\"euiStat__description\" @size=\"s\">\n <DescriptionElement aria-hidden=\"true\">\n {{yield}}\n </DescriptionElement>\n </EuiText>\n {{/let}}\n\n {{else}}\n <EuiText class=\"euiStat__description\" @size=\"s\">\n <p aria-hidden=\"true\">\n {{yield}}\n </p>\n </EuiText>\n {{/if}}\n </template>;\n\nexport default EuiStatDescription;\n"],"names":["EuiStatDescription","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiText","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,0aAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-stat/title.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 EuiStatTitle = setComponentTemplate(precompileTemplate("\n  {{#if @titleElement}}\n    {{#let (element @titleElement) as |TitleElement|}}\n      <EuiTitle @size={{@titleSize}} ...attributes>\n        <TitleElement aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n          {{yield}}\n        </TitleElement>\n      </EuiTitle>\n    {{/let}}\n  {{else}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <p aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n        {{yield}}\n      </p>\n    </EuiTitle>\n  {{/if}}\n", {
+const EuiStatTitle = setComponentTemplate(precompileTemplate("{{#if @titleElement}}\n  {{#let (element @titleElement) as |TitleElement|}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <TitleElement aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n        {{yield}}\n      </TitleElement>\n    </EuiTitle>\n  {{/let}}\n{{else}}\n  <EuiTitle @size={{@titleSize}} ...attributes>\n    <p aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n      {{yield}}\n    </p>\n  </EuiTitle>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     element,

package/dist/components/eui-stat/title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiTitle from '../eui-title.gts';\n\nimport type { EuiTitleSignature } from '../eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatTitleSignature {\n Element: any;\n Args: {\n titleSize?: EuiTitleSignature['Args']['size'];\n titleColor?: string;\n titleElement?: string;\n isColorClass?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStatTitle: TemplateOnlyComponent<EuiStatTitleSignature> = <template>\n {{#if @titleElement}}\n {{#let (element @titleElement) as \|TitleElement\|}}\n <EuiTitle @size={{@titleSize}} ...attributes>\n <TitleElement\n aria-hidden=\"true\"\n {{style (if @isColorClass (hash color=@titleColor))}}\n >\n {{yield}}\n </TitleElement>\n </EuiTitle>\n {{/let}}\n {{else}}\n <EuiTitle @size={{@titleSize}} ...attributes>\n <p\n aria-hidden=\"true\"\n {{style (if @isColorClass (hash color=@titleColor))}}\n >\n {{yield}}\n </p>\n </EuiTitle>\n {{/if}}\n</template>;\n\nexport default EuiStatTitle;\n"],"names":["EuiStatTitle","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiTitle","style","hash","templateOnly"],"mappings":";;;;;;;;AAuBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAsBnE,~~4gBAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiTitle from '../eui-title.gts';\n\nimport type { EuiTitleSignature } from '../eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatTitleSignature {\n Element: any;\n Args: {\n titleSize?: EuiTitleSignature['Args']['size'];\n titleColor?: string;\n titleElement?: string;\n isColorClass?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStatTitle: TemplateOnlyComponent<EuiStatTitleSignature> = <template>\n {{#if @titleElement}}\n {{#let (element @titleElement) as \|TitleElement\|}}\n <EuiTitle @size={{@titleSize}} ...attributes>\n <TitleElement\n aria-hidden=\"true\"\n {{style (if @isColorClass (hash color=@titleColor))}}\n >\n {{yield}}\n </TitleElement>\n </EuiTitle>\n {{/let}}\n {{else}}\n <EuiTitle @size={{@titleSize}} ...attributes>\n <p\n aria-hidden=\"true\"\n {{style (if @isColorClass (hash color=@titleColor))}}\n >\n {{yield}}\n </p>\n </EuiTitle>\n {{/if}}\n</template>;\n\nexport default EuiStatTitle;\n"],"names":["EuiStatTitle","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiTitle","style","hash","templateOnly"],"mappings":";;;;;;;;AAuBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAsBnE,0eAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -16,7 +16,7 @@ const isColorClass = helper(([input]) => {
 const useScreenReader = helper(([title, description]) => {
   return typeof title === 'string' && typeof description === 'string';
 });
-const EuiStat = setComponentTemplate(precompileTemplate("\n  {{#let (classNames textAlign=(argOrDefault @textAlign \"left\") componentName=\"EuiStat\") (classNames \"euiStat__title\" (if @isLoading \"euiStat__title-isLoading\") color=(argOrDefault @titleColor \"default\") addBase=false componentName=\"EuiStat\") (argOrDefault @reverse false) (argOrDefault @titleSize \"l\") as |classes titleClasses reverse titleSize|}}\n    <div class={{classes}} ...attributes>\n      {{#if reverse}}\n        <EuiStatTitle class={{titleClasses}} @titleElement={{@titleElement}} @titleSize={{titleSize}} @isColorClass={{isColorClass @titleColor}}>\n          {{#if @isLoading}}\n            --\n          {{else}}\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          {{/if}}\n        </EuiStatTitle>\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n      {{else}}\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n        <EuiStatTitle class={{titleClasses}} @titleElement={{@titleElement}} @titleSize={{titleSize}} @isColorClass={{isColorClass @titleColor}}>\n          {{#if @isLoading}}\n            --\n          {{else}}\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          {{/if}}\n        </EuiStatTitle>\n      {{/if}}\n      {{#if (useScreenReader @title @description)}}\n        <p {{screenReaderOnly}}>\n          {{#if reverse}}\n            {{@title}}\n            {{@description}}\n          {{else}}\n            {{@description}}\n            {{@title}}\n          {{/if}}\n        </p>\n      {{/if}}\n      {{yield}}\n    </div>\n  {{/let}}\n", {
+const EuiStat = setComponentTemplate(precompileTemplate("{{#let (classNames textAlign=(argOrDefault @textAlign \"left\") componentName=\"EuiStat\") (classNames \"euiStat__title\" (if @isLoading \"euiStat__title-isLoading\") color=(argOrDefault @titleColor \"default\") addBase=false componentName=\"EuiStat\") (argOrDefault @reverse false) (argOrDefault @titleSize \"l\") as |classes titleClasses reverse titleSize|}}\n  <div class={{classes}} ...attributes>\n    {{#if reverse}}\n      <EuiStatTitle class={{titleClasses}} @titleElement={{@titleElement}} @titleSize={{titleSize}} @isColorClass={{isColorClass @titleColor}}>\n        {{#if @isLoading}}\n          --\n        {{else}}\n          {{#if (has-block \"title\")}}\n            {{yield to=\"title\"}}\n          {{else}}\n            {{@title}}\n          {{/if}}\n        {{/if}}\n      </EuiStatTitle>\n      <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n        {{#if (has-block \"description\")}}\n          {{yield to=\"description\"}}\n        {{else}}\n          {{@description}}\n        {{/if}}\n      </EuiStatDescription>\n    {{else}}\n      <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n        {{#if (has-block \"description\")}}\n          {{yield to=\"description\"}}\n        {{else}}\n          {{@description}}\n        {{/if}}\n      </EuiStatDescription>\n      <EuiStatTitle class={{titleClasses}} @titleElement={{@titleElement}} @titleSize={{titleSize}} @isColorClass={{isColorClass @titleColor}}>\n        {{#if @isLoading}}\n          --\n        {{else}}\n          {{#if (has-block \"title\")}}\n            {{yield to=\"title\"}}\n          {{else}}\n            {{@title}}\n          {{/if}}\n        {{/if}}\n      </EuiStatTitle>\n    {{/if}}\n    {{#if (useScreenReader @title @description)}}\n      <p {{screenReaderOnly}}>\n        {{#if reverse}}\n          {{@title}}\n          {{@description}}\n        {{else}}\n          {{@description}}\n          {{@title}}\n        {{/if}}\n      </p>\n    {{/if}}\n    {{yield}}\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-stat.js","sources":["../../src/components/eui-stat.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport { colorMapping } from '../utils/css-mappings/eui-stat.ts';\nimport EuiStatDescription from './eui-stat/description.gts';\nimport EuiStatTitle from './eui-stat/title.gts';\n\nimport type {textAlignMapping } from '../utils/css-mappings/eui-stat.ts';\nimport type { EuiStatDescriptionSignature } from './eui-stat/description';\nimport type { EuiStatTitleSignature } from './eui-stat/title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatSignature {\n Element: HTMLDivElement;\n Args: {\n textAlign?: keyof typeof textAlignMapping;\n title?: string;\n description?: string;\n titleColor?: keyof typeof colorMapping;\n titleSize?: EuiStatTitleSignature['Args']['titleSize'];\n isLoading?: boolean;\n reverse?: boolean;\n screenReader?: boolean;\n titleElement?: string;\n descriptionElement?: EuiStatDescriptionSignature['Args']['descriptionElement'];\n };\n Blocks: {\n title: [];\n description: [];\n default: [];\n };\n}\n\nconst isColorClass = helper(([input]: [string \| undefined]) => {\n if (!input) return false;\n\n return colorMapping.hasOwnProperty(input);\n});\n\nconst useScreenReader = helper(\n ([title, description]: [string \| undefined, string \| undefined]) => {\n return typeof title === 'string' && typeof description === 'string';\n }\n);\n\nconst EuiStat: TemplateOnlyComponent<EuiStatSignature> = <template>\n {{#let\n (classNames\n textAlign=(argOrDefault @textAlign \"left\") componentName=\"EuiStat\"\n )\n (classNames\n \"euiStat__title\"\n (if @isLoading \"euiStat__title-isLoading\")\n color=(argOrDefault @titleColor \"default\")\n addBase=false\n componentName=\"EuiStat\"\n )\n (argOrDefault @reverse false)\n (argOrDefault @titleSize \"l\")\n as \|classes titleClasses reverse titleSize\|\n }}\n <div class={{classes}} ...attributes>\n {{#if reverse}}\n <EuiStatTitle\n class={{titleClasses}}\n @titleElement={{@titleElement}}\n @titleSize={{titleSize}}\n @isColorClass={{isColorClass @titleColor}}\n >\n {{#if @isLoading}}\n --\n {{else}}\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n {{/if}}\n </EuiStatTitle>\n <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else}}\n {{@description}}\n {{/if}}\n </EuiStatDescription>\n {{else}}\n <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else}}\n {{@description}}\n {{/if}}\n </EuiStatDescription>\n <EuiStatTitle\n class={{titleClasses}}\n @titleElement={{@titleElement}}\n @titleSize={{titleSize}}\n @isColorClass={{isColorClass @titleColor}}\n >\n {{#if @isLoading}}\n --\n {{else}}\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n {{/if}}\n </EuiStatTitle>\n {{/if}}\n {{#if (useScreenReader @title @description)}}\n <p {{screenReaderOnly}}>\n {{#if reverse}}\n {{@title}}\n {{@description}}\n {{else}}\n {{@description}}\n {{@title}}\n {{/if}}\n </p>\n {{/if}}\n {{yield}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiStat;\n"],"names":["isColorClass","helper","input","colorMapping","hasOwnProperty","useScreenReader","title","description","EuiStat","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiStatTitle","EuiStatDescription","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;;;AAmCA,MAAMA,YAAA,GAAeC,OAAO,CAAC,CAACC,MAA4B,KAAA;AACxD,EAAA,IAAI,CAACA,OAAO,OAAO,KAAA;AAEnB,EAAA,OAAOC,YAAA,CAAaC,cAAc,CAACF,KAAA,CAAA;AACrC,CAAA,CAAA;AAEA,MAAMG,eAAkB,GAAAJ,MAAA,CACtB,CAAC,CAACK,KAAO,EAAAC,WAAA,CAAsD,KAAA;EAC7D,OAAO,OAAOD,KAAA,KAAU,QAAY,IAAA,OAAOC,WAAgB,KAAA,QAAA;AAC7D,CAAA,CAAA;AAGF,MAAMC,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAgFzD,~~wlEAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,YAAA;IAAAf,YAAA;IAAAgB,kBAAA;IAAAX,eAAA;AAAAY,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-stat.js","sources":["../../src/components/eui-stat.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport { colorMapping } from '../utils/css-mappings/eui-stat.ts';\nimport EuiStatDescription from './eui-stat/description.gts';\nimport EuiStatTitle from './eui-stat/title.gts';\n\nimport type {textAlignMapping } from '../utils/css-mappings/eui-stat.ts';\nimport type { EuiStatDescriptionSignature } from './eui-stat/description';\nimport type { EuiStatTitleSignature } from './eui-stat/title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStatSignature {\n Element: HTMLDivElement;\n Args: {\n textAlign?: keyof typeof textAlignMapping;\n title?: string;\n description?: string;\n titleColor?: keyof typeof colorMapping;\n titleSize?: EuiStatTitleSignature['Args']['titleSize'];\n isLoading?: boolean;\n reverse?: boolean;\n screenReader?: boolean;\n titleElement?: string;\n descriptionElement?: EuiStatDescriptionSignature['Args']['descriptionElement'];\n };\n Blocks: {\n title: [];\n description: [];\n default: [];\n };\n}\n\nconst isColorClass = helper(([input]: [string \| undefined]) => {\n if (!input) return false;\n\n return colorMapping.hasOwnProperty(input);\n});\n\nconst useScreenReader = helper(\n ([title, description]: [string \| undefined, string \| undefined]) => {\n return typeof title === 'string' && typeof description === 'string';\n }\n);\n\nconst EuiStat: TemplateOnlyComponent<EuiStatSignature> = <template>\n {{#let\n (classNames\n textAlign=(argOrDefault @textAlign \"left\") componentName=\"EuiStat\"\n )\n (classNames\n \"euiStat__title\"\n (if @isLoading \"euiStat__title-isLoading\")\n color=(argOrDefault @titleColor \"default\")\n addBase=false\n componentName=\"EuiStat\"\n )\n (argOrDefault @reverse false)\n (argOrDefault @titleSize \"l\")\n as \|classes titleClasses reverse titleSize\|\n }}\n <div class={{classes}} ...attributes>\n {{#if reverse}}\n <EuiStatTitle\n class={{titleClasses}}\n @titleElement={{@titleElement}}\n @titleSize={{titleSize}}\n @isColorClass={{isColorClass @titleColor}}\n >\n {{#if @isLoading}}\n --\n {{else}}\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n {{/if}}\n </EuiStatTitle>\n <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else}}\n {{@description}}\n {{/if}}\n </EuiStatDescription>\n {{else}}\n <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else}}\n {{@description}}\n {{/if}}\n </EuiStatDescription>\n <EuiStatTitle\n class={{titleClasses}}\n @titleElement={{@titleElement}}\n @titleSize={{titleSize}}\n @isColorClass={{isColorClass @titleColor}}\n >\n {{#if @isLoading}}\n --\n {{else}}\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n {{/if}}\n </EuiStatTitle>\n {{/if}}\n {{#if (useScreenReader @title @description)}}\n <p {{screenReaderOnly}}>\n {{#if reverse}}\n {{@title}}\n {{@description}}\n {{else}}\n {{@description}}\n {{@title}}\n {{/if}}\n </p>\n {{/if}}\n {{yield}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiStat;\n"],"names":["isColorClass","helper","input","colorMapping","hasOwnProperty","useScreenReader","title","description","EuiStat","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiStatTitle","EuiStatDescription","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;;;AAmCA,MAAMA,YAAA,GAAeC,OAAO,CAAC,CAACC,MAA4B,KAAA;AACxD,EAAA,IAAI,CAACA,OAAO,OAAO,KAAA;AAEnB,EAAA,OAAOC,YAAA,CAAaC,cAAc,CAACF,KAAA,CAAA;AACrC,CAAA,CAAA;AAEA,MAAMG,eAAkB,GAAAJ,MAAA,CACtB,CAAC,CAACK,KAAO,EAAAC,WAAA,CAAsD,KAAA;EAC7D,OAAO,OAAOD,KAAA,KAAU,QAAY,IAAA,OAAOC,WAAgB,KAAA,QAAA;AAC7D,CAAA,CAAA;AAGF,MAAMC,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAgFzD,s+DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,YAAA;IAAAf,YAAA;IAAAgB,kBAAA;IAAAX,eAAA;AAAAY,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStepHorizontal = setComponentTemplate(precompileTemplate("\n    {{#let (if @disabled \"disabled\" (if @isComplete \"complete\" (if @isSelected \"current\" (argOrDefault @status \"incomplete\")))) as |status|}}\n      <li class=\"euiStepHorizontal__item\" aria-current={{if @isSelected \"step\"}}>\n        <button type=\"button\" class={{classNames \"euiStepHorizontal\" (if (eq status \"current\") \"euiStepHorizontal-isSelected\") (if (eq status \"complete\") \"euiStepHorizontal-isComplete\") (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\") (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")}} title={{@title}} disabled={{@disabled}} ...attributes {{on \"click\" (optional @onStepClick)}}>\n          <EuiStepNumber class=\"euiStepHorizontal__number\" {{!--@glint-expect-error--}} @status={{status}} @number={{@step}} />\n          <span class=\"euiStepHorizontal__title\">\n            {{@title}}\n          </span>\n        </button>\n      </li>\n    {{/let}}\n  ", {
+const EuiStepHorizontal = setComponentTemplate(precompileTemplate("{{#let (if @disabled \"disabled\" (if @isComplete \"complete\" (if @isSelected \"current\" (argOrDefault @status \"incomplete\")))) as |status|}}\n  <li class=\"euiStepHorizontal__item\" aria-current={{if @isSelected \"step\"}}>\n    <button type=\"button\" class={{classNames \"euiStepHorizontal\" (if (eq status \"current\") \"euiStepHorizontal-isSelected\") (if (eq status \"complete\") \"euiStepHorizontal-isComplete\") (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\") (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")}} title={{@title}} disabled={{@disabled}} ...attributes {{on \"click\" (optional @onStepClick)}}>\n      <EuiStepNumber class=\"euiStepHorizontal__number\" {{!--@glint-expect-error--}} @status={{status}} @number={{@step}} />\n      <span class=\"euiStepHorizontal__title\">\n        {{@title}}\n      </span>\n    </button>\n  </li>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\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 classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\n\nimport type { EuiStepNumberSignature } from './eui-step-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepHorizontalSignature {\n Element: HTMLButtonElement;\n Args: {\n /*\n The title of the step\n /\n title?: string;\n /\n The number of the step\n /\n step?: number;\n /\n Whether or not the step is selected\n /\n isSelected?: boolean;\n /\n Whether or not the step is complete\n /\n isComplete?: boolean;\n /\n Whether or not the step is disabled\n /\n disabled?: boolean;\n /\n The status of the step\n /\n status?: EuiStepNumberSignature['Args']['status'];\n /\n A callback for when the step is clicked\n */\n onStepClick?: (event: MouseEvent) => void;\n };\n}\n\nconst EuiStepHorizontal: TemplateOnlyComponent<EuiStepHorizontalSignature> =\n <template>\n {{#let\n (if\n @disabled\n \"disabled\"\n (if\n @isComplete\n \"complete\"\n (if @isSelected \"current\" (argOrDefault @status \"incomplete\"))\n )\n )\n as \|status\|\n }}\n <li\n class=\"euiStepHorizontal__item\"\n aria-current={{if @isSelected \"step\"}}\n >\n <button\n type=\"button\"\n class={{classNames\n \"euiStepHorizontal\"\n (if (eq status \"current\") \"euiStepHorizontal-isSelected\")\n (if (eq status \"complete\") \"euiStepHorizontal-isComplete\")\n (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\")\n (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")\n }}\n title={{@title}}\n disabled={{@disabled}}\n ...attributes\n {{on \"click\" (optional @onStepClick)}}\n >\n <EuiStepNumber\n class=\"euiStepHorizontal__number\"\n {{!@glint-expect-error}}\n @status={{status}}\n @number={{@step}}\n />\n <span class=\"euiStepHorizontal__title\">\n {{@title}}\n </span>\n </button>\n </li>\n {{/let}}\n </template>;\n\nexport default EuiStepHorizontal;\n"],"names":["EuiStepHorizontal","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","on","optional","EuiStepNumber","templateOnly"],"mappings":";;;;;;;;;;AA8CA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2CA,~~g7BAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\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 classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\n\nimport type { EuiStepNumberSignature } from './eui-step-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepHorizontalSignature {\n Element: HTMLButtonElement;\n Args: {\n /*\n The title of the step\n /\n title?: string;\n /\n The number of the step\n /\n step?: number;\n /\n Whether or not the step is selected\n /\n isSelected?: boolean;\n /\n Whether or not the step is complete\n /\n isComplete?: boolean;\n /\n Whether or not the step is disabled\n /\n disabled?: boolean;\n /\n The status of the step\n /\n status?: EuiStepNumberSignature['Args']['status'];\n /\n A callback for when the step is clicked\n */\n onStepClick?: (event: MouseEvent) => void;\n };\n}\n\nconst EuiStepHorizontal: TemplateOnlyComponent<EuiStepHorizontalSignature> =\n <template>\n {{#let\n (if\n @disabled\n \"disabled\"\n (if\n @isComplete\n \"complete\"\n (if @isSelected \"current\" (argOrDefault @status \"incomplete\"))\n )\n )\n as \|status\|\n }}\n <li\n class=\"euiStepHorizontal__item\"\n aria-current={{if @isSelected \"step\"}}\n >\n <button\n type=\"button\"\n class={{classNames\n \"euiStepHorizontal\"\n (if (eq status \"current\") \"euiStepHorizontal-isSelected\")\n (if (eq status \"complete\") \"euiStepHorizontal-isComplete\")\n (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\")\n (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")\n }}\n title={{@title}}\n disabled={{@disabled}}\n ...attributes\n {{on \"click\" (optional @onStepClick)}}\n >\n <EuiStepNumber\n class=\"euiStepHorizontal__number\"\n {{!@glint-expect-error}}\n @status={{status}}\n @number={{@step}}\n />\n <span class=\"euiStepHorizontal__title\">\n {{@title}}\n </span>\n </button>\n </li>\n {{/let}}\n </template>;\n\nexport default EuiStepHorizontal;\n"],"names":["EuiStepHorizontal","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","on","optional","EuiStepNumber","templateOnly"],"mappings":";;;;;;;;;;AA8CA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2CA,k4BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-step-number.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 const getIconSize = helper(([titleSize]) => titleSize === 'xs' ? 's' : 'm');
-const EuiStepNumber = setComponentTemplate(precompileTemplate("\n  {{#let (getIconSize @titleSize) as |iconSize|}}\n    <span class={{classNames (if @isHollow \"euiStepNumber-isHollow\") componentName=\"EuiStepNumber\" type=@status}} ...attributes>\n      {{#if (eq @status \"complete\")}}\n        <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"check\" @size={{iconSize}} />\n      {{else if (eq @status \"warning\")}}\n        <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"warning\" @size={{iconSize}} />\n      {{else if (eq @status \"danger\")}}\n        <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"cross\" @size={{iconSize}} />\n      {{else if (eq @status \"loading\")}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <EuiLoadingSpinner class=\"euiStepNumber__loader\" @size={{if (eq iconSize \"s\") \"l\" \"xl\"}} />\n      {{else}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n          {{@number}}\n        </span>\n      {{/if}}\n    </span>\n  {{/let}}\n", {
+const EuiStepNumber = setComponentTemplate(precompileTemplate("{{#let (getIconSize @titleSize) as |iconSize|}}\n  <span class={{classNames (if @isHollow \"euiStepNumber-isHollow\") componentName=\"EuiStepNumber\" type=@status}} ...attributes>\n    {{#if (eq @status \"complete\")}}\n      <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"check\" @size={{iconSize}} />\n    {{else if (eq @status \"warning\")}}\n      <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"warning\" @size={{iconSize}} />\n    {{else if (eq @status \"danger\")}}\n      <EuiIcon @iconClasses=\"euiStepNumber__icon\" @type=\"cross\" @size={{iconSize}} />\n    {{else if (eq @status \"loading\")}}\n      <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n      <EuiLoadingSpinner class=\"euiStepNumber__loader\" @size={{if (eq iconSize \"s\") \"l\" \"xl\"}} />\n    {{else}}\n      <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n      <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n        {{@number}}\n      </span>\n    {{/if}}\n  </span>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     getIconSize,

package/dist/components/eui-step-number.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { statusToClassMap } from '../utils/css-mappings/eui-step-number.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiStepSignature } from './eui-step';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepNumberSignature {\n Element: HTMLSpanElement;\n Args: {\n /*\n The number of the step\n /\n number?: number \| string;\n /\n The status of the step\n /\n status?: keyof typeof statusToClassMap;\n /\n The size of the step\n /\n titleSize?: EuiStepSignature['Args']['titleSize'];\n /\n Whether the step is hollow\n /\n isHollow?: boolean;\n /\n The aria-label for the step\n */\n stepAriaLabel?: string;\n };\n}\n\nconst getIconSize = helper(\n ([titleSize]: [EuiStepNumberSignature['Args']['titleSize']]): Exclude<\n EuiIconSignature['Args']['size'],\n 'l' \| 'xl' \| 'xxl'\n > => (titleSize === 'xs' ? 's' : 'm')\n);\n\nconst EuiStepNumber: TemplateOnlyComponent<EuiStepNumberSignature> = <template>\n {{#let (getIconSize @titleSize) as \|iconSize\|}}\n <span\n class={{classNames\n (if @isHollow \"euiStepNumber-isHollow\")\n componentName=\"EuiStepNumber\"\n type=@status\n }}\n ...attributes\n >\n {{#if (eq @status \"complete\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"check\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"warning\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"warning\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"danger\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"cross\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"loading\")}}\n <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n <EuiLoadingSpinner\n class=\"euiStepNumber__loader\"\n @size={{if (eq iconSize \"s\") \"l\" \"xl\"}}\n />\n {{else}}\n <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n {{@number}}\n </span>\n {{/if}}\n </span>\n {{/let}}\n</template>;\n\nexport default EuiStepNumber;\n"],"names":["getIconSize","helper","titleSize","EuiStepNumber","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","screenReaderOnly","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;AAwCA,MAAMA,WAAA,GAAcC,OAClB,CAAC,CAACC,UAAyD,KAGrDA,SAAc,KAAA,IAAA,GAAO,MAAM,GAAG,CAAA;AAGtC,MAAMC,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA0CrE,~~ghCAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAP,WAAA;IAAAQ,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { statusToClassMap } from '../utils/css-mappings/eui-step-number.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiStepSignature } from './eui-step';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepNumberSignature {\n Element: HTMLSpanElement;\n Args: {\n /*\n The number of the step\n /\n number?: number \| string;\n /\n The status of the step\n /\n status?: keyof typeof statusToClassMap;\n /\n The size of the step\n /\n titleSize?: EuiStepSignature['Args']['titleSize'];\n /\n Whether the step is hollow\n /\n isHollow?: boolean;\n /\n The aria-label for the step\n */\n stepAriaLabel?: string;\n };\n}\n\nconst getIconSize = helper(\n ([titleSize]: [EuiStepNumberSignature['Args']['titleSize']]): Exclude<\n EuiIconSignature['Args']['size'],\n 'l' \| 'xl' \| 'xxl'\n > => (titleSize === 'xs' ? 's' : 'm')\n);\n\nconst EuiStepNumber: TemplateOnlyComponent<EuiStepNumberSignature> = <template>\n {{#let (getIconSize @titleSize) as \|iconSize\|}}\n <span\n class={{classNames\n (if @isHollow \"euiStepNumber-isHollow\")\n componentName=\"EuiStepNumber\"\n type=@status\n }}\n ...attributes\n >\n {{#if (eq @status \"complete\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"check\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"warning\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"warning\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"danger\")}}\n <EuiIcon\n @iconClasses=\"euiStepNumber__icon\"\n @type=\"cross\"\n @size={{iconSize}}\n />\n {{else if (eq @status \"loading\")}}\n <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n <EuiLoadingSpinner\n class=\"euiStepNumber__loader\"\n @size={{if (eq iconSize \"s\") \"l\" \"xl\"}}\n />\n {{else}}\n <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n {{@number}}\n </span>\n {{/if}}\n </span>\n {{/let}}\n</template>;\n\nexport default EuiStepNumber;\n"],"names":["getIconSize","helper","titleSize","EuiStepNumber","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","screenReaderOnly","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;AAwCA,MAAMA,WAAA,GAAcC,OAClB,CAAC,CAACC,UAAyD,KAGrDA,SAAc,KAAA,IAAA,GAAO,MAAM,GAAG,CAAA;AAGtC,MAAMC,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA0CrE,s+BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAP,WAAA;IAAAQ,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStep = setComponentTemplate(precompileTemplate("\n  <div class={{classNames \"euiStep\" (if (eq @titleSize \"xs\") \"euiStep--small\") (if (eq @status \"disabled\") \"euiStep-isDisabled\")}} ...attributes>\n    <div class=\"euiStep__titleWrapper\">\n      <EuiStepNumber class={{classNames \"euiStep__circle\" (if (eq @titleSize \"xs\") \"euiStepNumber--small\")}} @number={{@step}} @status={{@status}} @titleSize={{argOrDefault @titleSize \"s\"}} @isHollow={{eq @status \"incomplete\"}} />\n      <EuiTitle @size={{@titleSize}} @tagName={{argOrDefault @headingElement \"p\"}} class=\"euiStep__title\">\n        {{@title}}\n      </EuiTitle>\n    </div>\n    <div class=\"euiStep__content\">\n      {{yield}}\n    </div>\n  </div>\n", {
+const EuiStep = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiStep\" (if (eq @titleSize \"xs\") \"euiStep--small\") (if (eq @status \"disabled\") \"euiStep-isDisabled\")}} ...attributes>\n  <div class=\"euiStep__titleWrapper\">\n    <EuiStepNumber class={{classNames \"euiStep__circle\" (if (eq @titleSize \"xs\") \"euiStepNumber--small\")}} @number={{@step}} @status={{@status}} @titleSize={{argOrDefault @titleSize \"s\"}} @isHollow={{eq @status \"incomplete\"}} />\n    <EuiTitle @size={{@titleSize}} @tagName={{argOrDefault @headingElement \"p\"}} class=\"euiStep__title\">\n      {{@title}}\n    </EuiTitle>\n  </div>\n  <div class=\"euiStep__content\">\n    {{yield}}\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepSignature {\n Element: HTMLDivElement;\n Args: {\n step: number;\n title: string;\n status?: 'incomplete' \| 'complete' \| 'disabled';\n titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' \| 'xxs' \| 'l'>;\n headingElement?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'p';\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStep: TemplateOnlyComponent<EuiStepSignature> = <template>\n <div\n class={{classNames\n \"euiStep\"\n (if (eq @titleSize \"xs\") \"euiStep--small\")\n (if (eq @status \"disabled\") \"euiStep-isDisabled\")\n }}\n ...attributes\n >\n <div class=\"euiStep__titleWrapper\">\n <EuiStepNumber\n class={{classNames\n \"euiStep__circle\"\n (if (eq @titleSize \"xs\") \"euiStepNumber--small\")\n }}\n @number={{@step}}\n @status={{@status}}\n @titleSize={{argOrDefault @titleSize \"s\"}}\n @isHollow={{eq @status \"incomplete\"}}\n />\n <EuiTitle\n @size={{@titleSize}}\n @tagName={{argOrDefault @headingElement \"p\"}}\n class=\"euiStep__title\"\n >\n {{@title}}\n </EuiTitle>\n </div>\n <div class=\"euiStep__content\">\n {{yield}}\n </div>\n </div>\n</template>;\n\nexport default EuiStep;\n"],"names":["EuiStep","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiStepNumber","argOrDefault","EuiTitle","templateOnly"],"mappings":";;;;;;;;;AAwBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAgCzD,~~8qBAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepSignature {\n Element: HTMLDivElement;\n Args: {\n step: number;\n title: string;\n status?: 'incomplete' \| 'complete' \| 'disabled';\n titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' \| 'xxs' \| 'l'>;\n headingElement?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'p';\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStep: TemplateOnlyComponent<EuiStepSignature> = <template>\n <div\n class={{classNames\n \"euiStep\"\n (if (eq @titleSize \"xs\") \"euiStep--small\")\n (if (eq @status \"disabled\") \"euiStep-isDisabled\")\n }}\n ...attributes\n >\n <div class=\"euiStep__titleWrapper\">\n <EuiStepNumber\n class={{classNames\n \"euiStep__circle\"\n (if (eq @titleSize \"xs\") \"euiStepNumber--small\")\n }}\n @number={{@step}}\n @status={{@status}}\n @titleSize={{argOrDefault @titleSize \"s\"}}\n @isHollow={{eq @status \"incomplete\"}}\n />\n <EuiTitle\n @size={{@titleSize}}\n @tagName={{argOrDefault @headingElement \"p\"}}\n class=\"euiStep__title\"\n >\n {{@title}}\n </EuiTitle>\n </div>\n <div class=\"euiStep__content\">\n {{yield}}\n </div>\n </div>\n</template>;\n\nexport default EuiStep;\n"],"names":["EuiStep","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiStepNumber","argOrDefault","EuiTitle","templateOnly"],"mappings":";;;;;;;;;AAwBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAgCzD,opBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-steps-horizontal.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 EuiStepsHorizontal = setComponentTemplate(precompileTemplate("\n    <ol class=\"euiStepsHorizontal\" ...attributes>\n      {{yield}}\n    </ol>\n  ", {
+const EuiStepsHorizontal = setComponentTemplate(precompileTemplate("<ol class=\"euiStepsHorizontal\" ...attributes>\n  {{yield}}\n</ol>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-steps-horizontal.js","sources":["../../src/components/eui-steps-horizontal.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsHorizontalSignature {\n Element: HTMLOListElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStepsHorizontal: TemplateOnlyComponent<EuiStepsHorizontalSignature> =\n <template>\n <ol class=\"euiStepsHorizontal\" ...attributes>\n {{yield}}\n </ol>\n </template>;\n\nexport default EuiStepsHorizontal;\n"],"names":["EuiStepsHorizontal","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,~~uFAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-steps-horizontal.js","sources":["../../src/components/eui-steps-horizontal.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsHorizontalSignature {\n Element: HTMLOListElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStepsHorizontal: TemplateOnlyComponent<EuiStepsHorizontalSignature> =\n <template>\n <ol class=\"euiStepsHorizontal\" ...attributes>\n {{yield}}\n </ol>\n </template>;\n\nexport default EuiStepsHorizontal;\n"],"names":["EuiStepsHorizontal","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,qEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-steps.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 EuiSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+const EuiSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-steps.js","sources":["../../src/components/eui-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsSignature {\n Element: HTMLDivElement;\n Args: {};\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSteps: TemplateOnlyComponent<EuiStepsSignature> = <template>\n <div class=\"euiSteps\" ...attributes>\n {{yield}}\n </div>\n</template>;\n\nexport default EuiSteps;\n"],"names":["EuiSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CAI3D,~~uEAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-steps.js","sources":["../../src/components/eui-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsSignature {\n Element: HTMLDivElement;\n Args: {};\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSteps: TemplateOnlyComponent<EuiStepsSignature> = <template>\n <div class=\"euiSteps\" ...attributes>\n {{yield}}\n </div>\n</template>;\n\nexport default EuiSteps;\n"],"names":["EuiSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CAI3D,6DAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-sub-steps.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 EuiSubSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSubSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+const EuiSubSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSubSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-sub-steps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-sub-steps.js","sources":["../../src/components/eui-sub-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSubStepsSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSubSteps: TemplateOnlyComponent<EuiSubStepsSignature> = <template>\n <div class=\"euiSubSteps\" ...attributes>\n {{yield}}\n </div>\n</template>;\n\nexport default EuiSubSteps;\n"],"names":["EuiSubSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAIjE,~~0EAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-sub-steps.js","sources":["../../src/components/eui-sub-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSubStepsSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiSubSteps: TemplateOnlyComponent<EuiSubStepsSignature> = <template>\n <div class=\"euiSubSteps\" ...attributes>\n {{yield}}\n </div>\n</template>;\n\nexport default EuiSubSteps;\n"],"names":["EuiSubSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAIjE,gEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js CHANGED Viewed

@@ -12,7 +12,7 @@ import EuiI18nComponent from '../../eui-i18n.js';
 import DatetimePicker from './datetime-picker.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 AbsoluteTab extends Component {
   static {
@@ -76,7 +76,7 @@ class AbsoluteTab extends Component {
     n(this.prototype, "triggerChange", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div>\n      <DatetimePicker @onChange={{this.handleChange}} @dateFormat={{@dateFormat}} @selected={{this.valueAsMoment}} />\n      <EuiI18n @token=\"euiAbsoluteTab.dateFormatError\" @default=\"Expected format: {dateFormat}\" @values={{hash dateFormat=@dateFormat}} as |Token|>\n        <Token as |dateFormatError|>\n          <EuiFormRow class=\"euiSuperDatePicker__absoluteDateFormRow\" @isInvalid={{this.isTextInvalid}} @error={{if this.isTextInvalid dateFormatError}}>\n            <EuiFieldText @isInvalid={{this.isTextInvalid}} @value={{this.textInputValue}} @compressed={{true}} {{on \"input\" this.triggerChange}} {{on \"change\" this.handleTextChange}}>\n              <:prepend as |classes|>\n                <EuiFormLabel class={{classes}}>\n                  {{@labelPrefix}}\n                </EuiFormLabel>\n              </:prepend>\n            </EuiFieldText>\n          </EuiFormRow>\n        </Token>\n      </EuiI18n>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div>\n  <DatetimePicker @onChange={{this.handleChange}} @dateFormat={{@dateFormat}} @selected={{this.valueAsMoment}} />\n  <EuiI18n @token=\"euiAbsoluteTab.dateFormatError\" @default=\"Expected format: {dateFormat}\" @values={{hash dateFormat=@dateFormat}} as |Token|>\n    <Token as |dateFormatError|>\n      <EuiFormRow class=\"euiSuperDatePicker__absoluteDateFormRow\" @isInvalid={{this.isTextInvalid}} @error={{if this.isTextInvalid dateFormatError}}>\n        <EuiFieldText @isInvalid={{this.isTextInvalid}} @value={{this.textInputValue}} @compressed={{true}} {{on \"input\" this.triggerChange}} {{on \"change\" this.handleTextChange}}>\n          <:prepend as |classes|>\n            <EuiFormLabel class={{classes}}>\n              {{@labelPrefix}}\n            </EuiFormLabel>\n          </:prepend>\n        </EuiFieldText>\n      </EuiFormRow>\n    </Token>\n  </EuiI18n>\n</div>", {
       strictMode: true,
       scope: () => ({
         DatetimePicker,

package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n dateFormat?: string;\n timeFormat?: string;\n locale?: LocaleSpecifier;\n value: string;\n onChange: (value: string, event?: Event) => void;\n roundUp: boolean;\n position: 'start' \| 'end';\n labelPrefix: string;\n utcOffset?: number;\n}\n\nexport interface AbsoluteTabSignature {\n Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n @tracked isTextInvalid: boolean;\n @tracked textInputValue: string;\n @tracked valueAsMoment: Moment \| null;\n\n constructor(owner: Owner, args: AbsoluteTabArgs) {\n super(owner, args);\n\n const parsedValue = dateMath.parse(this.args.value, {\n roundUp: this.args.roundUp\n });\n const valueAsMoment =\n parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n const textInputValue = valueAsMoment\n .locale(this.args.locale \|\| 'en')\n .format(this.args.dateFormat);\n\n this.isTextInvalid = false;\n this.textInputValue = textInputValue;\n this.valueAsMoment = valueAsMoment;\n }\n\n @action\n handleChange(date: any, e: Event) {\n if (date === null) {\n return;\n }\n\n this.args.onChange(date.toISOString(), e);\n\n const valueAsMoment = moment(date);\n\n this.valueAsMoment = valueAsMoment;\n this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n this.isTextInvalid = false;\n }\n\n @action\n handleTextChange(e: Event) {\n const valueAsMoment = moment(\n (e.target as HTMLInputElement).value,\n this.args.dateFormat,\n true\n );\n const dateIsValid = valueAsMoment.isValid();\n\n if (dateIsValid) {\n this.args.onChange(valueAsMoment.toISOString(), e);\n }\n\n this.textInputValue = (e.target as HTMLInputElement).value;\n this.isTextInvalid = !dateIsValid;\n this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n }\n\n // `change` event on an input gets called after a `blur`\n // blur the input and focus again to trigger the change event\n // and call `handleTextChange` with the updated value\n // and keep the field focused\n @action\n triggerChange(e: Event) {\n (e.target as HTMLInputElement).blur();\n (e.target as HTMLInputElement).focus();\n }\n\n <template>\n <div>\n <DatetimePicker\n @onChange={{this.handleChange}}\n @dateFormat={{@dateFormat}}\n @selected={{this.valueAsMoment}}\n />\n <EuiI18n\n @token=\"euiAbsoluteTab.dateFormatError\"\n @default=\"Expected format: {dateFormat}\"\n @values={{hash dateFormat=@dateFormat}}\n as \|Token\|\n >\n <Token as \|dateFormatError\|>\n <EuiFormRow\n class=\"euiSuperDatePicker__absoluteDateFormRow\"\n @isInvalid={{this.isTextInvalid}}\n @error={{if this.isTextInvalid dateFormatError}}\n >\n <EuiFieldText\n @isInvalid={{this.isTextInvalid}}\n @value={{this.textInputValue}}\n @compressed={{true}}\n {{on \"input\" this.triggerChange}}\n {{on \"change\" this.handleTextChange}}\n >\n <:prepend as \|classes\|>\n <EuiFormLabel class={{classes}}>\n {{@labelPrefix}}\n </EuiFormLabel>\n </:prepend>\n </EuiFieldText>\n </EuiFormRow>\n </Token>\n </EuiI18n>\n </div>\n </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","~~void 0","~~constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":";;;;;;;;;;;;;;;;AAkCe,MAAMA,oBAAoBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAChDC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAqB,EAAE;AAC/C,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;IAEb,MAAMC,WAAA,GAAcC,SAASC,KAAK,CAAC,IAAI,CAACH,IAAI,CAACI,KAAK,EAAE;AAClDC,MAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACK;AACrB,KAAA,CAAA;AACA,IAAA,MAAMC,aACJ,GAAAL,WAAA,IAAeA,WAAY,CAAAM,OAAO,KAAKN,WAAc,GAAAO,MAAA,EAAA;IAEvD,MAAMC,iBAAiBH,aACpB,CAAAI,MAAM,CAAC,IAAI,CAACV,IAAI,CAACU,MAAM,IAAI,MAC3BC,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAE9B,IAAI,CAACC,aAAa,GAAG,KAAA;IACrB,IAAI,CAACJ,cAAc,GAAGA,cAAA;IACtB,IAAI,CAACH,aAAa,GAAGA,aAAA;AACvB;AAGAQ,EAAAA,YAAAA,CAAaC,IAAS,EAAEC,CAAQ,EAAE;IAChC,IAAID,SAAS,IAAM,EAAA;AACjB,MAAA;AACF;AAEA,IAAA,IAAI,CAACf,IAAI,CAACiB,QAAQ,CAACF,IAAA,CAAKG,WAAW,EAAI,EAAAF,CAAA,CAAA;AAEvC,IAAA,MAAMV,gBAAgBE,MAAO,CAAAO,IAAA,CAAA;IAE7B,IAAI,CAACT,aAAa,GAAGA,aAAA;AACrB,IAAA,IAAI,CAACG,cAAc,GAAGH,aAAc,CAAAK,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAC/D,IAAI,CAACC,aAAa,GAAG,KAAA;AACvB;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,~~CAAAzB~~,SAAA,EAAA,cAAA,EAAA,~~CAbC0B~~,MAAA,CAAA,CAAA;AAAA;EAgBDC,gBAAiBA,CAAAL,CAAQ,EAAE;AACzB,IAAA,MAAMV,aAAgB,GAAAE,MAAA,CACnBQ,CAAA,CAAEM,MAAM,CAAsBlB,KAAK,EACpC,IAAI,CAACJ,IAAI,CAACY,UAAU,EACpB,IAAA,CAAA;AAEF,IAAA,MAAMW,WAAA,GAAcjB,cAAcC,OAAO,EAAA;AAEzC,IAAA,IAAIgB,WAAa,EAAA;AACf,MAAA,IAAI,CAACvB,IAAI,CAACiB,QAAQ,CAACX,aAAA,CAAcY,WAAW,EAAI,EAAAF,CAAA,CAAA;AAClD;AAEA,IAAA,IAAI,CAACP,cAAc,GAAIO,EAAEM,MAAM,CAAsBlB,KAAK;AAC1D,IAAA,IAAI,CAACS,aAAa,GAAG,CAACU,WAAA;AACtB,IAAA,IAAI,CAACjB,aAAa,GAAGiB,WAAA,GAAcjB,aAAgB,GAAA,IAAA;AACrD;AAEA;AACA;AACA;AACA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,~~CAAAzB~~,SAAA,EAAA,kBAAA,EAAA,~~CArBC0B~~,MAAA,CAAA,CAAA;AAAA;EAuBDI,aAAcA,CAAAR,CAAQ,EAAE;AACrBA,IAAAA,CAAE,CAAAM,MAAM,CAAsBG,IAAI,EAAA;AAClCT,IAAAA,CAAE,CAAAM,MAAM,CAAsBI,KAAK,EAAA;AACtC;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,~~CAAAzB~~,SAAA,EAAA,eAAA,EAAA,~~CAJC0B~~,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAoCA,~~i8BAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;iBAAAC,gBAAA;QAAAC,IAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n dateFormat?: string;\n timeFormat?: string;\n locale?: LocaleSpecifier;\n value: string;\n onChange: (value: string, event?: Event) => void;\n roundUp: boolean;\n position: 'start' \| 'end';\n labelPrefix: string;\n utcOffset?: number;\n}\n\nexport interface AbsoluteTabSignature {\n Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n @tracked isTextInvalid: boolean;\n @tracked textInputValue: string;\n @tracked valueAsMoment: Moment \| null;\n\n constructor(owner: Owner, args: AbsoluteTabArgs) {\n super(owner, args);\n\n const parsedValue = dateMath.parse(this.args.value, {\n roundUp: this.args.roundUp\n });\n const valueAsMoment =\n parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n const textInputValue = valueAsMoment\n .locale(this.args.locale \|\| 'en')\n .format(this.args.dateFormat);\n\n this.isTextInvalid = false;\n this.textInputValue = textInputValue;\n this.valueAsMoment = valueAsMoment;\n }\n\n @action\n handleChange(date: any, e: Event) {\n if (date === null) {\n return;\n }\n\n this.args.onChange(date.toISOString(), e);\n\n const valueAsMoment = moment(date);\n\n this.valueAsMoment = valueAsMoment;\n this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n this.isTextInvalid = false;\n }\n\n @action\n handleTextChange(e: Event) {\n const valueAsMoment = moment(\n (e.target as HTMLInputElement).value,\n this.args.dateFormat,\n true\n );\n const dateIsValid = valueAsMoment.isValid();\n\n if (dateIsValid) {\n this.args.onChange(valueAsMoment.toISOString(), e);\n }\n\n this.textInputValue = (e.target as HTMLInputElement).value;\n this.isTextInvalid = !dateIsValid;\n this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n }\n\n // `change` event on an input gets called after a `blur`\n // blur the input and focus again to trigger the change event\n // and call `handleTextChange` with the updated value\n // and keep the field focused\n @action\n triggerChange(e: Event) {\n (e.target as HTMLInputElement).blur();\n (e.target as HTMLInputElement).focus();\n }\n\n <template>\n <div>\n <DatetimePicker\n @onChange={{this.handleChange}}\n @dateFormat={{@dateFormat}}\n @selected={{this.valueAsMoment}}\n />\n <EuiI18n\n @token=\"euiAbsoluteTab.dateFormatError\"\n @default=\"Expected format: {dateFormat}\"\n @values={{hash dateFormat=@dateFormat}}\n as \|Token\|\n >\n <Token as \|dateFormatError\|>\n <EuiFormRow\n class=\"euiSuperDatePicker__absoluteDateFormRow\"\n @isInvalid={{this.isTextInvalid}}\n @error={{if this.isTextInvalid dateFormatError}}\n >\n <EuiFieldText\n @isInvalid={{this.isTextInvalid}}\n @value={{this.textInputValue}}\n @compressed={{true}}\n {{on \"input\" this.triggerChange}}\n {{on \"change\" this.handleTextChange}}\n >\n <:prepend as \|classes\|>\n <EuiFormLabel class={{classes}}>\n {{@labelPrefix}}\n </EuiFormLabel>\n </:prepend>\n </EuiFieldText>\n </EuiFormRow>\n </Token>\n </EuiI18n>\n </div>\n </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":";;;;;;;;;;;;;;;;AAkCe,MAAMA,oBAAoBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAChDC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAqB,EAAE;AAC/C,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;IAEb,MAAMC,WAAA,GAAcC,SAASC,KAAK,CAAC,IAAI,CAACH,IAAI,CAACI,KAAK,EAAE;AAClDC,MAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACK;AACrB,KAAA,CAAA;AACA,IAAA,MAAMC,aACJ,GAAAL,WAAA,IAAeA,WAAY,CAAAM,OAAO,KAAKN,WAAc,GAAAO,MAAA,EAAA;IAEvD,MAAMC,iBAAiBH,aACpB,CAAAI,MAAM,CAAC,IAAI,CAACV,IAAI,CAACU,MAAM,IAAI,MAC3BC,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAE9B,IAAI,CAACC,aAAa,GAAG,KAAA;IACrB,IAAI,CAACJ,cAAc,GAAGA,cAAA;IACtB,IAAI,CAACH,aAAa,GAAGA,aAAA;AACvB;AAGAQ,EAAAA,YAAAA,CAAaC,IAAS,EAAEC,CAAQ,EAAE;IAChC,IAAID,SAAS,IAAM,EAAA;AACjB,MAAA;AACF;AAEA,IAAA,IAAI,CAACf,IAAI,CAACiB,QAAQ,CAACF,IAAA,CAAKG,WAAW,EAAI,EAAAF,CAAA,CAAA;AAEvC,IAAA,MAAMV,gBAAgBE,MAAO,CAAAO,IAAA,CAAA;IAE7B,IAAI,CAACT,aAAa,GAAGA,aAAA;AACrB,IAAA,IAAI,CAACG,cAAc,GAAGH,aAAc,CAAAK,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAC/D,IAAI,CAACC,aAAa,GAAG,KAAA;AACvB;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,cAAA,EAAA,CAbCyB,MAAA,CAAA,CAAA;AAAA;EAgBDC,gBAAiBA,CAAAL,CAAQ,EAAE;AACzB,IAAA,MAAMV,aAAgB,GAAAE,MAAA,CACnBQ,CAAA,CAAEM,MAAM,CAAsBlB,KAAK,EACpC,IAAI,CAACJ,IAAI,CAACY,UAAU,EACpB,IAAA,CAAA;AAEF,IAAA,MAAMW,WAAA,GAAcjB,cAAcC,OAAO,EAAA;AAEzC,IAAA,IAAIgB,WAAa,EAAA;AACf,MAAA,IAAI,CAACvB,IAAI,CAACiB,QAAQ,CAACX,aAAA,CAAcY,WAAW,EAAI,EAAAF,CAAA,CAAA;AAClD;AAEA,IAAA,IAAI,CAACP,cAAc,GAAIO,EAAEM,MAAM,CAAsBlB,KAAK;AAC1D,IAAA,IAAI,CAACS,aAAa,GAAG,CAACU,WAAA;AACtB,IAAA,IAAI,CAACjB,aAAa,GAAGiB,WAAA,GAAcjB,aAAgB,GAAA,IAAA;AACrD;AAEA;AACA;AACA;AACA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,kBAAA,EAAA,CArBCyB,MAAA,CAAA,CAAA;AAAA;EAuBDI,aAAcA,CAAAR,CAAQ,EAAE;AACrBA,IAAAA,CAAE,CAAAM,MAAM,CAAsBG,IAAI,EAAA;AAClCT,IAAAA,CAAE,CAAAM,MAAM,CAAsBI,KAAK,EAAA;AACtC;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,eAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAoCA,23BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;iBAAAC,gBAAA;QAAAC,IAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}