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

@ember-eui/core 14.0.0 → 14.1.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 (1738) hide show

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 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;;;;"}
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 /** Unique id, matched against `@selectedItem`. /\n id: string;\n /* Icon before the name; anything `EuiIcon`'s `@type` accepts. /\n icon?: string;\n /* Makes the item a button calling this function. /\n onClick?: () => void;\n /* Makes the item a link. /\n href?: string;\n /* Class for the item. /\n className?: string;\n /* `rel` of the link. /\n rel?: string;\n /* `target` of the link. /\n target?: string;\n /\n Nested items. An item with children but no `href`/`onClick` is a\n * section title; nested levels open while one of them is selected.\n /\n items?: Item[];\n /* @private Nesting level. /\n depth?: number;\n /* The item's text. /\n name?: string;\n /* @deprecated Has no effect. /\n renderItem?: unknown;\n /* @deprecated Has no effect, use the side nav's `@selectedItem`. /\n isSelected?: boolean;\n /* Disables the item. /\n disabled?: boolean;\n /* Truncates a long name instead of wrapping. /\n truncate?: boolean;\n /* Bolder style, e.g. for the top level. /\n emphasize?: boolean;\n /* Class for the item's button or link. /\n buttonClassName?: string;\n}\n\n/* A hierarchical navigation tree for a page's side bar. /\nexport interface EuiSideNavSignature {\n Element: HTMLDivElement \| HTMLUListElement \| HTMLElement;\n Args: {\n /\n Screen sizes showing the nav collapsed behind a toggle button.\n * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n /\n mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n /* Whether the collapsed (mobile) nav is open. /\n isOpenMobile?: boolean;\n /* Called by the mobile toggle button with the new open state. /\n toggleOpenOnMobile?: () => void;\n /* Heading above the items (and the toggle text on mobile). /\n heading?: string;\n /\n Props for the heading: `{ element: 'h2', id, className,\n * screenReaderOnly }`.\n /\n headingProps?: {\n element?: string;\n id?: string;\n className?: string;\n screenReaderOnly?: boolean;\n };\n /* Text of the mobile toggle button. Defaults to the heading. /\n mobileTitle?: string;\n /* The navigation tree, see `Item`. /\n items?: Item[];\n /* Id of the current item: it is highlighted and its parents open. /\n selectedItem?: string;\n };\n Blocks: {\n /* Unused. /\n default: [Item];\n /* Custom heading, instead of `@heading`. */\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":";;;;;;;;;;;;;;;;;;;AA2DA;AAwCe,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACnD,EAAA;EAEA,IAAIE,cAAAA,GAAiB;AACnB,IAAA,MAAMF,iBAAA,GAAoBG,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACJ,iBAAiB,CAAA,GAC1D,IAAI,CAACA,iBAAiB,GACtB,CAAC,IAAI,CAACA,iBAAiB,CAAC;AAE5B,IAAA,OAAO,uBAAuBA,iBAAA,CAC3BK,GAAG,GAAIC,cAAA,IAAA;MACN,OAAO,CAAA,0BAAA,EAA6BA,cAAA,CAAA,CAAgB;AACtD,IAAA,CAAA,CAAA,CACCC,KAAK,GAAA,CAAA,CAAA,CAAM;AAChB,EAAA;EAEA,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACR,iBAAiB,EAAES,MAAA,GAAS,CAAA;AAC1C,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mrIAAA,EAiKA;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-skip-link.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { concat } from '@ember/helper';
+import screenReaderOnly from '../modifiers/screen-reader-only.js';
+import EuiButton from './eui-button.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const EuiSkipLink = setComponentTemplate(precompileTemplate("<EuiButton class={{concat \"euiSkipLink euiSkipLink--\" (if @position @position \"static\")}} @href={{concat \"#\" @destinationId}} @size=\"s\" @fill={{true}} tabindex={{if (isFixed @position) 0 @tabIndex}} {{screenReaderOnly true}} ...attributes>\n  {{yield}}\n</EuiButton>", {
+  strictMode: true,
+  scope: () => ({
+    EuiButton,
+    concat,
+    isFixed,
+    screenReaderOnly
+  })
+}), templateOnly());
+function isFixed(position) {
+  return position === 'fixed';
+}
+export { EuiSkipLink as default };
+//# sourceMappingURL=eui-skip-link.js.map

package/dist/components/eui-skip-link.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-skip-link.js","sources":["../../src/components/eui-skip-link.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiButton from './eui-button.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A link for keyboard users to jump past repeated content (like the\n * header) to the main content. It is hidden until focused, so put it\n * first in the page.\n */\nexport interface EuiSkipLinkSignature {\n Element: HTMLElement;\n Args: {\n /**\n * Id of the element to jump to (without `#`), e.g. `'main-content'`.\n * Give that element `tabindex=\"-1\"` if it is not focusable itself.\n */\n destinationId: string;\n /**\n * Where the link shows when focused: `'static'` (in place),\n * `'fixed'` (top left of the viewport) or `'absolute'`. Defaults to\n * `'static'`.\n */\n position?: 'static' | 'fixed' | 'absolute';\n /** `tabindex` of the link; a fixed link always gets `0`. */\n tabIndex?: number;\n };\n Blocks: {\n /** The link text, e.g. \"Skip to main content\". */\n default: [];\n };\n}\n\nconst EuiSkipLink: TemplateOnlyComponent<EuiSkipLinkSignature> = <template>\n <EuiButton\n class={{concat \"euiSkipLink euiSkipLink--\" (if @position @position \"static\")}}\n @href={{concat \"#\" @destinationId}}\n @size=\"s\"\n @fill={{true}}\n tabindex={{if (isFixed @position) 0 @tabIndex}}\n {{screenReaderOnly true}}\n ...attributes\n >\n {{yield}}\n </EuiButton>\n</template>;\n\nfunction isFixed(position: string | undefined): boolean {\n return position === 'fixed';\n}\n\nexport default EuiSkipLink;\n"],"names":["EuiSkipLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButton","concat","isFixed","screenReaderOnly","templateOnly","position"],"mappings":";;;;;;;AAmCA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,oRAAA,EAYjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,SAAA;IAAAC,MAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;AAEV,SAASF,QAAQG,QAA4B,EAAU;EACrD,OAAOA,QAAA,KAAa,OAAA;AACtB;;"}

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~~,4GAAA,~~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\n/** Vertical space between elements. /\nexport interface EuiSpacerSignature {\n Element: HTMLDivElement;\n Args: {\n /\n `'xs'` (4px), `'s'` (8px), `'m'` (16px), `'l'` (24px), `'xl'` (32px)\n * or `'xxl'` (40px). Defaults to `'l'`.\n */\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":";;;;;;AAkBA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,4GAAA,EAK7D;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.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~~,gTAAA,~~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\n/** One section of an EuiSplitPanelOuter, e.g. a header or footer with its own color. /\nexport interface EuiSplitPanelInnerSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n /* Adds a shadow. Defaults to `false`. /\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n /* Background, any `EuiPanel` color. Defaults to `'transparent'`. /\n color?: EuiPanelSignature['Args']['color'];\n /* Border radius. Defaults to `'none'`. /\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n /* Adds a border. Defaults to `false`. /\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n /* Padding, any `EuiPanel` padding size. /\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n };\n Blocks: {\n /* The section's content. */\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":";;;;;;AA2BA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,gTAAA,EAYA;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.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~~,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~~;;;;~~"}
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\n/** A panel split into sections (`EuiSplitPanelInner`) with different colors or padding. /\nexport interface EuiSplitPanelOuterSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n /* `'column'` stacks the sections, `'row'` puts them side by side. Defaults to `'column'`. /\n direction?: 'column' \| 'row';\n /\n Screen sizes on which a `'row'` split panel stacks its sections.\n * Defaults to `['xs', 's']`; pass `false` to never stack.\n /\n responsive?: Named['sizes'];\n /* Grows to fill a flex parent. Defaults to `false`. /\n grow?: boolean;\n /* Padding of the outer panel. Defaults to `'none'`. /\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n /* Adds a shadow. /\n hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n /* Background, any `EuiPanel` color. /\n color?: EuiPanelSignature['Args']['color'];\n /* Border radius. /\n borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n /* Adds a border. /\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n };\n Blocks: {\n /* The `EuiSplitPanelInner` sections. */\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":";;;;;;;;;;AA0CA,MAAMA,aAAqB,GAAW,CAAC,IAAA,EAAM,GAAA,CAAI;AAEjD,MAAMC,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,gqBAAA,EA6BA;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.map CHANGED Viewed

	@@ -1 +1 @@
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~~;;;;~~"}
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\n/** @private The description of an EuiStat. /\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 /* The text. */\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":";;;;;;AAqBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,0aAAA,EAiBA;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.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~~,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~~;;;;~~"}
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\n/** @private The title of an EuiStat. /\nexport interface EuiStatTitleSignature {\n Element: any;\n Args: {\n /* Size, any `EuiTitle` size. /\n titleSize?: EuiTitleSignature['Args']['size'];\n /* A CSS color, when it is not one of the named colors. /\n titleColor?: string;\n /* Tag of the title. Defaults to `'p'`. /\n titleElement?: string;\n /* Whether `@titleColor` is a named color (a class). /\n isColorClass?: boolean;\n };\n Blocks: {\n /* The text. */\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":";;;;;;;;AA6BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0eAAA,EAsBnE;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.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~~,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~~;;;;~~"}
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\n/** A key number with a description, e.g. on a dashboard. /\nexport interface EuiStatSignature {\n Element: HTMLDivElement;\n Args: {\n /* `'left'`, `'center'` or `'right'`. Defaults to `'left'`. /\n textAlign?: keyof typeof textAlignMapping;\n /* The number or value, e.g. \"1,234\". Use the `<:title>` block for markup. /\n title?: string;\n /* What it measures, e.g. \"Total users\". Use the `<:description>` block for markup. /\n description?: string;\n /\n Color of the title: `'default'`, `'subdued'`, `'primary'`,\n * `'success'`, `'danger'`, `'accent'`, or any CSS color.\n * Defaults to `'default'`.\n /\n titleColor?: keyof typeof colorMapping;\n /* Size of the title, any `EuiTitle` size. Defaults to `'l'`. /\n titleSize?: EuiStatTitleSignature['Args']['titleSize'];\n /* Shows \"--\" instead of the title, e.g. while it loads. /\n isLoading?: boolean;\n /* Puts the title above the description. Defaults to `false`. /\n reverse?: boolean;\n /* @deprecated Has no effect. /\n screenReader?: boolean;\n /* Tag of the title. Defaults to `'p'`. /\n titleElement?: string;\n /* Tag of the description. Defaults to `'p'`. /\n descriptionElement?: EuiStatDescriptionSignature['Args']['descriptionElement'];\n };\n Blocks: {\n /* The title, instead of `@title`. /\n title: [];\n /* The description, instead of `@description`. /\n description: [];\n /* Extra content after the stat, e.g. a trend. */\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":";;;;;;;;;;;AAqDA,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,eAAA,GAAkBJ,MAAA,CACtB,CAAC,CAACK,KAAA,EAAOC,WAAA,CAAsD,KAAA;EAC7D,OAAO,OAAOD,KAAA,KAAU,QAAA,IAAY,OAAOC,WAAA,KAAgB,QAAA;AAC7D,CAAA,CAAA;AAGF,MAAMC,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,s+DAAA,EAgFzD;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.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~~,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~~;;;;~~"}
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\n/** One step of an EuiStepsHorizontal, a clickable button. /\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 `'complete'`, `'incomplete'`, `'disabled'`, `'loading'`,\n * `'warning'` or `'danger'`. Defaults to `'incomplete'`.\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":";;;;;;;;;;AAgDA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,k4BAAA,EA2CA;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.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~~,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~~;;;;~~"}
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\n/** The circle with a step's number or status icon. /\nexport interface EuiStepNumberSignature {\n Element: HTMLSpanElement;\n Args: {\n /\n The number of the step\n /\n number?: number \| string;\n /\n `'complete'`, `'incomplete'`, `'disabled'`, `'loading'`,\n * `'warning'` or `'danger'`; without one the number is shown.\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":";;;;;;;;;;AA0CA,MAAMA,WAAA,GAAcC,OAClB,CAAC,CAACC,UAAyD,KAGrDA,SAAA,KAAc,IAAA,GAAO,MAAM,GAAG,CAAA;AAGtC,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,s+BAAA,EA0CrE;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.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~~,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~~;;;;~~"}
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\n/** One step of an EuiSteps list. /\nexport interface EuiStepSignature {\n Element: HTMLDivElement;\n Args: {\n /* The step's number, shown in its circle. /\n step: number;\n /* The step's title. /\n title: string;\n /\n `'complete'` shows a check, `'incomplete'` a hollow circle,\n * `'disabled'` greys it out. Defaults to the number.\n /\n status?: 'incomplete' \| 'complete' \| 'disabled';\n /* Size of the title: `'xs'`, `'s'` or `'m'`. Defaults to `'s'`. /\n titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' \| 'xxs' \| 'l'>;\n /* Tag of the title, e.g. `'h3'`. Defaults to `'p'`. /\n headingElement?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'p';\n };\n Blocks: {\n /* The step's instructions, e.g. text, code blocks or EuiSubSteps. */\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":";;;;;;;;;AAkCA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,opBAAA,EAgCzD;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,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
+/** A horizontal progress of steps (`EuiStepHorizontal`), e.g. a wizard's header. */
 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~~,qEAAA,~~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\n/** A horizontal progress of steps (`EuiStepHorizontal`), e.g. a wizard's header. /\nexport interface EuiStepsHorizontalSignature {\n Element: HTMLOListElement;\n Blocks: {\n /* The `EuiStepHorizontal`s. */\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":";;;;AAEA;AASA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,qEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
+/** A vertical list of numbered steps (`EuiStep`), e.g. setup instructions. */
 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~~,6DAAA,~~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\n/** A vertical list of numbered steps (`EuiStep`), e.g. setup instructions. /\nexport interface EuiStepsSignature {\n Element: HTMLDivElement;\n Args: {};\n Blocks: {\n /* The `EuiStep`s. */\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":";;;;AAEA;AAUA,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,6DAAA,EAI3D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
+/** A shaded box inside an EuiStep for nested instructions. */
 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~~,gEAAA,~~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\n/** A shaded box inside an EuiStep for nested instructions. /\nexport interface EuiSubStepsSignature {\n Element: HTMLDivElement;\n Blocks: {\n /* The content. */\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":";;;;AAEA;AASA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,gEAAA,EAIjE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-suggest-input.js ADDED Viewed

@@ -0,0 +1,96 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import EuiFieldText from './eui-field-text.js';
+import EuiIcon from './eui-icon.js';
+import EuiInputPopoverComponent from './eui-input-popover.js';
+import EuiToolTip from './eui-tool-tip.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+const STATUS = {
+  unsaved: {
+    icon: 'dot',
+    color: 'accent',
+    tooltip: 'Changes have not been saved.'
+  },
+  saved: {
+    icon: 'checkInCircleFilled',
+    color: 'success',
+    tooltip: 'Saved.'
+  }
+};
+/**
+ * The text field of an `EuiSuggest`, opening a popover with the
+ * suggestions while it has text. Usually rendered for you by `EuiSuggest`.
+ */
+class EuiSuggestInput extends Component {
+  static {
+    g(this.prototype, "value", [tracked], function () {
+      return '';
+    });
+  }
+  #value = (i(this, "value"), void 0);
+  static {
+    g(this.prototype, "isPopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isPopoverOpen = (i(this, "isPopoverOpen"), void 0);
+  constructor(...args) {
+    super(...args);
+    this.args.registerClose?.(this.closePopover);
+  }
+  get statusIcon() {
+    const status = this.args.status;
+    return status === 'saved' || status === 'unsaved' ? STATUS[status] : undefined;
+  }
+  get tooltip() {
+    return this.args.tooltipContent ?? this.statusIcon?.tooltip;
+  }
+  onInput(event) {
+    this.value = event.target.value;
+    this.isPopoverOpen = this.value !== '';
+    this.args.sendValue?.(this.value);
+  }
+  static {
+    n(this.prototype, "onInput", [action]);
+  }
+  closePopover() {
+    this.isPopoverOpen = false;
+  }
+  static {
+    n(this.prototype, "closePopover", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiInputPopover class=\"euiSuggestInput\" @isOpen={{and2 @hasSuggestions this.isPopoverOpen}} @closePopover={{this.closePopover}} @panelPaddingSize=\"none\" @fullWidth={{true}} @disableFocusTrap={{true}}>\n  <:input>\n    {{#if (or2 this.statusIcon (has-block \"append\"))}}\n      <EuiFieldText @value={{this.value}} @fullWidth={{true}} @isLoading={{eq2 @status \"loading\"}} @placeholder={{@placeholder}} {{on \"input\" this.onInput}} ...attributes>\n        <:append as |className|>\n          <div class={{className}}>\n            {{#if this.statusIcon}}\n              <EuiToolTip @position=\"left\" @content={{this.tooltip}}>\n                <EuiIcon class=\"euiSuggestInput__statusIcon\" @type={{this.statusIcon.icon}} @color={{this.statusIcon.color}} />\n              </EuiToolTip>\n            {{/if}}\n            {{yield to=\"append\"}}\n          </div>\n        </:append>\n      </EuiFieldText>\n    {{else}}\n      <EuiFieldText @value={{this.value}} @fullWidth={{true}} @isLoading={{eq2 @status \"loading\"}} @placeholder={{@placeholder}} {{on \"input\" this.onInput}} ...attributes />\n    {{/if}}\n  </:input>\n  <:content>\n    {{yield}}\n  </:content>\n</EuiInputPopover>", {
+      strictMode: true,
+      scope: () => ({
+        EuiInputPopover: EuiInputPopoverComponent,
+        and2,
+        or2,
+        EuiFieldText,
+        eq2,
+        on,
+        EuiToolTip,
+        EuiIcon
+      })
+    }), this);
+  }
+}
+function and2(a, b) {
+  return Boolean(a && b);
+}
+function or2(a, b) {
+  return Boolean(a || b);
+}
+function eq2(a, b) {
+  return a === b;
+}
+export { EuiSuggestInput as default };
+//# sourceMappingURL=eui-suggest-input.js.map

package/dist/components/eui-suggest-input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-suggest-input.js","sources":["../../src/components/eui-suggest-input.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport EuiFieldText from './eui-field-text.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nconst STATUS = {\n unsaved: { icon: 'dot', color: 'accent', tooltip: 'Changes have not been saved.' },\n saved: { icon: 'checkInCircleFilled', color: 'success', tooltip: 'Saved.' }\n} as const;\n\nexport type EuiSuggestStatus = 'unchanged' | 'unsaved' | 'saved' | 'loading';\n\n/**\n * The text field of an `EuiSuggest`, opening a popover with the\n * suggestions while it has text. Usually rendered for you by `EuiSuggest`.\n */\nexport interface EuiSuggestInputSignature {\n Element: HTMLInputElement;\n Args: {\n /** Whether there are suggestions to show (the popover opens only then). */\n hasSuggestions: boolean;\n /**\n * `'unsaved'` (dot), `'saved'` (check), `'loading'` (spinner) or\n * `'unchanged'` (nothing). Defaults to `'unchanged'`.\n */\n status?: EuiSuggestStatus;\n /** Tooltip of the status icon, instead of \"Saved.\" / \"Changes have not been saved.\". */\n tooltipContent?: string;\n /** Called with the field's text on every change. */\n sendValue?: (value: string) => void;\n /** Placeholder of the field. */\n placeholder?: string;\n /** @private Closes the popover (set after a suggestion is clicked). */\n registerClose?: (close: () => void) => void;\n };\n Blocks: {\n /** The suggestions, shown in the popover. */\n default: [];\n /** Content after the field (and the status icon). */\n append: [];\n };\n}\n\nexport default class EuiSuggestInput extends Component<EuiSuggestInputSignature> {\n @tracked value = '';\n @tracked isPopoverOpen = false;\n\n constructor(...args: ConstructorParameters<typeof Component<EuiSuggestInputSignature>>) {\n super(...args);\n this.args.registerClose?.(this.closePopover);\n }\n\n get statusIcon(): (typeof STATUS)[keyof typeof STATUS] | undefined {\n const status = this.args.status;\n\n return status === 'saved' || status === 'unsaved' ? STATUS[status] : undefined;\n }\n\n get tooltip(): string | undefined {\n return this.args.tooltipContent ?? this.statusIcon?.tooltip;\n }\n\n @action\n onInput(event: Event): void {\n this.value = (event.target as HTMLInputElement).value;\n this.isPopoverOpen = this.value !== '';\n this.args.sendValue?.(this.value);\n }\n\n @action\n closePopover(): void {\n this.isPopoverOpen = false;\n }\n\n <template>\n <EuiInputPopover\n class=\"euiSuggestInput\"\n @isOpen={{and2 @hasSuggestions this.isPopoverOpen}}\n @closePopover={{this.closePopover}}\n @panelPaddingSize=\"none\"\n @fullWidth={{true}}\n @disableFocusTrap={{true}}\n >\n <:input>\n {{#if (or2 this.statusIcon (has-block \"append\"))}}\n <EuiFieldText\n @value={{this.value}}\n @fullWidth={{true}}\n @isLoading={{eq2 @status \"loading\"}}\n @placeholder={{@placeholder}}\n {{on \"input\" this.onInput}}\n ...attributes\n >\n <:append as |className|>\n <div class={{className}}>\n {{#if this.statusIcon}}\n <EuiToolTip @position=\"left\" @content={{this.tooltip}}>\n <EuiIcon\n class=\"euiSuggestInput__statusIcon\"\n @type={{this.statusIcon.icon}}\n @color={{this.statusIcon.color}}\n />\n </EuiToolTip>\n {{/if}}\n {{yield to=\"append\"}}\n </div>\n </:append>\n </EuiFieldText>\n {{else}}\n <EuiFieldText\n @value={{this.value}}\n @fullWidth={{true}}\n @isLoading={{eq2 @status \"loading\"}}\n @placeholder={{@placeholder}}\n {{on \"input\" this.onInput}}\n ...attributes\n />\n {{/if}}\n </:input>\n <:content>\n {{yield}}\n </:content>\n </EuiInputPopover>\n </template>\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n return Boolean(a && b);\n}\n\nfunction or2(a: unknown, b: unknown): boolean {\n return Boolean(a || b);\n}\n\nfunction eq2(a: unknown, b: unknown): boolean {\n return a === b;\n}\n"],"names":["STATUS","unsaved","icon","color","tooltip","saved","EuiSuggestInput","Component","g","prototype","tracked","i","constructor","args","registerClose","closePopover","statusIcon","status","undefined","tooltipContent","onInput","event","value","target","isPopoverOpen","sendValue","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInputPopover","and2","or2","EuiFieldText","eq2","on","EuiToolTip","EuiIcon","a","b","Boolean"],"mappings":"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"}

package/dist/components/eui-suggest-item.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { on } from '@ember/modifier';
+import { element } from 'ember-element-helper';
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const TINTS = ['tint0', 'tint1', 'tint2', 'tint3', 'tint4', 'tint5', 'tint6', 'tint7', 'tint8', 'tint9', 'tint10'];
+/**
+ * One suggestion of an `EuiSuggest`: a colored type icon, a label and an
+ * optional description. With `@onClick` it is a button.
+ */
+function typeClass(type) {
+  return type.color && TINTS.includes(type.color) ? `euiSuggestItem__type euiSuggestItem__type--${type.color}` : 'euiSuggestItem__type';
+}
+function labelClass(labelDisplay = 'fixed', labelWidth = '50', description) {
+  const display = description ? labelDisplay : 'expand';
+  return ['euiSuggestItem__label', `euiSuggestItem__labelDisplay--${display}`, labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`].filter(Boolean).join(' ');
+}
+function noop() {}
+const EuiSuggestItem = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n  <Tag class=\"euiSuggestItem {{if @onClick \"euiSuggestItem-isClickable\"}}\" type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class={{typeClass @type}}>\n      <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n    </span>\n    <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n    {{#if @description}}\n      <span class=\"euiSuggestItem__description euiSuggestItem__description--{{if @descriptionDisplay @descriptionDisplay \"truncate\"}}\">{{@description}}</span>\n    {{/if}}\n  </Tag>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    on,
+    noop,
+    typeClass,
+    EuiIcon,
+    labelClass
+  })
+}), templateOnly());
+export { EuiSuggestItem as default };
+//# sourceMappingURL=eui-suggest-item.js.map

package/dist/components/eui-suggest-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-suggest-item.js","sources":["../../src/components/eui-suggest-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst TINTS = [\n 'tint0',\n 'tint1',\n 'tint2',\n 'tint3',\n 'tint4',\n 'tint5',\n 'tint6',\n 'tint7',\n 'tint8',\n 'tint9',\n 'tint10'\n];\n\nexport interface EuiSuggestItemType {\n /** Icon of the suggestion's type, e.g. `'kqlField'` or `'search'`. */\n iconType: EuiIconSignature['Args']['type'];\n /** `'tint0'` to `'tint10'`, the color behind the icon. */\n color?: string;\n}\n\n/**\n * One suggestion of an `EuiSuggest`: a colored type icon, a label and an\n * optional description. With `@onClick` it is a button.\n */\nexport interface EuiSuggestItemSignature {\n Element: HTMLButtonElement | HTMLDivElement;\n Args: {\n /** The suggestion's type: its icon and color. */\n type: EuiSuggestItemType;\n /** The suggestion. */\n label: string;\n /** More about it, after the label. */\n description?: string;\n /**\n * `'fixed'` keeps the label at `@labelWidth`; `'expand'` lets it take\n * the space it needs. Defaults to `'fixed'` (`'expand'` without a\n * description).\n */\n labelDisplay?: 'fixed' | 'expand';\n /** Width of the label in percent, `'20'` to `'90'` by tens. Defaults to `'50'`. */\n labelWidth?: '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';\n /** `'truncate'` or `'wrap'` a long description. Defaults to `'truncate'`. */\n descriptionDisplay?: 'truncate' | 'wrap';\n /** Makes it a button. */\n onClick?: (event: MouseEvent) => void;\n };\n}\n\nfunction typeClass(type: EuiSuggestItemType): string {\n return type.color && TINTS.includes(type.color)\n ? `euiSuggestItem__type euiSuggestItem__type--${type.color}`\n : 'euiSuggestItem__type';\n}\n\nfunction labelClass(labelDisplay = 'fixed', labelWidth = '50', description?: string): string {\n const display = description ? labelDisplay : 'expand';\n\n return [\n 'euiSuggestItem__label',\n `euiSuggestItem__labelDisplay--${display}`,\n labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`\n ]\n .filter(Boolean)\n .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiSuggestItem: TemplateOnlyComponent<EuiSuggestItemSignature> = <template>\n {{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n <Tag\n class=\"euiSuggestItem {{if @onClick 'euiSuggestItem-isClickable'}}\"\n type={{if @onClick \"button\"}}\n {{on \"click\" (if @onClick @onClick noop)}}\n ...attributes\n >\n <span class={{typeClass @type}}>\n <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n </span>\n <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n {{#if @description}}\n <span\n class=\"euiSuggestItem__description euiSuggestItem__description--{{if\n @descriptionDisplay\n @descriptionDisplay\n 'truncate'\n }}\"\n >{{@description}}</span>\n {{/if}}\n </Tag>\n {{/let}}\n</template>;\n\nexport default EuiSuggestItem;\n"],"names":["TINTS","typeClass","type","color","includes","labelClass","labelDisplay","labelWidth","description","display","filter","Boolean","join","noop","EuiSuggestItem","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","EuiIcon","templateOnly"],"mappings":";;;;;;;AASA,MAAMA,KAAA,GAAQ,CACZ,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,QAAA,CACD;;AASD;;;AAGC;;AAyBD,SAASC,SAAAA,CAAUC,IAAwB,EAAS;AAClD,EAAA,OAAOA,IAAA,CAAKC,KAAK,IAAIH,KAAA,CAAMI,QAAQ,CAACF,IAAA,CAAKC,KAAK,CAAA,GAC1C,CAAA,2CAAA,EAA8CD,IAAA,CAAKC,KAAK,CAAA,CAAE,GAC1D,sBAAA;AACN;AAEA,SAASE,UAAAA,CAAWC,YAAA,GAAe,OAAO,EAAEC,UAAA,GAAa,IAAI,EAAEC,WAAoB,EAAS;AAC1F,EAAA,MAAMC,OAAA,GAAUD,cAAcF,YAAA,GAAe,QAAA;EAE7C,OAAO,CACL,uBAAA,EACA,CAAA,8BAAA,EAAiCG,OAAA,EAAS,EAC1CH,YAAA,KAAiB,OAAA,IAAW,CAAA,4BAAA,EAA+BC,UAAA,CAAA,CAAY,CACxE,CACEG,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,opBAAA,EAuBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,EAAA;IAAAP,IAAA;IAAAZ,SAAA;IAAAoB,OAAA;AAAAhB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAiB,YAAA,EAAA;;"}

package/dist/components/eui-suggest.js ADDED Viewed

@@ -0,0 +1,38 @@
+import Component from '@glimmer/component';
+import { fn } from '@ember/helper';
+import { action } from '@ember/object';
+import EuiSuggestInput from './eui-suggest-input.js';
+import EuiSuggestItem from './eui-suggest-item.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+class EuiSuggest extends Component {
+  closePopover;
+  registerClose(close) {
+    this.closePopover = close;
+  }
+  static {
+    n(this.prototype, "registerClose", [action]);
+  }
+  onItemClick(item) {
+    this.args.onItemClick?.(item);
+    this.closePopover?.();
+  }
+  static {
+    n(this.prototype, "onItemClick", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div>\n  {{#if (has-block \"append\")}}\n    <EuiSuggestInput @hasSuggestions={{if @suggestions.length true false}} @status={{@status}} @tooltipContent={{@tooltipContent}} @sendValue={{@onInputChange}} @placeholder={{@placeholder}} @registerClose={{this.registerClose}} ...attributes>\n      <:default>\n        {{#each @suggestions as |item|}}\n          <EuiSuggestItem @type={{item.type}} @label={{item.label}} @description={{item.description}} @labelWidth={{item.labelWidth}} @descriptionDisplay={{item.descriptionDisplay}} @onClick={{if @onItemClick (fn this.onItemClick item)}} />\n        {{/each}}\n      </:default>\n      <:append>{{yield to=\"append\"}}</:append>\n    </EuiSuggestInput>\n  {{else}}\n    <EuiSuggestInput @hasSuggestions={{if @suggestions.length true false}} @status={{@status}} @tooltipContent={{@tooltipContent}} @sendValue={{@onInputChange}} @placeholder={{@placeholder}} @registerClose={{this.registerClose}} ...attributes>\n      {{#each @suggestions as |item|}}\n        <EuiSuggestItem @type={{item.type}} @label={{item.label}} @description={{item.description}} @labelWidth={{item.labelWidth}} @descriptionDisplay={{item.descriptionDisplay}} @onClick={{if @onItemClick (fn this.onItemClick item)}} />\n      {{/each}}\n    </EuiSuggestInput>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiSuggestInput,
+        EuiSuggestItem,
+        fn
+      })
+    }), this);
+  }
+}
+export { EuiSuggest as default };
+//# sourceMappingURL=eui-suggest.js.map

package/dist/components/eui-suggest.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-suggest.js","sources":["../../src/components/eui-suggest.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport EuiSuggestInput from './eui-suggest-input.gts';\nimport EuiSuggestItem from './eui-suggest-item.gts';\n\nimport type { EuiSuggestStatus } from './eui-suggest-input';\nimport type { EuiSuggestItemSignature } from './eui-suggest-item';\n\nexport interface EuiSuggestion {\n /** The suggestion's type: `{ iconType, color }` (`'tint0'`–`'tint10'`). */\n type: EuiSuggestItemSignature['Args']['type'];\n /** The suggestion. */\n label: string;\n /** More about it. */\n description?: string;\n /** Width of the label in percent. Defaults to `'50'`. */\n labelWidth?: EuiSuggestItemSignature['Args']['labelWidth'];\n /** `'truncate'` or `'wrap'` the description. */\n descriptionDisplay?: EuiSuggestItemSignature['Args']['descriptionDisplay'];\n [key: string]: unknown;\n}\n\n/**\n * A text field that suggests values as you type (fields, saved queries,\n * recent searches), with an optional save status. You filter the\n * suggestions from the typed text (`@onInputChange`) and handle the\n * chosen one (`@onItemClick`).\n */\nexport interface EuiSuggestSignature {\n Element: HTMLInputElement;\n Args: {\n /** The suggestions to show. */\n suggestions: EuiSuggestion[];\n /** Called with the clicked suggestion. */\n onItemClick?: (item: EuiSuggestion) => void;\n /** Called with the field's text on every change. */\n onInputChange?: (value: string) => void;\n /**\n * `'unsaved'`, `'saved'`, `'loading'` or `'unchanged'`. Defaults to\n * `'unchanged'`.\n */\n status?: EuiSuggestStatus;\n /** Tooltip of the status icon. */\n tooltipContent?: string;\n /** Placeholder of the field. */\n placeholder?: string;\n };\n Blocks: {\n /** Content after the field, e.g. a button. */\n append: [];\n };\n}\n\nexport default class EuiSuggest extends Component<EuiSuggestSignature> {\n closePopover?: () => void;\n\n @action\n registerClose(close: () => void): void {\n this.closePopover = close;\n }\n\n @action\n onItemClick(item: EuiSuggestion): void {\n this.args.onItemClick?.(item);\n this.closePopover?.();\n }\n\n <template>\n <div>\n {{#if (has-block \"append\")}}\n <EuiSuggestInput\n @hasSuggestions={{if @suggestions.length true false}}\n @status={{@status}}\n @tooltipContent={{@tooltipContent}}\n @sendValue={{@onInputChange}}\n @placeholder={{@placeholder}}\n @registerClose={{this.registerClose}}\n ...attributes\n >\n <:default>\n {{#each @suggestions as |item|}}\n <EuiSuggestItem\n @type={{item.type}}\n @label={{item.label}}\n @description={{item.description}}\n @labelWidth={{item.labelWidth}}\n @descriptionDisplay={{item.descriptionDisplay}}\n @onClick={{if @onItemClick (fn this.onItemClick item)}}\n />\n {{/each}}\n </:default>\n <:append>{{yield to=\"append\"}}</:append>\n </EuiSuggestInput>\n {{else}}\n <EuiSuggestInput\n @hasSuggestions={{if @suggestions.length true false}}\n @status={{@status}}\n @tooltipContent={{@tooltipContent}}\n @sendValue={{@onInputChange}}\n @placeholder={{@placeholder}}\n @registerClose={{this.registerClose}}\n ...attributes\n >\n {{#each @suggestions as |item|}}\n <EuiSuggestItem\n @type={{item.type}}\n @label={{item.label}}\n @description={{item.description}}\n @labelWidth={{item.labelWidth}}\n @descriptionDisplay={{item.descriptionDisplay}}\n @onClick={{if @onItemClick (fn this.onItemClick item)}}\n />\n {{/each}}\n </EuiSuggestInput>\n {{/if}}\n </div>\n </template>\n}\n"],"names":["EuiSuggest","Component","closePopover","registerClose","close","n","prototype","action","onItemClick","item","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiSuggestInput","EuiSuggestItem","fn"],"mappings":";;;;;;;;;AAuDe,MAAMA,mBAAmBC,SAAA,CAAU;EAChDC,YAAA;EAGAC,aAAAA,CAAcC,KAAiB,EAAQ;IACrC,IAAI,CAACF,YAAY,GAAGE,KAAA;AACtB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAMDC,WAAAA,CAAYC,IAAmB,EAAQ;AACrC,IAAA,IAAI,CAACC,IAAI,CAACF,WAAW,GAAGC,IAAA,CAAA;IACxB,IAAI,CAACP,YAAY,IAAA;AACnB,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAJCC,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,ixCAAA,EAiDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;QAAAC,cAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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","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~~;;;;~~"}
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 /** moment format of absolute dates. /\n dateFormat?: string;\n /* moment format of times. /\n timeFormat?: string;\n /* moment locale. /\n locale?: LocaleSpecifier;\n /* The date (date math or ISO date). /\n value: string;\n /* Called with the new value. /\n onChange: (value: string, event?: Event) => void;\n /* Rounds relative dates up (for the end of a range). /\n roundUp: boolean;\n /* `'start'` or `'end'` of the range. /\n position: 'start' \| 'end';\n /* Prefix of the input labels, e.g. \"Start date\". /\n labelPrefix: string;\n /* UTC offset in minutes. /\n utcOffset?: number;\n}\n\n/* @private The \"Absolute\" tab of the date popover. */\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":"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"}