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

@ember-eui/core 13.0.5 → 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 (2392) hide show

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

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStatTitle = setComponentTemplate(precompileTemplate("\n  {{#if @titleElement}}\n    {{#let (element @titleElement) as |TitleElement|}}\n      <EuiTitle @size={{@titleSize}} ...attributes>\n        <TitleElement aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n          {{yield}}\n        </TitleElement>\n      </EuiTitle>\n    {{/let}}\n  {{else}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <p aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n        {{yield}}\n      </p>\n    </EuiTitle>\n  {{/if}}\n", {
+const EuiStatTitle = setComponentTemplate(precompileTemplate("{{#if @titleElement}}\n  {{#let (element @titleElement) as |TitleElement|}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <TitleElement aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n        {{yield}}\n      </TitleElement>\n    </EuiTitle>\n  {{/let}}\n{{else}}\n  <EuiTitle @size={{@titleSize}} ...attributes>\n    <p aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n      {{yield}}\n    </p>\n  </EuiTitle>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     element,

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepSignature {\n Element: HTMLDivElement;\n Args: {\n step: number;\n title: string;\n status?: 'incomplete' \| 'complete' \| 'disabled';\n titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' \| 'xxs' \| 'l'>;\n headingElement?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'p';\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiStep: TemplateOnlyComponent<EuiStepSignature> = <template>\n <div\n class={{classNames\n \"euiStep\"\n (if (eq @titleSize \"xs\") \"euiStep--small\")\n (if (eq @status \"disabled\") \"euiStep-isDisabled\")\n }}\n ...attributes\n >\n <div class=\"euiStep__titleWrapper\">\n <EuiStepNumber\n class={{classNames\n \"euiStep__circle\"\n (if (eq @titleSize \"xs\") \"euiStepNumber--small\")\n }}\n @number={{@step}}\n @status={{@status}}\n @titleSize={{argOrDefault @titleSize \"s\"}}\n @isHollow={{eq @status \"incomplete\"}}\n />\n <EuiTitle\n @size={{@titleSize}}\n @tagName={{argOrDefault @headingElement \"p\"}}\n class=\"euiStep__title\"\n >\n {{@title}}\n </EuiTitle>\n </div>\n <div class=\"euiStep__content\">\n {{yield}}\n </div>\n </div>\n</template>;\n\nexport default EuiStep;\n"],"names":["EuiStep","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiStepNumber","argOrDefault","EuiTitle","templateOnly"],"mappings":";;;;;;;;;~~AAwBA~~,MAAMA,~~OAAmD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAgCzD~~,~~8qBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStepsHorizontal = setComponentTemplate(precompileTemplate("\n    <ol class=\"euiStepsHorizontal\" ...attributes>\n      {{yield}}\n    </ol>\n  ", {
+/** 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~~,~~uFAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-steps-horizontal.js","sources":["../../src/components/eui-steps-horizontal.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+/** 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~~,~~uEAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-steps.js","sources":["../../src/components/eui-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSubSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSubSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+/** 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~~,~~0EAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-sub-steps.js","sources":["../../src/components/eui-sub-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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":";;;;;;;;;;;;AAUA,MAAMA,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS;AAAEC,IAAAA,IAAA,EAAM,KAAA;AAAOC,IAAAA,KAAA,EAAO,QAAA;AAAUC,IAAAA,OAAA,EAAS;GAA+B;AACjFC,EAAAA,KAAA,EAAO;AAAEH,IAAAA,IAAA,EAAM,qBAAA;AAAuBC,IAAAA,KAAA,EAAO,SAAA;AAAWC,IAAAA,OAAA,EAAS;AAAS;AAC5E,CAAA;;AAIA;;;AAGC;;AA4Bc,MAAME,wBAAwBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CACpDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAgB,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAChBC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;EAEzBC,WAAAA,CAAY,GAAGC,IAAuE,EAAE;IACtF,KAAK,CAAA,GAAIA,IAAA,CAAA;IACT,IAAI,CAACA,IAAI,CAACC,aAAa,GAAG,IAAI,CAACC,YAAY,CAAA;AAC7C,EAAA;EAEA,IAAIC,UAAAA,GAA+D;AACjE,IAAA,MAAMC,MAAA,GAAS,IAAI,CAACJ,IAAI,CAACI,MAAM;AAE/B,IAAA,OAAOA,WAAW,OAAA,IAAWA,MAAA,KAAW,YAAYjB,MAAM,CAACiB,OAAO,GAAGC,SAAA;AACvE,EAAA;EAEA,IAAId,OAAAA,GAA8B;IAChC,OAAO,IAAI,CAACS,IAAI,CAACM,cAAc,IAAI,IAAI,CAACH,UAAU,EAAEZ,OAAA;AACtD,EAAA;EAGAgB,OAAAA,CAAQC,KAAY,EAAQ;AAC1B,IAAA,IAAI,CAACC,KAAK,GAAID,MAAME,MAAM,CAAsBD,KAAK;AACrD,IAAA,IAAI,CAACE,aAAa,GAAG,IAAI,CAACF,KAAK,KAAK,EAAA;IACpC,IAAI,CAACT,IAAI,CAACY,SAAS,GAAG,IAAI,CAACH,KAAK,CAAA;AAClC,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAjB,SAAA,EAAA,SAAA,EAAA,CALCkB,MAAA,CAAA,CAAA;AAAA;AAQDZ,EAAAA,YAAAA,GAAqB;IACnB,IAAI,CAACS,aAAa,GAAG,KAAA;AACvB,EAAA;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAjB,SAAA,EAAA,cAAA,EAAA,CAHCkB,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6qCAAA,EAiDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;yBAAAC,wBAAA;QAAAC,IAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASN,KAAKO,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAOC,QAAQF,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAASP,IAAIM,CAAU,EAAEC,CAAU,EAAU;AAC3C,EAAA,OAAOC,QAAQF,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAASL,IAAII,CAAU,EAAEC,CAAU,EAAU;EAC3C,OAAOD,CAAA,KAAMC,CAAA;AACf;;"}

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 CHANGED Viewed

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