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-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport svgJar from 'ember-svg-jar/helpers/svg-jar';\nimport { and, not } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport {\n colorToClassMap,\n typeToPathMap\n} from '../utils/css-mappings/eui-icon.ts';\nimport { keysOf } from './common.ts';\n\nimport type EuiConfigService from '../services/eui-config';\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-icon.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType \| string \| ComponentLike;\n\nexport const COLORS: NamedColor[] = keysOf(colorToClassMap);\n\ntype NamedColor = keyof typeof colorToClassMap;\n\nfunction isNamedColor(name: NamedColor \| string): name is NamedColor {\n return Object.prototype.hasOwnProperty.call(colorToClassMap, name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string \| NamedColor;\n\nexport type IconSize = keyof typeof sizeToClassNameMap;\n\nexport type EuiIconArgs = CommonArgs & {\n /*\n `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n /\n type: IconType;\n\n /\n One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n * Note that coloring only works if your SVG is removed of fill attributes.\n /\n color?: IconColor;\n /\n Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n /\n size?: IconSize;\n\n /\n If the type is not a named eui icon, render as Svg, not as img.\n /\n useSvg?: boolean;\n\n /\n Descriptive title for naming the icon based on its use\n /\n title?: string;\n /\n A unique identifier for the title element\n /\n titleId?: string;\n\n tabIndex?: unknown;\n\n /\n Its value should be one or more element IDs\n /\n 'aria-labelledby'?: string;\n\n /\n Callback when the icon has been loaded & rendered\n /\n onIconLoad?: () => void;\n\n /\n When you want to render a component instead of an SVG\n /\n useComponent?: boolean;\n\n /\n Classes to pass to the icon\n */\n iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n Element: HTMLImageElement \| Element;\n Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n return (\n typeof x === 'string' &&\n Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n );\n}\n\nexport default class EuiIcon extends Component<EuiIconSignature> {\n @service declare euiConfig: EuiConfigService;\n\n @argOrDefaultDecorator('m') size!: IconSize;\n\n get useImage(): boolean {\n const { type } = this.args;\n\n return typeof type === 'string' && !isEuiIconType(type) && !this.useSvg;\n }\n\n get useSvg(): boolean {\n return (\n this.args.useSvg ??\n (this.euiConfig.getConfig('euiIcon.useSvg') as boolean) ??\n false\n );\n }\n\n get icon(): IconType \| ComponentLike \| undefined {\n const { type } = this.args;\n\n if (type === null) {\n return undefined;\n }\n\n //We should probably find a better way to always\n if (isEuiIconType(type)) {\n return this.getEuiIconSvgPath(type);\n }\n\n if (typeof type === 'string') {\n return type;\n }\n\n return undefined;\n }\n\n get emptyIcon(): string {\n return this.getEuiIconSvgPath('empty');\n }\n\n getEuiIconSvgPath(type: EuiIconType): string {\n return typeToPathMap[type];\n }\n\n get isAppIcon(): string \| boolean {\n const { type } = this.args;\n\n return (\n type &&\n typeof type === 'string' &&\n (/.+App$/.test(type) \|\| /.+Job$/.test(type) \|\| type === 'dataVisualizer')\n );\n }\n\n get appIconHasColor() {\n return this.args.color && this.args.color !== 'default';\n }\n\n get focusable(): string {\n const { tabIndex } = this.args;\n\n return tabIndex == null \|\| tabIndex === -1 ? 'false' : 'true';\n }\n\n get optionalCustomStyles(): ReturnType<typeof htmlSafe> \| string {\n const { color } = this.args;\n\n if (color && typeof color === 'string') {\n if (!isNamedColor(color)) {\n return htmlSafe(`fill: ${color}`);\n }\n }\n\n return '';\n }\n\n get optionalColorClass(): NamedColor \| string {\n const { color } = this.args;\n\n if (color && typeof color === 'string') {\n if (isNamedColor(color)) {\n return colorToClassMap[color];\n } else {\n return 'euiIcon--customColor';\n }\n }\n\n return '';\n }\n\n // If it's an empty icon, or if there is no aria-label, aria-labelledby, or title it gets aria-hidden true\n get isAriaHidden(): boolean {\n const { icon } = this;\n\n return (\n icon === 'empty' \|\|\n !(this.args['aria-label'], this.args['aria-labelledby'], this.args.title)\n );\n }\n\n get titleId(): string \| undefined {\n const { title } = this.args;\n let titleId;\n\n // If no aria-label or aria-labelledby is provided but there's a title, a titleId is generated\n // The svg aria-labelledby attribute gets this titleId\n // The svg title element gets this titleId as an id\n if (!this.args['aria-label'] && !this.args['aria-labelledby'] && title) {\n titleId = guidFor({});\n }\n\n return titleId;\n }\n\n get iconAsString(): string \| undefined {\n if (this.icon) {\n return this.icon as any as string;\n }\n\n return undefined;\n }\n\n <template>\n {{#if @useComponent}}\n {{!@glint-expect-error}}\n {{#let (component @type) as \|IconComponent\|}}\n {{!template-lint-disable}}\n <IconComponent\n class={{classNames\n @iconClasses\n this.optionalColorClass\n (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n componentName=\"EuiIcon\"\n size=this.size\n }}\n role=\"image\"\n aria-hidden={{if this.isAriaHidden \"true\"}}\n aria-label={{if @aria-label @aria-label this.titleId}}\n aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n {{! @glint-expect-error }}\n tabindex={{@tabIndex}}\n style={{this.optionalCustomStyles}}\n color={{@color}}\n ...attributes\n />\n {{/let}}\n {{else}}\n {{#if this.useImage}}\n <img\n {{! @glint-expect-error }}\n src={{this.icon}}\n class={{classNames\n @iconClasses\n this.optionalColorClass\n (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n componentName=\"EuiIcon\"\n size=this.size\n }}\n color={{@color}}\n alt={{if @title @title}}\n {{! @glint-expect-error }}\n tabIndex={{@tabIndex}}\n ...attributes\n />\n {{else}}\n {{#if this.iconAsString}}\n {{svgJar\n this.iconAsString\n class=(classNames\n @iconClasses\n this.optionalColorClass\n (if\n (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\"\n )\n componentName=\"EuiIcon\"\n size=this.size\n )\n color=@color\n role=\"image\"\n aria-hidden=(if this.isAriaHidden \"true\")\n aria-label=(if @aria-label @aria-label this.titleId)\n aria-labelledby=(if @aria-labelledby @aria-labelledby this.titleId)\n tabindex=@tabIndex\n style=this.optionalCustomStyles\n }}\n {{/if}}\n {{/if}}\n {{/if}}\n </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","colorToClassMap","isNamedColor","name","Object","prototype","hasOwnProperty","call","isEuiIconType","x","EuiIcon","Component","g","service","i","void 0","argOrDefaultDecorator","useImage","type","args","useSvg","euiConfig","getConfig","icon","undefined","getEuiIconSvgPath","emptyIcon","isAppIcon","test","appIconHasColor","color","focusable","tabIndex","optionalCustomStyles","htmlSafe","optionalColorClass","isAriaHidden","title","titleId","guidFor","iconAsString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not","svgJar"],"mappings":"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"}
1	+ {"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icons.ts';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport {\n colorToClassMap,\n typeToPathMap\n} from '../utils/css-mappings/eui-icon.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icons.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-icon.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType \| string \| ComponentLike;\n\nexport const COLORS: NamedColor[] = keysOf(colorToClassMap);\n\ntype NamedColor = keyof typeof colorToClassMap;\n\nfunction isNamedColor(name: NamedColor \| string): name is NamedColor {\n return Object.prototype.hasOwnProperty.call(colorToClassMap, name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string \| NamedColor;\n\nexport type IconSize = keyof typeof sizeToClassNameMap;\n\nexport type EuiIconArgs = CommonArgs & {\n /*\n `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n /\n type: IconType;\n\n /\n One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n * Note that coloring only works if your SVG is removed of fill attributes.\n /\n color?: IconColor;\n /\n Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n /\n size?: IconSize;\n\n /\n If the type is not a named eui icon, render as Svg, not as img.\n /\n /\n @deprecated No longer has any effect. EUI icons are always inline svgs,\n * icons registered through the `euiIcon.icons` config are rendered as\n * components and any other string is treated as an image URL.\n /\n useSvg?: boolean;\n\n /\n Descriptive title for naming the icon based on its use\n /\n title?: string;\n /\n A unique identifier for the title element\n /\n titleId?: string;\n\n tabIndex?: unknown;\n\n /\n Its value should be one or more element IDs\n /\n 'aria-labelledby'?: string;\n\n /\n Callback when the icon has been loaded & rendered\n /\n onIconLoad?: () => void;\n\n /\n @deprecated Not needed anymore: a component passed as `@type` is\n * always rendered as a component.\n /\n useComponent?: boolean;\n\n /\n Classes to pass to the icon\n /\n iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n Element: HTMLImageElement \| Element;\n Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n return (\n typeof x === 'string' &&\n Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n );\n}\n\nexport default class EuiIcon extends Component<EuiIconSignature> {\n @service declare euiConfig: EuiConfigService;\n\n @argOrDefaultDecorator('m') size!: IconSize;\n\n /\n The component rendering the svg: for EUI icon names, for names\n * registered by the app through the `euiIcon.icons` config, and for\n * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).\n * EUI icons load the first time they render (see preloadIcons); the empty\n * icon takes their place meanwhile.\n /\n get iconComponent(): EuiIconComponent \| undefined {\n const { type } = this.args;\n\n if (type && (typeof type === 'object' \|\| typeof type === 'function')) {\n return type as EuiIconComponent;\n }\n\n if (typeof type !== 'string') return undefined;\n\n if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;\n\n return this.euiConfig.getConfig('euiIcon.icons')?.[type];\n }\n\n get dataType(): string \| undefined {\n const { type } = this.args;\n\n return isEuiIconType(type) ? iconDataTypes[type] : undefined;\n }\n\n get useImage(): boolean {\n const { type } = this.args;\n\n if (typeof type !== 'string' \|\| this.iconComponent) return false;\n\n warn(\n `<EuiIcon @type=\"${type}\"> is not an EUI icon nor an icon registered in the \\`euiIcon.icons\\` config, so it is rendered as an <img> with that URL. ` +\n `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`,\n /[/.:]/.test(type),\n { id: 'ember-eui.eui-icon.unknown-type' }\n );\n\n return true;\n }\n\n get icon(): IconType \| ComponentLike \| undefined {\n const { type } = this.args;\n\n if (type === null) {\n return undefined;\n }\n\n //We should probably find a better way to always\n if (isEuiIconType(type)) {\n return this.getEuiIconSvgPath(type);\n }\n\n if (typeof type === 'string') {\n return type;\n }\n\n return undefined;\n }\n\n get emptyIcon(): string {\n return this.getEuiIconSvgPath('empty');\n }\n\n getEuiIconSvgPath(type: EuiIconType): string {\n return typeToPathMap[type];\n }\n\n get isAppIcon(): string \| boolean {\n const { type } = this.args;\n\n return (\n type &&\n typeof type === 'string' &&\n (/.+App$/.test(type) \|\| /.+Job$/.test(type) \|\| type === 'dataVisualizer')\n );\n }\n\n get appIconHasColor() {\n return this.args.color && this.args.color !== 'default';\n }\n\n get focusable(): string {\n const { tabIndex } = this.args;\n\n return tabIndex == null \|\| tabIndex === -1 ? 'false' : 'true';\n }\n\n // undefined (not '') when there is no custom color, so no `style`\n // attribute is bound (a plain string triggers Ember's style binding warning)\n get optionalCustomStyles(): ReturnType<typeof htmlSafe> \| undefined {\n const { color } = this.args;\n\n if (color && typeof color === 'string') {\n if (!isNamedColor(color)) {\n return htmlSafe(`fill: ${color}`);\n }\n }\n\n return undefined;\n }\n\n get optionalColorClass(): NamedColor \| string {\n const { color } = this.args;\n\n if (color && typeof color === 'string') {\n if (isNamedColor(color)) {\n return colorToClassMap[color];\n } else {\n return 'euiIcon--customColor';\n }\n }\n\n return '';\n }\n\n // If it's an empty icon, or if there is no aria-label, aria-labelledby, or title it gets aria-hidden true\n get isAriaHidden(): boolean {\n const { icon } = this;\n\n return (\n icon === 'empty' \|\|\n !(\n this.args['aria-label'] \|\|\n this.args['aria-labelledby'] \|\|\n this.args.title\n )\n );\n }\n\n /\n With a `@title` (and no `@aria-label` / `@aria-labelledby`), the svg\n * gets a `<title>` with this id and is labelled by it.\n */\n get titleId(): string \| undefined {\n const { title } = this.args;\n\n if (!title \|\| this.args['aria-label'] \|\| this.args['aria-labelledby']) {\n return undefined;\n }\n\n return this.args.titleId ?? `${guidFor(this)}-title`;\n }\n\n <template>\n {{#if @useComponent}}\n {{!@glint-expect-error}}\n {{#let (component @type) as \|IconComponent\|}}\n {{!template-lint-disable}}\n <IconComponent\n class={{classNames\n @iconClasses\n this.optionalColorClass\n (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n componentName=\"EuiIcon\"\n size=this.size\n }}\n role=\"image\"\n aria-hidden={{if this.isAriaHidden \"true\"}}\n aria-label={{@aria-label}}\n aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n {{! @glint-expect-error }}\n tabindex={{@tabIndex}}\n style={{this.optionalCustomStyles}}\n color={{@color}}\n ...attributes\n >\n {{#if this.titleId}}\n <title id={{this.titleId}}>{{@title}}</title>\n {{/if}}\n </IconComponent>\n {{/let}}\n {{else}}\n {{#if this.useImage}}\n <img\n {{! @glint-expect-error }}\n src={{this.icon}}\n class={{classNames\n @iconClasses\n this.optionalColorClass\n (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n componentName=\"EuiIcon\"\n size=this.size\n }}\n color={{@color}}\n alt={{if @title @title}}\n {{! @glint-expect-error }}\n tabIndex={{@tabIndex}}\n ...attributes\n />\n {{else if this.iconComponent}}\n <this.iconComponent\n class={{classNames\n @iconClasses\n this.optionalColorClass\n (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n componentName=\"EuiIcon\"\n size=this.size\n }}\n color={{@color}}\n data-type={{this.dataType}}\n role=\"image\"\n aria-hidden={{if this.isAriaHidden \"true\"}}\n aria-label={{@aria-label}}\n aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n {{! @glint-expect-error }}\n tabindex={{@tabIndex}}\n style={{this.optionalCustomStyles}}\n ...attributes\n >\n {{#if this.titleId}}\n <title id={{this.titleId}}>{{@title}}</title>\n {{/if}}\n </this.iconComponent>\n {{/if}}\n {{/if}}\n </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","colorToClassMap","isNamedColor","name","Object","prototype","hasOwnProperty","call","isEuiIconType","x","EuiIcon","Component","g","service","i","argOrDefaultDecorator","iconComponent","type","args","undefined","loadedIcon","emptyIcon","euiConfig","getConfig","dataType","iconDataTypes","useImage","warn","test","id","icon","getEuiIconSvgPath","isAppIcon","appIconHasColor","color","focusable","tabIndex","optionalCustomStyles","htmlSafe","optionalColorClass","isAriaHidden","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ import EuiIcon from './eui-icon.js';
 import EuiOverlayMaskComponent from './eui-overlay-mask.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 EuiImage extends Component {
   static {
@@ -30,12 +30,14 @@ class EuiImage extends Component {
   get sizeClass() {
     return sizeMapping[this.size];
   }
+  // undefined (not '') without a size: a plain string bound to `style`
+  // makes Ember warn about XSS
   get sizeStyle() {
     const size = this.args.size;
     if ((typeof size === 'string' || typeof size === 'number') && !this.sizeClass) {
       return htmlSafe(`max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`);
     }
-    return '';
+    return undefined;
   }
   toggleFullscreen(e) {
     e.stopPropagation();
@@ -51,7 +53,7 @@ class EuiImage extends Component {
     }
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if @allowFullScreen}}\n      <figure class={{classNames \"euiImage--allowFullScreen\" (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n        <button class=\"euiImage__button\" type=\"button\" aria-label={{@ariaLabel}} {{on \"click\" this.toggleFullscreen}}>\n          <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n          <EuiIcon @iconClasses=\"euiImage__icon\" @type=\"fullScreen\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n        </button>\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{else}}\n\n      <figure class={{classNames (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n        <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{/if}}\n\n    {{#if this.isFullscreen}}\n      <EuiOverlayMask @headerZindexLocation=\"above\" @onClick={{this.toggleFullscreen}}>\n        <figure class=\"euiImage euiImage-isFullScreen\" {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}>\n          <button class=\"euiImage__button\" type=\"button\" {{on \"click\" this.toggleFullscreen}} {{onKey \"Escape\" this.toggleFullscreen}}>\n            <img class=\"euiImage-isFullScreen__img\" src={{or @src @url}} alt={{@alt}} />\n          </button>\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        </figure>\n        <EuiIcon @iconClasses=\"euiImage-isFullScreenCloseIcon\" @type=\"cross\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n      </EuiOverlayMask>\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if @allowFullScreen}}\n  <figure class={{classNames \"euiImage--allowFullScreen\" (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n    <button class=\"euiImage__button\" type=\"button\" aria-label={{@ariaLabel}} {{on \"click\" this.toggleFullscreen}}>\n      <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n      <EuiIcon @iconClasses=\"euiImage__icon\" @type=\"fullScreen\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n    </button>\n\n    {{#if @caption}}\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    {{/if}}\n  </figure>\n\n{{else}}\n\n  <figure class={{classNames (unless (eq @hasShadow false) \"euiImage--hasShadow\") float=@float margin=@margin componentName=\"EuiImage\" size=this.sizeString}} {{!--@glint-expect-error--}} ...attributes>\n\n    <img src={{or @src @url}} class=\"euiImage__img\" style={{this.sizeStyle}} alt={{@alt}} />\n\n    {{#if @caption}}\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    {{/if}}\n  </figure>\n\n{{/if}}\n\n{{#if this.isFullscreen}}\n  <EuiOverlayMask @headerZindexLocation=\"above\" @onClick={{this.toggleFullscreen}}>\n    <figure class=\"euiImage euiImage-isFullScreen\" {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}>\n      <button class=\"euiImage__button\" type=\"button\" {{on \"click\" this.toggleFullscreen}} {{onKey \"Escape\" this.toggleFullscreen}}>\n        <img class=\"euiImage-isFullScreen__img\" src={{or @src @url}} alt={{@alt}} />\n      </button>\n      <figcaption class=\"euiImage__caption\">\n        {{@caption}}\n      </figcaption>\n    </figure>\n    <EuiIcon @iconClasses=\"euiImage-isFullScreenCloseIcon\" @type=\"cross\" @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}} />\n  </EuiOverlayMask>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { htmlSafe } from '@ember/template';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { eq, notEq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-image.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\ntype EuiImageSize = keyof typeof sizeMapping;\n\ntype ImageSize = EuiImageSize \| number;\n\ntype FullScreenIconColor = 'light' \| 'dark';\n\ntype ImageArgs = {\n /*\n Separate from the caption is a title on the alt tag itself.\n * This one is required for accessibility.\n /\n alt: string;\n\n ~~/\~~n ~~Determines~~ ~~the~~ ~~size~~ of ~~the~~ ~~image~~ ~~itself~~, ~~can~~ be a number or a ~~string\~~n ~~Default:~~ 'm'\n /\n size?: ImageSize \| number \| string;\n\n /\n Changes the color of the icon that floats above the image when it can be clicked to fullscreen.\n * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.\n /\n fullScreenIconColor?: FullScreenIconColor;\n\n url: string;\n\n /\n Provides the visible caption to the image\n /\n caption?: string;\n /\n When set to `true` (default) will apply a slight shadow to the image\n /\n hasShadow?: boolean;\n /\n When set to `true` will make the image clickable to a larger version\n /\n allowFullScreen?: boolean;\n\n /\n ~~When~~ ~~set~~ to `~~true~~` ~~will~~ ~~make~~ the ~~image~~ ~~clickable~~ to ~~a larger version\n~~ /\n float?: 'left' \| 'right' \| 'none';\n\n /\n ~~When~~ ~~set~~ to `~~true~~` ~~will~~ ~~make~~ ~~the~~ ~~image~~ ~~clickable to a larger version\n~~ /\n margin?: 'none' \| 's' \| 'm' \| 'l' \| 'xl';\n\n /\n ~~When~~ ~~set~~ to ~~`true` will make~~ the ~~image~~ ~~clickable~~ to a ~~larger version\n~~ */\n ariaLabel?: string;\n\n src?: string;\n};\n\nexport interface EuiImageSignature {\n Element: HTMLElement;\n Args: ImageArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiImage extends Component<ImageArgs> {\n @tracked isFullscreen = false;\n @argOrDefaultDecorator('original') size!: ImageArgs['size'];\n\n get sizeClass(): string \| undefined {\n return sizeMapping[this.size as EuiImageSize];\n }\n\n get sizeStyle(): ReturnType<typeof htmlSafe> \| ~~string~~ {\n const size = this.args.size;\n\n if (\n (typeof size === 'string' \|\| typeof size === 'number') &&\n !this.sizeClass\n ) {\n return htmlSafe(\n `max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`\n );\n }\n\n return '';\n }\n\n @action\n toggleFullscreen(e: Event): void {\n e.stopPropagation();\n e.preventDefault();\n this.isFullscreen = !this.isFullscreen;\n }\n\n get sizeString() {\n if (typeof this.args.size === 'string') {\n return this.args.size;\n }\n }\n\n <template>\n {{#if @allowFullScreen}}\n <figure\n class={{classNames\n \"euiImage--allowFullScreen\"\n (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n float=@float\n margin=@margin\n componentName=\"EuiImage\"\n size=this.sizeString\n }}\n {{!@glint-expect-error}}\n ...attributes\n >\n\n <button\n class=\"euiImage__button\"\n type=\"button\"\n aria-label={{@ariaLabel}}\n {{on \"click\" this.toggleFullscreen}}\n >\n <img\n src={{or @src @url}}\n class=\"euiImage__img\"\n style={{this.sizeStyle}}\n alt={{@alt}}\n />\n <EuiIcon\n @iconClasses=\"euiImage__icon\"\n @type=\"fullScreen\"\n @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n />\n </button>\n\n {{#if @caption}}\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n {{/if}}\n </figure>\n\n {{else}}\n\n <figure\n class={{classNames\n (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n float=@float\n margin=@margin\n componentName=\"EuiImage\"\n size=this.sizeString\n }}\n {{!@glint-expect-error}}\n ...attributes\n >\n\n <img\n src={{or @src @url}}\n class=\"euiImage__img\"\n style={{this.sizeStyle}}\n alt={{@alt}}\n />\n\n {{#if @caption}}\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n {{/if}}\n </figure>\n\n {{/if}}\n\n {{#if this.isFullscreen}}\n <EuiOverlayMask\n @headerZindexLocation=\"above\"\n @onClick={{this.toggleFullscreen}}\n >\n <figure\n class=\"euiImage euiImage-isFullScreen\"\n {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}\n >\n <button\n class=\"euiImage__button\"\n type=\"button\"\n {{on \"click\" this.toggleFullscreen}}\n {{onKey \"Escape\" this.toggleFullscreen}}\n >\n <img\n class=\"euiImage-isFullScreen__img\"\n src={{or @src @url}}\n alt={{@alt}}\n />\n </button>\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n </figure>\n <EuiIcon\n @iconClasses=\"euiImage-isFullScreenCloseIcon\"\n @type=\"cross\"\n @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n />\n </EuiOverlayMask>\n {{/if}}\n </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","~~void 0","~~argOrDefaultDecorator","sizeClass","sizeMapping","size","sizeStyle","args","htmlSafe","toggleFullscreen","e","stopPropagation","preventDefault","isFullscreen","n","action","sizeString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","on","or","EuiIcon","notEq","EuiOverlayMask","focusTrap","hash","onKey"],"mappings":";;;;;;;;;;;;;;;;;;~~AAmFe~~,MAAMA,iBAAiBC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,~~KAAM~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,~~CAC7BI~~,~~qBAAsB~~,~~CAAA~~,UAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,KAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,~~EAAAC~~,MAAA;EAEvB,IAAIE,~~SAAaA~~,~~GAAmB~~;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C;~~EAEA~~,IAAIC,~~SAAaA~~,~~GAAqC~~;~~AACpD~~,IAAA,MAAMD,~~IAAO~~,~~GAAA~~,IAAI,CAACE,IAAI,CAACF,IAAI;AAE3B,IAAA,IACE,CAAC,OAAOA,~~IAAS~~,~~KAAA~~,QAAA,IAAY,OAAOA,IAAA,KAAS,QAAQ,KACrD,CAAC,IAAI,CAACF,SAAS,EACf;AACA,MAAA,OAAOK,SACL,~~CAAc~~,WAAA,~~EAAA~~,IAAI,CAACD,IAAI,CAACF,IAAI,CAAA,cAAA,EAAiB,IAAI,CAACE,IAAI,CAACF,IAAI,iBAAiB,CAAA;AAEhF;AAEA,IAAA,~~OAAO~~,~~EAAA~~;AACT;~~EAGAI~~,gBAAAA,CAAiBC,CAAQ,EAAQ;IAC/BA,CAAA,CAAEC,eAAe,EAAA;IACjBD,CAAA,CAAEE,cAAc,EAAA;AAChB,IAAA,IAAI,CAACC,YAAY,GAAG,CAAC,IAAI,CAACA,YAAY;AACxC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,kBAAA,EAAA,CALCiB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAIC,~~UAAaA~~,~~GAAA~~;IACf,IAAI,OAAO,IAAI,~~CAACT~~,IAAI,CAACF,IAAI,KAAK,~~QAAU~~,~~EAAA~~;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB;AACF;AAEA,EAAA;~~IAAAY~~,oBAAA,CAAAC,kBAAA,~~CAuGA~~,~~2mEAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { htmlSafe } from '@ember/template';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { eq, notEq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-image.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\ntype EuiImageSize = keyof typeof sizeMapping;\n\ntype ImageSize = EuiImageSize \| number;\n\ntype FullScreenIconColor = 'light' \| 'dark';\n\ntype ImageArgs = {\n /*\n Separate from the caption is a title on the alt tag itself.\n * This one is required for accessibility.\n /\n alt: string;\n\n /\n `'s'` (100px), `'m'` (200px), `'l'` (360px), `'xl'` (600px),\n * `'fullWidth'`, `'original'`, or a number for a max size in px.\n * Defaults to `'original'`.\n /\n size?: ImageSize \| number \| string;\n\n /\n Changes the color of the icon that floats above the image when it can be clicked to fullscreen.\n * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.\n /\n fullScreenIconColor?: FullScreenIconColor;\n\n /* URL of the image. /\n url: string;\n\n /\n Provides the visible caption to the image\n /\n caption?: string;\n /\n When set to `true` (default) will apply a slight shadow to the image\n /\n hasShadow?: boolean;\n /\n When set to `true` will make the image clickable to a larger version\n /\n allowFullScreen?: boolean;\n\n /* Floats the image `'left'` or `'right'` of the text around it. /\n float?: 'left' \| 'right' \| 'none';\n\n /* Space around the image: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`. /\n margin?: 'none' \| 's' \| 'm' \| 'l' \| 'xl';\n\n /* Accessible label of the full screen button (`@allowFullScreen`). /\n ariaLabel?: string;\n\n /* Same as `@url`. /\n src?: string;\n};\n\n/* An image with an optional caption, shadow and full screen view. /\nexport interface EuiImageSignature {\n Element: HTMLElement;\n Args: ImageArgs;\n Blocks: {\n /* Unused. */\n default: [];\n };\n}\n\nexport default class EuiImage extends Component<ImageArgs> {\n @tracked isFullscreen = false;\n @argOrDefaultDecorator('original') size!: ImageArgs['size'];\n\n get sizeClass(): string \| undefined {\n return sizeMapping[this.size as EuiImageSize];\n }\n\n // undefined (not '') without a size: a plain string bound to `style`\n // makes Ember warn about XSS\n get sizeStyle(): ReturnType<typeof htmlSafe> \| undefined {\n const size = this.args.size;\n\n if (\n (typeof size === 'string' \|\| typeof size === 'number') &&\n !this.sizeClass\n ) {\n return htmlSafe(\n `max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`\n );\n }\n\n return undefined;\n }\n\n @action\n toggleFullscreen(e: Event): void {\n e.stopPropagation();\n e.preventDefault();\n this.isFullscreen = !this.isFullscreen;\n }\n\n get sizeString() {\n if (typeof this.args.size === 'string') {\n return this.args.size;\n }\n }\n\n <template>\n {{#if @allowFullScreen}}\n <figure\n class={{classNames\n \"euiImage--allowFullScreen\"\n (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n float=@float\n margin=@margin\n componentName=\"EuiImage\"\n size=this.sizeString\n }}\n {{!@glint-expect-error}}\n ...attributes\n >\n\n <button\n class=\"euiImage__button\"\n type=\"button\"\n aria-label={{@ariaLabel}}\n {{on \"click\" this.toggleFullscreen}}\n >\n <img\n src={{or @src @url}}\n class=\"euiImage__img\"\n style={{this.sizeStyle}}\n alt={{@alt}}\n />\n <EuiIcon\n @iconClasses=\"euiImage__icon\"\n @type=\"fullScreen\"\n @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n />\n </button>\n\n {{#if @caption}}\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n {{/if}}\n </figure>\n\n {{else}}\n\n <figure\n class={{classNames\n (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n float=@float\n margin=@margin\n componentName=\"EuiImage\"\n size=this.sizeString\n }}\n {{!@glint-expect-error}}\n ...attributes\n >\n\n <img\n src={{or @src @url}}\n class=\"euiImage__img\"\n style={{this.sizeStyle}}\n alt={{@alt}}\n />\n\n {{#if @caption}}\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n {{/if}}\n </figure>\n\n {{/if}}\n\n {{#if this.isFullscreen}}\n <EuiOverlayMask\n @headerZindexLocation=\"above\"\n @onClick={{this.toggleFullscreen}}\n >\n <figure\n class=\"euiImage euiImage-isFullScreen\"\n {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}\n >\n <button\n class=\"euiImage__button\"\n type=\"button\"\n {{on \"click\" this.toggleFullscreen}}\n {{onKey \"Escape\" this.toggleFullscreen}}\n >\n <img\n class=\"euiImage-isFullScreen__img\"\n src={{or @src @url}}\n alt={{@alt}}\n />\n </button>\n <figcaption class=\"euiImage__caption\">\n {{@caption}}\n </figcaption>\n </figure>\n <EuiIcon\n @iconClasses=\"euiImage-isFullScreenCloseIcon\"\n @type=\"cross\"\n @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n />\n </EuiOverlayMask>\n {{/if}}\n </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","argOrDefaultDecorator","sizeClass","sizeMapping","size","sizeStyle","args","htmlSafe","undefined","toggleFullscreen","e","stopPropagation","preventDefault","isFullscreen","n","action","sizeString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","on","or","EuiIcon","notEq","EuiOverlayMask","focusTrap","hash","onKey"],"mappings":";;;;;;;;;;;;;;;;;;AAkFe,MAAMA,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,CACvBG,qBAAA,CAAsB,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEvB,IAAIE,SAAAA,GAAgC;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C,EAAA;AAEA;AACA;EACA,IAAIC,SAAAA,GAAqD;AACvD,IAAA,MAAMD,IAAA,GAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AAE3B,IAAA,IACE,CAAC,OAAOA,IAAA,KAAS,QAAA,IAAY,OAAOA,IAAA,KAAS,QAAQ,KACrD,CAAC,IAAI,CAACF,SAAS,EACf;AACA,MAAA,OAAOK,SACL,CAAA,WAAA,EAAc,IAAI,CAACD,IAAI,CAACF,IAAI,CAAA,cAAA,EAAiB,IAAI,CAACE,IAAI,CAACF,IAAI,iBAAiB,CAAA;AAEhF,IAAA;AAEA,IAAA,OAAOI,SAAA;AACT,EAAA;EAGAC,gBAAAA,CAAiBC,CAAQ,EAAQ;IAC/BA,CAAA,CAAEC,eAAe,EAAA;IACjBD,CAAA,CAAEE,cAAc,EAAA;AAChB,IAAA,IAAI,CAACC,YAAY,GAAG,CAAC,IAAI,CAACA,YAAY;AACxC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,kBAAA,EAAA,CALCiB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAIC,UAAAA,GAAa;IACf,IAAI,OAAO,IAAI,CAACV,IAAI,CAACF,IAAI,KAAK,QAAA,EAAU;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB,IAAA;AACF,EAAA;AAEA,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAAA,y9DAAA,EAuGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-inner-text.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 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 EuiImage extends Component {
   static {
@@ -62,7 +62,7 @@ class EuiImage extends Component {
     this.ref = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{yield this.setRef this.innerText}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{yield this.setRef this.innerText}}", {
       strictMode: true
     }), this);
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-inner-text.js","sources":["../../src/components/eui-inner-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\n\nexport interface EuiInnerTextSignature {\n Args: {\n fallback?: string;\n };\n\n Blocks: {\n default: [(ref: HTMLElement) => void, string];\n };\n}\n\nexport default class EuiImage extends Component<EuiInnerTextSignature> {\n @tracked ref: HTMLElement \| null = null;\n @tracked innerText = '';\n observer: MutationObserver \| null = null;\n\n get innerTextFallback() {\n return this.args.fallback ?? '';\n }\n\n setupObserver() {\n this.observer?.disconnect();\n this.observer = new MutationObserver((mutationsList) => {\n if (mutationsList.length) this.updateInnerText(this.ref);\n });\n\n if (this.ref) {\n this.updateInnerText(this.ref);\n this.observer.observe(this.ref, {\n characterData: true,\n subtree: true,\n childList: true\n });\n }\n }\n\n updateInnerText(node: HTMLElement \| null) {\n if (!node) return;\n this.setInnerText(\n // Check for `innerText` implementation rather than a simple OR check\n // because in real cases the result of `innerText` could correctly be `null`\n // while the result of `textContent` could correctly be non-`null` due to\n // differing reliance on browser layout calculations.\n // We prefer the result of `innerText`, if available.\n 'innerText' in node\n ? node.innerText\n : (node as HTMLElement).textContent \|\| this.innerTextFallback\n );\n }\n\n setInnerText(text: string) {\n this.innerText = text;\n }\n\n @action\n setRef(ref: HTMLElement): void {\n this.ref = ref;\n this.setupObserver();\n }\n\n willDestroy(): void {\n super.willDestroy();\n this.observer?.disconnect();\n this.ref = null;\n }\n\n <template>\n {{yield this.setRef this.innerText}}\n </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","~~void 0","~~observer","innerTextFallback","args","fallback","setupObserver","disconnect","MutationObserver","mutationsList","length","updateInnerText","ref","observe","characterData","subtree","childList","node","setInnerText","innerText","textContent","text","setRef","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;~~AAee~~,MAAMA,iBAAiBC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkC,~~IAAK~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,IAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,KAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,~~CACvCC~~,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,~~EAAG~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,~~EAAAC~~,MAAA;~~AACxBC~~,EAAAA,~~QAAU~~,~~GAA0B~~,~~IAAK~~;~~EAEzC~~,IAAIC,~~iBAAoBA~~,~~GAAA~~;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,IAAI,EAAA;AAC/B;AAEAC,EAAAA,~~aAAgBA~~,~~GAAA~~;AACd,IAAA,IAAI,CAACJ,QAAQ,EAAEK,UAAA,EAAA;AACf,IAAA,IAAI,CAACL,QAAQ,GAAG,IAAIM,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAA,CAAcC,MAAM,EAAE,IAAI,CAACC,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;AACzD,~~KAAA~~,CAAA;IAEA,IAAI,IAAI,CAACA,GAAG,EAAE;AACZ,MAAA,IAAI,CAACD,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;MAC7B,IAAI,CAACV,QAAQ,CAACW,OAAO,CAAC,IAAI,CAACD,GAAG,EAAE;AAC9BE,QAAAA,~~aAAe~~,~~EAAA~~,IAAA;AACfC,QAAAA,~~OAAS~~,~~EAAA~~,IAAA;AACTC,QAAAA,~~SAAW~~,~~EAAA~~;AACb,OAAA,CAAA;AACF;AACF;EAEAL,~~eAAgBA~~,~~CAAAM~~,IAAwB,EAAE;IACxC,IAAI,CAACA,~~IAAM~~,~~EAAA~~;AACX,IAAA,IAAI,CAACC,YAAY;AACf;AACA;AACA;AACA;AACA;AACA,IAAA,WAAA,IAAeD,~~IACX~~,~~GAAAA~~,IAAA,CAAKE,SAAS,GACbF,IAAA,CAAqBG,WAAW,IAAI,IAAI,CAACjB,iBAAiB,CAAA;AAEnE;EAEAe,~~YAAaA~~,~~CAAAG~~,IAAY,EAAE;IACzB,IAAI,CAACF,SAAS,GAAGE,IAAA;AACnB;EAGAC,MAAAA,CAAOV,GAAgB,EAAQ;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAA;IACX,IAAI,CAACN,aAAa,EAAA;AACpB;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,~~CAAAzB~~,SAAA,EAAA,QAAA,EAAA,~~CAJC0B~~,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAACvB,QAAQ,EAAEK,UAAA,EAAA;IACf,IAAI,CAACK,GAAG,GAAG,IAAA;AACb;AAEA,EAAA;IAAAc,oBAAA,CAAAC,kBAAA,~~CAEA~~,~~gDAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-inner-text.js","sources":["../../src/components/eui-inner-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\n\n/*\n Tracks the text content of an element, e.g. to use a truncated label's\n * full text as its `title`.\n /\nexport interface EuiInnerTextSignature {\n Args: {\n /* Text used when the element's text cannot be read. Defaults to `''`. /\n fallback?: string;\n };\n\n Blocks: {\n /\n Yields a function to call with the element to track (e.g. with\n * `did-insert`) and its current text.\n */\n default: [(ref: HTMLElement) => void, string];\n };\n}\n\nexport default class EuiImage extends Component<EuiInnerTextSignature> {\n @tracked ref: HTMLElement \| null = null;\n @tracked innerText = '';\n observer: MutationObserver \| null = null;\n\n get innerTextFallback() {\n return this.args.fallback ?? '';\n }\n\n setupObserver() {\n this.observer?.disconnect();\n this.observer = new MutationObserver((mutationsList) => {\n if (mutationsList.length) this.updateInnerText(this.ref);\n });\n\n if (this.ref) {\n this.updateInnerText(this.ref);\n this.observer.observe(this.ref, {\n characterData: true,\n subtree: true,\n childList: true\n });\n }\n }\n\n updateInnerText(node: HTMLElement \| null) {\n if (!node) return;\n this.setInnerText(\n // Check for `innerText` implementation rather than a simple OR check\n // because in real cases the result of `innerText` could correctly be `null`\n // while the result of `textContent` could correctly be non-`null` due to\n // differing reliance on browser layout calculations.\n // We prefer the result of `innerText`, if available.\n 'innerText' in node\n ? node.innerText\n : (node as HTMLElement).textContent \|\| this.innerTextFallback\n );\n }\n\n setInnerText(text: string) {\n this.innerText = text;\n }\n\n @action\n setRef(ref: HTMLElement): void {\n this.ref = ref;\n this.setupObserver();\n }\n\n willDestroy(): void {\n super.willDestroy();\n this.observer?.disconnect();\n this.ref = null;\n }\n\n <template>\n {{yield this.setRef this.innerText}}\n </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","observer","innerTextFallback","args","fallback","setupObserver","disconnect","MutationObserver","mutationsList","length","updateInnerText","ref","observe","characterData","subtree","childList","node","setInnerText","innerText","textContent","text","setRef","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAwBe,MAAMA,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,IAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAClCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AACrBC,EAAAA,QAAA,GAAoC,IAAA;EAEpC,IAAIC,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,IAAI,EAAA;AAC/B,EAAA;AAEAC,EAAAA,aAAAA,GAAgB;AACd,IAAA,IAAI,CAACJ,QAAQ,EAAEK,UAAA,EAAA;AACf,IAAA,IAAI,CAACL,QAAQ,GAAG,IAAIM,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAA,CAAcC,MAAM,EAAE,IAAI,CAACC,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;AACzD,IAAA,CAAA,CAAA;IAEA,IAAI,IAAI,CAACA,GAAG,EAAE;AACZ,MAAA,IAAI,CAACD,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;MAC7B,IAAI,CAACV,QAAQ,CAACW,OAAO,CAAC,IAAI,CAACD,GAAG,EAAE;AAC9BE,QAAAA,aAAA,EAAe,IAAA;AACfC,QAAAA,OAAA,EAAS,IAAA;AACTC,QAAAA,SAAA,EAAW;AACb,OAAA,CAAA;AACF,IAAA;AACF,EAAA;EAEAL,eAAAA,CAAgBM,IAAwB,EAAE;IACxC,IAAI,CAACA,IAAA,EAAM;AACX,IAAA,IAAI,CAACC,YAAY;AACf;AACA;AACA;AACA;AACA;AACA,IAAA,WAAA,IAAeD,IAAA,GACXA,IAAA,CAAKE,SAAS,GACbF,IAAA,CAAqBG,WAAW,IAAI,IAAI,CAACjB,iBAAiB,CAAA;AAEnE,EAAA;EAEAe,YAAAA,CAAaG,IAAY,EAAE;IACzB,IAAI,CAACF,SAAS,GAAGE,IAAA;AACnB,EAAA;EAGAC,MAAAA,CAAOV,GAAgB,EAAQ;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAA;IACX,IAAI,CAACN,aAAa,EAAA;AACpB,EAAA;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,QAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAACvB,QAAQ,EAAEK,UAAA,EAAA;IACf,IAAI,CAACK,GAAG,GAAG,IAAA;AACb,EAAA;AAEA,EAAA;IAAAc,oBAAA,CAAAC,kBAAA,CAAA,sCAAA,EAEA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-input-popover.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { cascadingMenuKeys } from '../utils/accesibility/cascading-menu-keys.js'
 import EuiPopoverComponent from './eui-popover.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 EuiInputPopoverComponent extends Component {
   static {
@@ -120,7 +120,7 @@ class EuiInputPopoverComponent extends Component {
     this.input = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |id|}}\n      <EuiPopover class=\"euiInputPopover\n          {{if this.fullWidth \"euiInputPopover--fullWidth\"}}\" @ownFocus={{false}} @buttonRef={{this.didInsertInput}} @panelRef={{this.didInsertPanel}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize={{this.panelPaddingSize}} @attachToAnchor={{this.attachToAnchor}} @display={{this.display}} @closePopover={{@closePopover}} @isOpen={{@isOpen}} ...attributes>\n        <:button>\n          <div {{resizeObserver onResize=this.onResize}}>\n            {{yield to=\"input\"}}\n          </div>\n        </:button>\n        <:content>\n          <div id={{id}} {{onKey \"_all\" this.onKeyDown}} {{focusTrap isActive=(not this.disableFocusTrap) focusTrapOptions=(hash clickOutsideDeactivates=true returnFocusOnDeactivate=false fallbackFocus=(concat \"#\" id))}}>\n            {{yield to=\"content\"}}\n          </div>\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (randomId) as |id|}}\n  <EuiPopover class=\"euiInputPopover\n      {{if this.fullWidth \"euiInputPopover--fullWidth\"}}\" @ownFocus={{false}} @initialFocus={{@initialFocus}} @buttonRef={{this.didInsertInput}} @panelRef={{this.didInsertPanel}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize={{this.panelPaddingSize}} @attachToAnchor={{this.attachToAnchor}} @display={{this.display}} @closePopover={{@closePopover}} @isOpen={{@isOpen}} ...attributes>\n    <:button>\n      <div {{resizeObserver onResize=this.onResize}}>\n        {{yield to=\"input\"}}\n      </div>\n    </:button>\n    <:content>\n      <div id={{id}} {{onKey \"_all\" this.onKeyDown}} {{focusTrap isActive=(not this.disableFocusTrap) focusTrapOptions=(hash clickOutsideDeactivates=true returnFocusOnDeactivate=false fallbackFocus=(concat \"#\" id))}}>\n        {{yield to=\"content\"}}\n      </div>\n    </:content>\n  </EuiPopover>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

package/dist/components/eui-input-popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\nexport interface EuiInputPopoverArgs\n extends Omit<EuiPopoverArgs, 'button' \| 'buttonRef'> {\n disableFocusTrap?: boolean;\n fullWidth?: boolean;\n input?: EuiPopoverArgs['button'];\n inputRef?: EuiPopoverArgs['buttonRef'];\n onPanelResize?: (width?: number) => void;\n}\n\nexport interface EuiInputPopoverSignature {\n Element: HTMLElement;\n Args: EuiInputPopoverArgs;\n Blocks: {\n default: [\n {\n closePopover: () => void;\n isOpen: boolean;\n },\n {\n input: HTMLElement;\n content: HTMLElement;\n }\n ];\n input: [];\n content: [];\n };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n // Defaults\n @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n @argOrDefaultDecorator(false) fullWidth!: boolean;\n @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n\n //State\n @tracked panel: HTMLElement \| null = null;\n @tracked input: HTMLElement \| null = null;\n @tracked inputWidth!: number;\n ///\n\n @action\n didInsertPanel(panel: HTMLElement \| null): void {\n this.panel = panel;\n this.setPanelWidth();\n }\n\n @action\n didInsertInput(input: HTMLElement): void {\n this.input = input;\n this.onResize();\n }\n\n @action\n setPanelWidth(width?: number): void {\n const { panel, inputWidth } = this;\n const newWidth = width \|\| inputWidth;\n\n if (panel && !!newWidth) {\n panel.style.width = `${newWidth}px`;\n this.args.onPanelResize?.(newWidth);\n }\n }\n\n @action\n onResize(): void {\n const { input } = this;\n\n if (input) {\n const width = input.getBoundingClientRect().width;\n\n this.inputWidth = width;\n this.setPanelWidth(width);\n }\n }\n\n @action\n onKeyDown(event: KeyboardEvent): void {\n const { panel } = this;\n\n if (panel && event.key === cascadingMenuKeys.TAB) {\n const tabbableItems = tabbable(panel).filter(\n (el: HTMLElement \| SVGElement) => {\n return (\n Array.from(el.attributes)\n .map((el) => el.name)\n .indexOf('data-focus-guard') < 0\n );\n }\n );\n\n if (\n this.args.disableFocusTrap \|\|\n (tabbableItems.length &&\n tabbableItems[tabbableItems.length - 1] === document.activeElement)\n ) {\n this.args.closePopover?.();\n }\n }\n }\n\n willDestroy(): void {\n super.willDestroy();\n\n this.panel = null;\n this.input = null;\n }\n\n <template>\n {{#let (randomId) as \|id\|}}\n <EuiPopover\n class=\"euiInputPopover\n {{if this.fullWidth 'euiInputPopover--fullWidth'}}\"\n @ownFocus={{false}}\n @buttonRef={{this.didInsertInput}}\n @panelRef={{this.didInsertPanel}}\n @anchorPosition={{this.anchorPosition}}\n @panelPaddingSize={{this.panelPaddingSize}}\n @attachToAnchor={{this.attachToAnchor}}\n @display={{this.display}}\n @closePopover={{@closePopover}}\n @isOpen={{@isOpen}}\n ...attributes\n >\n <:button>\n <div {{resizeObserver onResize=this.onResize}}>\n {{yield to=\"input\"}}\n </div>\n </:button>\n <:content>\n <div\n id={{id}}\n {{onKey \"_all\" this.onKeyDown}}\n {{focusTrap\n isActive=(not this.disableFocusTrap)\n focusTrapOptions=(hash\n clickOutsideDeactivates=true\n returnFocusOnDeactivate=false\n fallbackFocus=(concat \"#\" id)\n )\n }}\n >\n {{yield to=\"content\"}}\n </div>\n </:content>\n </EuiPopover>\n {{/let}}\n </template>\n}\n"],"names":["EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","~~void 0","~~tracked","didInsertPanel","panel","setPanelWidth","n","action","didInsertInput","input","onResize","width","inputWidth","newWidth","style","args","onPanelResize","getBoundingClientRect","onKeyDown","event","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","not","hash","concat"],"mappings":";;;;;;;;;;;;;;;;;~~AA+Ce~~,MAAMA,iCAAiCC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAE7DC,~~qBAAsB~~,~~CAAA~~,UAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,~~EAAAC~~,MAAA,~~EADvB~~;~~AAAA~~,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAECC,~~qBAAsB~~,~~CAAA~~,IAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACtBC,~~qBAAsB~~,~~CAAA~~,OAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,~~qBAAsB~~,~~CAAA~~,GAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CACtBC,~~qBAAsB~~,~~CAAA~~,KAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~AAAAJ~~,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,~~qBAAsB~~,~~CAAA~~,KAAA,CAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,~~CAGtBI~~,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,~~IAAK~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,MAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,~~EAAAC~~,MAAA,~~EAD1C~~;~~AAAA~~,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,~~CAECI~~,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,~~IAAK~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,MAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,~~CACzCI~~,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,WAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,~~EAAAC~~,MAAA;AACD;EAGAE,cAAAA,CAAeC,KAAyB,EAAQ;IAC9C,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,aAAa,EAAA;AACpB;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,~~CAAAR~~,SAAA,EAAA,gBAAA,EAAA,~~CAJCS~~,MAAA,CAAA,CAAA;AAAA;EAODC,cAAAA,CAAeC,KAAkB,EAAQ;IACvC,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,QAAQ,EAAA;AACf;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,~~CAAAR~~,SAAA,EAAA,gBAAA,EAAA,~~CAJCS~~,MAAA,CAAA,CAAA;AAAA;EAODF,aAAAA,CAAcM,KAAc,EAAQ;IAClC,MAAM;MAAEP,KAAK;AAAEQ,MAAAA;AAAU,KAAE,GAAG,IAAI;AAClC,IAAA,MAAMC,WAAWF,~~KAAS~~,~~IAAAC~~,UAAA;AAE1B,IAAA,IAAIR,KAAA,IAAS,CAAC,CAACS,~~QAAU~~,~~EAAA~~;AACvBT,MAAAA,~~KAAM~~,~~CAAAU~~,KAAK,CAACH,KAAK,GAAG,CAAA,EAAGE,QAAA,~~CAAY~~,EAAA,~~CAAA~~;AACnC,MAAA,IAAI,CAACE,IAAI,CAACC,aAAa,GAAGH,QAAA,CAAA;AAC5B;AACF;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,~~CAAAR~~,SAAA,EAAA,eAAA,EAAA,~~CATCS~~,MAAA,CAAA,CAAA;AAAA;AAYDG,EAAAA,QAAAA,GAAiB;IACf,MAAM;AAAED,MAAAA;~~AAAO~~,~~KAAA~~,GAAG,IAAI;AAEtB,IAAA,IAAIA,~~KAAO~~,~~EAAA~~;MACT,MAAME,~~KAAQ~~,~~GAAAF~~,KAAA,CAAMQ,qBAAqB,EAAA,CAAGN,KAAK;MAEjD,IAAI,CAACC,UAAU,GAAGD,KAAA;AAClB,MAAA,IAAI,CAACN,aAAa,CAACM,KAAA,CAAA;AACrB;AACF;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,~~CAAAR~~,SAAA,EAAA,UAAA,EAAA,~~CAVCS~~,MAAA,CAAA,CAAA;AAAA;EAaDW,SAAAA,CAAUC,KAAoB,EAAQ;IACpC,MAAM;AAAEf,MAAAA;~~AAAO~~,~~KAAA~~,GAAG,IAAI;IAEtB,IAAIA,SAASe,~~KAAM~~,~~CAAAC~~,GAAG,KAAKC,iBAAA,CAAkBC,GAAG,EAAE;MAChD,MAAMC,gBAAgBC,~~QAAS~~,~~CAAApB~~,KAAA,CAAA,CAAOqB,MAAM,CACzCC,EAAkB,IAAA;QACjB,OACEC,~~KAAM~~,~~CAAAC~~,IAAI,CAACF,EAAA,CAAGG,UAAU,~~CACrB~~,~~CAAAC~~,GAAG,CAAEJ,MAAOA,~~EAAG~~,~~CAAAK~~,IAAI,EACnBC,OAAO,CAAC,sBAAsB,CACnC;AACF,~~OAAA~~,CAAA;MAGF,IACE,IAAI,CAACjB,IAAI,CAACkB,gBAAgB,IACzBV,~~aAAc~~,~~CAAAW~~,MAAM,IACnBX,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE,KAAKC,QAAA,CAASC,~~aACvD~~,~~EAAA~~;AACA,QAAA,IAAI,CAACrB,IAAI,CAACsB,YAAY,IAAA;AACxB;AACF;AACF;AAAA,EAAA;IAAA/B,CAAA,CAAA,IAAA,~~CAAAR~~,SAAA,EAAA,WAAA,EAAA,~~CAvBCS~~,MAAA,CAAA,CAAA;AAAA;AAyBD+B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAAClC,KAAK,GAAG,IAAA;IACb,IAAI,CAACK,KAAK,GAAG,IAAA;AACf;AAEA,EAAA;IAAA8B,oBAAA,CAAAC,kBAAA,~~CAuCA~~,~~q8BAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;oBAAAC,mBAAA;wBAAAC,cAAA;QAAAC,KAAA;QAAAC,SAAA;QAAAC,GAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\nexport interface EuiInputPopoverArgs\n extends Omit<EuiPopoverArgs, 'button' \| 'buttonRef'> {\n /*\n Lets focus leave the popover; Tab then closes it. Defaults to `false`\n * (Tab cycles through the popover, closing after its last element).\n /\n disableFocusTrap?: boolean;\n /* Stretches the input (and popover) to its container's width. /\n fullWidth?: boolean;\n /* @deprecated Has no effect, use the `<:input>` block. /\n input?: EuiPopoverArgs['button'];\n /* @deprecated Has no effect. /\n inputRef?: EuiPopoverArgs['buttonRef'];\n /* Called with the popover's new width when the input resizes. /\n onPanelResize?: (width?: number) => void;\n}\n\n/\n A popover attached below an input and as wide as it, e.g. for a custom\n * picker. Takes EuiPopover's args (`@isOpen`, `@closePopover`, …).\n /\nexport interface EuiInputPopoverSignature {\n Element: HTMLElement;\n Args: EuiInputPopoverArgs;\n Blocks: {\n /* Unused, use `<:input>` and `<:content>`. /\n default: [\n {\n closePopover: () => void;\n isOpen: boolean;\n },\n {\n input: HTMLElement;\n content: HTMLElement;\n }\n ];\n /* The input the popover attaches to; open it on focus or typing. /\n input: [];\n /* The popover's content, as wide as the input. */\n content: [];\n };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n // Defaults\n @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n @argOrDefaultDecorator(false) fullWidth!: boolean;\n @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n\n //State\n @tracked panel: HTMLElement \| null = null;\n @tracked input: HTMLElement \| null = null;\n @tracked inputWidth!: number;\n ///\n\n @action\n didInsertPanel(panel: HTMLElement \| null): void {\n this.panel = panel;\n this.setPanelWidth();\n }\n\n @action\n didInsertInput(input: HTMLElement): void {\n this.input = input;\n this.onResize();\n }\n\n @action\n setPanelWidth(width?: number): void {\n const { panel, inputWidth } = this;\n const newWidth = width \|\| inputWidth;\n\n if (panel && !!newWidth) {\n panel.style.width = `${newWidth}px`;\n this.args.onPanelResize?.(newWidth);\n }\n }\n\n @action\n onResize(): void {\n const { input } = this;\n\n if (input) {\n const width = input.getBoundingClientRect().width;\n\n this.inputWidth = width;\n this.setPanelWidth(width);\n }\n }\n\n @action\n onKeyDown(event: KeyboardEvent): void {\n const { panel } = this;\n\n if (panel && event.key === cascadingMenuKeys.TAB) {\n const tabbableItems = tabbable(panel).filter(\n (el: HTMLElement \| SVGElement) => {\n return (\n Array.from(el.attributes)\n .map((el) => el.name)\n .indexOf('data-focus-guard') < 0\n );\n }\n );\n\n if (\n this.args.disableFocusTrap \|\|\n (tabbableItems.length &&\n tabbableItems[tabbableItems.length - 1] === document.activeElement)\n ) {\n this.args.closePopover?.();\n }\n }\n }\n\n willDestroy(): void {\n super.willDestroy();\n\n this.panel = null;\n this.input = null;\n }\n\n <template>\n {{#let (randomId) as \|id\|}}\n <EuiPopover\n class=\"euiInputPopover\n {{if this.fullWidth 'euiInputPopover--fullWidth'}}\"\n @ownFocus={{false}}\n @initialFocus={{@initialFocus}}\n @buttonRef={{this.didInsertInput}}\n @panelRef={{this.didInsertPanel}}\n @anchorPosition={{this.anchorPosition}}\n @panelPaddingSize={{this.panelPaddingSize}}\n @attachToAnchor={{this.attachToAnchor}}\n @display={{this.display}}\n @closePopover={{@closePopover}}\n @isOpen={{@isOpen}}\n ...attributes\n >\n <:button>\n <div {{resizeObserver onResize=this.onResize}}>\n {{yield to=\"input\"}}\n </div>\n </:button>\n <:content>\n <div\n id={{id}}\n {{onKey \"_all\" this.onKeyDown}}\n {{focusTrap\n isActive=(not this.disableFocusTrap)\n focusTrapOptions=(hash\n clickOutsideDeactivates=true\n returnFocusOnDeactivate=false\n fallbackFocus=(concat \"#\" id)\n )\n }}\n >\n {{yield to=\"content\"}}\n </div>\n </:content>\n </EuiPopover>\n {{/let}}\n </template>\n}\n"],"names":["EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","didInsertPanel","panel","setPanelWidth","n","action","didInsertInput","input","onResize","width","inputWidth","newWidth","style","args","onPanelResize","getBoundingClientRect","onKeyDown","event","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","not","hash","concat"],"mappings":";;;;;;;;;;;;;;;;;AA8De,MAAMA,iCAAiCC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAE7DC,qBAAA,CAAsB,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAECC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACtBC,qBAAA,CAAsB,OAAA,CAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,GAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CACtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAGtBG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA,EAAA;AADrC,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAECG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACpCG,OAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AACD;EAGAE,cAAAA,CAAeC,KAAyB,EAAQ;IAC9C,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,aAAa,EAAA;AACpB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,gBAAA,EAAA,CAJCQ,MAAA,CAAA,CAAA;AAAA;EAODC,cAAAA,CAAeC,KAAkB,EAAQ;IACvC,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,QAAQ,EAAA;AACf,EAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,gBAAA,EAAA,CAJCQ,MAAA,CAAA,CAAA;AAAA;EAODF,aAAAA,CAAcM,KAAc,EAAQ;IAClC,MAAM;MAAEP,KAAK;AAAEQ,MAAAA;AAAU,KAAE,GAAG,IAAI;AAClC,IAAA,MAAMC,WAAWF,KAAA,IAASC,UAAA;AAE1B,IAAA,IAAIR,KAAA,IAAS,CAAC,CAACS,QAAA,EAAU;AACvBT,MAAAA,KAAA,CAAMU,KAAK,CAACH,KAAK,GAAG,CAAA,EAAGE,QAAA,CAAA,EAAA,CAAY;AACnC,MAAA,IAAI,CAACE,IAAI,CAACC,aAAa,GAAGH,QAAA,CAAA;AAC5B,IAAA;AACF,EAAA;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,eAAA,EAAA,CATCQ,MAAA,CAAA,CAAA;AAAA;AAYDG,EAAAA,QAAAA,GAAiB;IACf,MAAM;AAAED,MAAAA;AAAK,KAAE,GAAG,IAAI;AAEtB,IAAA,IAAIA,KAAA,EAAO;MACT,MAAME,KAAA,GAAQF,KAAA,CAAMQ,qBAAqB,EAAA,CAAGN,KAAK;MAEjD,IAAI,CAACC,UAAU,GAAGD,KAAA;AAClB,MAAA,IAAI,CAACN,aAAa,CAACM,KAAA,CAAA;AACrB,IAAA;AACF,EAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,UAAA,EAAA,CAVCQ,MAAA,CAAA,CAAA;AAAA;EAaDW,SAAAA,CAAUC,KAAoB,EAAQ;IACpC,MAAM;AAAEf,MAAAA;AAAK,KAAE,GAAG,IAAI;IAEtB,IAAIA,SAASe,KAAA,CAAMC,GAAG,KAAKC,iBAAA,CAAkBC,GAAG,EAAE;MAChD,MAAMC,gBAAgBC,QAAA,CAASpB,KAAA,CAAA,CAAOqB,MAAM,CACzCC,EAAkB,IAAA;QACjB,OACEC,KAAA,CAAMC,IAAI,CAACF,EAAA,CAAGG,UAAU,CAAA,CACrBC,GAAG,CAAEJ,MAAOA,EAAA,CAAGK,IAAI,EACnBC,OAAO,CAAC,sBAAsB,CACnC;AACF,MAAA,CAAA,CAAA;MAGF,IACE,IAAI,CAACjB,IAAI,CAACkB,gBAAgB,IACzBV,aAAA,CAAcW,MAAM,IACnBX,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE,KAAKC,QAAA,CAASC,aAAa,EACpE;AACA,QAAA,IAAI,CAACrB,IAAI,CAACsB,YAAY,IAAA;AACxB,MAAA;AACF,IAAA;AACF,EAAA;AAAA,EAAA;IAAA/B,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,WAAA,EAAA,CAvBCQ,MAAA,CAAA,CAAA;AAAA;AAyBD+B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAAClC,KAAK,GAAG,IAAA;IACb,IAAI,CAACK,KAAK,GAAG,IAAA;AACf,EAAA;AAEA,EAAA;IAAA8B,oBAAA,CAAAC,kBAAA,CAAA,m6BAAA,EAwCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;oBAAAC,mBAAA;wBAAAC,cAAA;QAAAC,KAAA;QAAAC,SAAA;QAAAC,GAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-key-pad-menu-item.js CHANGED Viewed

@@ -16,7 +16,7 @@ import templateOnly from '@ember/component/template-only';
 const charAt = helper(function ([str, num]) {
   return str?.charAt?.(num);
 });
-const EuiKeyPadMenuItem = setComponentTemplate(precompileTemplate("\n    {{#let (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\")) (argOrDefault @id (randomId)) (and @href (not @isDisabled)) as |ElementTag itemId useHref|}}\n      {{#let (element ElementTag) as |TagElement|}}\n        <TagElement href={{if useHref @href}} target={{if useHref @target}} aria-current={{if (and useHref @isSelected) @isSelected}} for={{if @checkable itemId}} disabled={{if (and (not useHref) (not @checkable)) @isDisabled}} type={{if (and (not useHref) (not @checkable)) \"button\"}} aria-pressed={{if (and (not useHref) (not @checkable)) @isSelected}} class={{classNames \"euiKeyPadMenuItem\" (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\") (if @checkable \"euiKeyPadMenuItem--checkable\") (if @isDisabled \"euiKeyPadMenuItem-isDisabled\") (if @isSelected \"euiKeyPadMenuItem-isSelected\")}} rel={{if useHref \"noreferrer\"}} {{!--@glint-expect-error--}} ...attributes>\n          <span class=\"euiKeyPadMenuItem__inner\">\n            {{#if @checkable}}\n              {{#if (eq @checkable \"single\")}}\n                {{!-- template-lint-disable no-duplicate-id --}}\n                <EuiRadio id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} value={{@value}} {{on \"change\" (fn @onChange itemId @value)}} />\n              {{else}}\n                <EuiCheckbox id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} {{on \"change\" (fn @onChange itemId)}} />\n              {{/if}}\n            {{else}}\n              <EuiBetaBadge @size=\"s\" @color=\"subdued\" class=\"euiKeyPadMenuItem__betaBadge\" @label={{charAt @betaBadgeLabel 0}} @title={{@betaBadgeLabel}} @iconType={{@betaBadgeIconType}} @tooltipContent={{@betaBadgeTooltipContent}} />\n            {{/if}}\n            <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n            <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n          </span>\n        </TagElement>\n\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiKeyPadMenuItem = setComponentTemplate(precompileTemplate("{{#let (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\")) (argOrDefault @id (randomId)) (and @href (not @isDisabled)) as |ElementTag itemId useHref|}}\n  {{#let (element ElementTag) as |TagElement|}}\n    <TagElement href={{if useHref @href}} target={{if useHref @target}} aria-current={{if (and useHref @isSelected) \"true\"}} for={{if @checkable itemId}} disabled={{if (and (not useHref) (not @checkable)) @isDisabled}} type={{if (and (not useHref) (not @checkable)) \"button\"}} aria-pressed={{if (and (not useHref) (not @checkable)) (if @isSelected \"true\" \"false\")}} class={{classNames \"euiKeyPadMenuItem\" (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\") (if @checkable \"euiKeyPadMenuItem--checkable\") (if @isDisabled \"euiKeyPadMenuItem-isDisabled\") (if @isSelected \"euiKeyPadMenuItem-isSelected\")}} rel={{if useHref \"noreferrer\"}} {{!--@glint-expect-error--}} ...attributes>\n      <span class=\"euiKeyPadMenuItem__inner\">\n        {{#if @checkable}}\n          {{#if (eq @checkable \"single\")}}\n            {{!-- template-lint-disable no-duplicate-id --}}\n            <EuiRadio id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} value={{@value}} {{on \"change\" (fn @onChange itemId @value)}} />\n          {{else}}\n            <EuiCheckbox id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} {{on \"change\" (fn @onChange itemId)}} />\n          {{/if}}\n        {{else if @betaBadgeLabel}}\n          <EuiBetaBadge @size=\"s\" @color=\"subdued\" class=\"euiKeyPadMenuItem__betaBadge\" @label={{charAt @betaBadgeLabel 0}} @title={{@betaBadgeLabel}} @iconType={{@betaBadgeIconType}} @tooltipContent={{@betaBadgeTooltipContent}} />\n        {{/if}}\n        <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n        <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n      </span>\n    </TagElement>\n\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-key-pad-menu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-key-pad-menu-item.js","sources":["../../src/components/eui-key-pad-menu-item.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst charAt = helper(function ([str, num]: [string \| undefined, number]) {\n return str?.charAt?.(num);\n});\n\nexport interface EuiKeyPadMenuItemSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n checkable?: 'label' \| 'single';\n href?: string;\n isDisabled?: boolean;\n isSelected?: boolean;\n label?: string;\n name?: string;\n value?: string;\n onChange: (id: string, value?: string \| Event) => void;\n betaBadgeLabel?: string;\n betaBadgeIconType?: EuiIconSignature['Args']['type'];\n betaBadgeTooltipContent?: string;\n id?: string;\n target?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiKeyPadMenuItem: TemplateOnlyComponent<EuiKeyPadMenuItemSignature> =\n <template>\n {{#let\n (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\"))\n (argOrDefault @id (randomId))\n (and @href (not @isDisabled))\n as \|ElementTag itemId useHref\|\n }}\n {{#let (element ElementTag) as \|TagElement\|}}\n <TagElement\n href={{if useHref @href}}\n target={{if useHref @target}}\n aria-current={{if (and useHref @isSelected) ~~@isSelected~~}}\n for={{if @checkable itemId}}\n disabled={{if (and (not useHref) (not @checkable)) @isDisabled}}\n type={{if (and (not useHref) (not @checkable)) \"button\"}}\n aria-pressed={{if (and (not useHref) (not @checkable)) @isSelected}}\n class={{classNames\n \"euiKeyPadMenuItem\"\n (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\")\n (if @checkable \"euiKeyPadMenuItem--checkable\")\n (if @isDisabled \"euiKeyPadMenuItem-isDisabled\")\n (if @isSelected \"euiKeyPadMenuItem-isSelected\")\n }}\n rel={{if useHref \"noreferrer\"}}\n {{!@glint-expect-error}}\n ...attributes\n >\n <span class=\"euiKeyPadMenuItem__inner\">\n {{#if @checkable}}\n {{#if (eq @checkable \"single\")}}\n {{! template-lint-disable no-duplicate-id }}\n <EuiRadio\n id={{itemId}}\n @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n @checked={{@isSelected}}\n @disabled={{@isDisabled}}\n @name={{@name}}\n value={{@value}}\n {{on \"change\" (fn @onChange itemId @value)}}\n />\n {{else}}\n <EuiCheckbox\n id={{itemId}}\n @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n @checked={{@isSelected}}\n @disabled={{@isDisabled}}\n @name={{@name}}\n {{on \"change\" (fn @onChange itemId)}}\n />\n {{/if}}\n {{else}}\n <EuiBetaBadge\n @size=\"s\"\n @color=\"subdued\"\n class=\"euiKeyPadMenuItem__betaBadge\"\n @label={{charAt @betaBadgeLabel 0}}\n @title={{@betaBadgeLabel}}\n @iconType={{@betaBadgeIconType}}\n @tooltipContent={{@betaBadgeTooltipContent}}\n />\n {{/if}}\n <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n </span>\n </TagElement>\n\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiKeyPadMenuItem;\n"],"names":["charAt","helper","str","num","EuiKeyPadMenuItem","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","element","classNames","eq","EuiRadio","on","fn","EuiCheckbox","EuiBetaBadge","templateOnly"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,MAAA,GAASC,~~MAAO~~,~~CAAA~~,UAAU,CAACC,GAAA,EAAKC,~~GAAO~~,~~CAA2B~~,EAAA;AACtE,EAAA,OAAOD,KAAKF,~~MAAS~~,~~GAAAG~~,GAAA,CAAA;AACvB,CAAA,CAAA;~~AAwBA~~,MAAMC,~~iBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAoEA~~,~~kkEAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAApB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAqB,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-key-pad-menu-item.js","sources":["../../src/components/eui-key-pad-menu-item.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst charAt = helper(function ([str, num]: [string \| undefined, number]) {\n return str?.charAt?.(num);\n});\n\nexport interface EuiKeyPadMenuItemSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n /*\n Makes the item a checkbox (`'label'`) or a radio (`'single'`, share a\n * `@name`) inside a checkable EuiKeyPadMenu.\n /\n checkable?: 'label' \| 'single';\n /* Makes the item a link. /\n href?: string;\n /* Disables the item. /\n isDisabled?: boolean;\n /* Selected (pressed, current page, or checked) state. /\n isSelected?: boolean;\n /* Text under the icon. /\n label?: string;\n /* `name` of the radio or checkbox. /\n name?: string;\n /* `value` of the radio. /\n value?: string;\n /\n Called when a checkable item changes, with its id (and value for\n * radios). Buttons use `{{on \"click\" …}}`.\n /\n onChange: (id: string, value?: string \| Event) => void;\n /* Shows a beta badge with the first letter of this label (full label on hover). /\n betaBadgeLabel?: string;\n /* Icon in the beta badge instead of the letter. /\n betaBadgeIconType?: EuiIconSignature['Args']['type'];\n /* Tooltip of the beta badge. /\n betaBadgeTooltipContent?: string;\n /* Id of the checkable input. Defaults to a random id. /\n id?: string;\n /* `target` of the `@href` link. /\n target?: string;\n };\n Blocks: {\n /* The icon, e.g. `<EuiIcon @type=\"discoverApp\" @size=\"l\" />`. */\n default: [];\n };\n}\n\nconst EuiKeyPadMenuItem: TemplateOnlyComponent<EuiKeyPadMenuItemSignature> =\n <template>\n {{#let\n (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\"))\n (argOrDefault @id (randomId))\n (and @href (not @isDisabled))\n as \|ElementTag itemId useHref\|\n }}\n {{#let (element ElementTag) as \|TagElement\|}}\n <TagElement\n href={{if useHref @href}}\n target={{if useHref @target}}\n aria-current={{if (and useHref @isSelected) \"true\"}}\n for={{if @checkable itemId}}\n disabled={{if (and (not useHref) (not @checkable)) @isDisabled}}\n type={{if (and (not useHref) (not @checkable)) \"button\"}}\n aria-pressed={{if\n (and (not useHref) (not @checkable))\n (if @isSelected \"true\" \"false\")\n }}\n class={{classNames\n \"euiKeyPadMenuItem\"\n (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\")\n (if @checkable \"euiKeyPadMenuItem--checkable\")\n (if @isDisabled \"euiKeyPadMenuItem-isDisabled\")\n (if @isSelected \"euiKeyPadMenuItem-isSelected\")\n }}\n rel={{if useHref \"noreferrer\"}}\n {{!@glint-expect-error}}\n ...attributes\n >\n <span class=\"euiKeyPadMenuItem__inner\">\n {{#if @checkable}}\n {{#if (eq @checkable \"single\")}}\n {{! template-lint-disable no-duplicate-id }}\n <EuiRadio\n id={{itemId}}\n @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n @checked={{@isSelected}}\n @disabled={{@isDisabled}}\n @name={{@name}}\n value={{@value}}\n {{on \"change\" (fn @onChange itemId @value)}}\n />\n {{else}}\n <EuiCheckbox\n id={{itemId}}\n @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n @checked={{@isSelected}}\n @disabled={{@isDisabled}}\n @name={{@name}}\n {{on \"change\" (fn @onChange itemId)}}\n />\n {{/if}}\n {{else if @betaBadgeLabel}}\n <EuiBetaBadge\n @size=\"s\"\n @color=\"subdued\"\n class=\"euiKeyPadMenuItem__betaBadge\"\n @label={{charAt @betaBadgeLabel 0}}\n @title={{@betaBadgeLabel}}\n @iconType={{@betaBadgeIconType}}\n @tooltipContent={{@betaBadgeTooltipContent}}\n />\n {{/if}}\n <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n </span>\n </TagElement>\n\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiKeyPadMenuItem;\n"],"names":["charAt","helper","str","num","EuiKeyPadMenuItem","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","element","classNames","eq","EuiRadio","on","fn","EuiCheckbox","EuiBetaBadge","templateOnly"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,MAAA,GAASC,MAAA,CAAO,UAAU,CAACC,GAAA,EAAKC,GAAA,CAAkC,EAAA;AACtE,EAAA,OAAOD,KAAKF,MAAA,GAASG,GAAA,CAAA;AACvB,CAAA,CAAA;AA4CA,MAAMC,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,ohEAAA,EAuEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAApB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAqB,YAAA,EAAA;;"}

package/dist/components/eui-key-pad-menu.js CHANGED Viewed

@@ -6,7 +6,12 @@ import templateOnly from '@ember/component/template-only';
 const KeyComponent = setComponentTemplate(precompileTemplate("<li>{{yield}}</li>", {
   strictMode: true
 }), templateOnly());
-const EuiKeyPadMenu = setComponentTemplate(precompileTemplate("\n  {{#if @checkable.legend}}\n    <fieldset class=\"euiKeyPadMenu\" aria-label={{@checkable.ariaLegend}} ...attributes>\n      <EuiFormLabel @type=\"legend\">\n        {{@checkable.legend}}\n      </EuiFormLabel>\n      {{yield}}\n    </fieldset>\n  {{else}}\n    <ul class=\"euiKeyPadMenu\" ...attributes>\n      {{yield KeyComponent}}\n    </ul>\n  {{/if}}\n", {
+/**
+ * A grid of large square buttons (`EuiKeyPadMenuItem`s), e.g. an app
+ * switcher in a header popover.
+ */
+const EuiKeyPadMenu = setComponentTemplate(precompileTemplate("{{#if @checkable.legend}}\n  <fieldset class=\"euiKeyPadMenu\" aria-label={{@checkable.ariaLegend}} ...attributes>\n    <EuiFormLabel @type=\"legend\">\n      {{@checkable.legend}}\n    </EuiFormLabel>\n    {{yield}}\n  </fieldset>\n{{else}}\n  <ul class=\"euiKeyPadMenu\" ...attributes>\n    {{yield KeyComponent}}\n  </ul>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     EuiFormLabel,

package/dist/components/eui-key-pad-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-key-pad-menu.js","sources":["../../src/components/eui-key-pad-menu.gts"],"sourcesContent":["import EuiFormLabel from './eui-form-label.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst KeyComponent: TemplateOnlyComponent<{\n Blocks: {\n default: [];\n };\n}> = <template><li>{{yield}}</li></template>;\n\nexport interface EuiKeyPadMenuSignature {\n Element: HTMLUListElement \| HTMLFieldSetElement;\n Args: {\n checkable?: {\n legend?: string;\n ariaLegend?: string;\n };\n iconType?: EuiIconSignature['Args']['type'];\n };\n Blocks: {\n default: [typeof KeyComponent?];\n };\n}\n\nconst EuiKeyPadMenu: TemplateOnlyComponent<EuiKeyPadMenuSignature> = <template>\n {{#if @checkable.legend}}\n <fieldset\n class=\"euiKeyPadMenu\"\n aria-label={{@checkable.ariaLegend}}\n ...attributes\n >\n <EuiFormLabel @type=\"legend\">\n {{@checkable.legend}}\n </EuiFormLabel>\n {{yield}}\n </fieldset>\n {{else}}\n <ul class=\"euiKeyPadMenu\" ...attributes>\n {{yield KeyComponent}}\n </ul>\n {{/if}}\n</template>;\n\nexport default EuiKeyPadMenu;\n"],"names":["KeyComponent","precompileTemplate","strictMode","templateOnly","EuiKeyPadMenu","setComponentTemplate","scope","EuiFormLabel"],"mappings":";;;;;AAKA,MAAMA,oCAIDC,kBAAA,~~CAA4B~~,oBAAA,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;~~AAgB3C~~,MAAMC,~~aAA+D~~,GAAAC,oBAAA,~~CAAAJ~~,kBAAA,~~CAiBrE~~,~~2WAAA,EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAI,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-key-pad-menu.js","sources":["../../src/components/eui-key-pad-menu.gts"],"sourcesContent":["import EuiFormLabel from './eui-form-label.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst KeyComponent: TemplateOnlyComponent<{\n Blocks: {\n default: [];\n };\n}> = <template><li>{{yield}}</li></template>;\n\n/*\n A grid of large square buttons (`EuiKeyPadMenuItem`s), e.g. an app\n * switcher in a header popover.\n /\nexport interface EuiKeyPadMenuSignature {\n Element: HTMLUListElement \| HTMLFieldSetElement;\n Args: {\n /\n Makes the menu a group of radios or checkboxes (items with\n * `@checkable`) under a visible `legend`, or an invisible `ariaLegend`.\n /\n checkable?: {\n legend?: string;\n ariaLegend?: string;\n };\n /* @deprecated Has no effect. /\n iconType?: EuiIconSignature['Args']['type'];\n };\n Blocks: {\n /\n The items. Wrap each in the yielded `<Key>` (an `<li>`), except for\n * checkable menus: `as \|Key\|` → `<Key><EuiKeyPadMenuItem …/></Key>`.\n */\n default: [typeof KeyComponent?];\n };\n}\n\nconst EuiKeyPadMenu: TemplateOnlyComponent<EuiKeyPadMenuSignature> = <template>\n {{#if @checkable.legend}}\n <fieldset\n class=\"euiKeyPadMenu\"\n aria-label={{@checkable.ariaLegend}}\n ...attributes\n >\n <EuiFormLabel @type=\"legend\">\n {{@checkable.legend}}\n </EuiFormLabel>\n {{yield}}\n </fieldset>\n {{else}}\n <ul class=\"euiKeyPadMenu\" ...attributes>\n {{yield KeyComponent}}\n </ul>\n {{/if}}\n</template>;\n\nexport default EuiKeyPadMenu;\n"],"names":["KeyComponent","precompileTemplate","strictMode","templateOnly","EuiKeyPadMenu","setComponentTemplate","scope","EuiFormLabel"],"mappings":";;;;;AAKA,MAAMA,oCAIDC,kBAAA,CAAA,oBAAA,EAA4B;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAE3C;;;AAGC;;AAwBD,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BJ,kBAAA,CAAA,+UAAA,EAiBrE;EAAAC,UAAA,EAAA,IAAA;AAAAI,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA;;"}

package/dist/components/eui-link.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 EuiLink = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @color \"primary\") as |color|}}\n    {{#if @href}}\n      <a href={{@href}} class={{classNames (if @disabled \"euiLink--disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} target={{@target}} disabled={{@disabled}} ...attributes>\n\n        {{yield}}\n        {{#if (or (and (eq @target \"_blank\") (notEq @external false)) (eq @external true))}}\n          <EuiIcon @type=\"popout\" aria-label=\"External link\" @size=\"s\" class=\"euiLink__externalIcon\" />\n        {{/if}}\n        {{#if (eq @target \"_blank\")}}\n          <span {{screenReaderOnly}}>\n            (opens in a new tab or window)\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button type={{argOrDefault @type \"button\"}} class={{classNames (if @disabled \"euiLink-disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} disabled={{@disabled}} ...attributes>\n        {{yield}}\n      </button>\n\n    {{/if}}\n  {{/let}}\n", {
+const EuiLink = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @color \"primary\") as |color|}}\n  {{#if @href}}\n    <a href={{@href}} class={{classNames (if @disabled \"euiLink--disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} target={{@target}} disabled={{@disabled}} ...attributes>\n\n      {{yield}}\n      {{#if (or (and (eq @target \"_blank\") (notEq @external false)) (eq @external true))}}\n        <EuiIcon @type=\"popout\" @aria-label=\"External link\" @size=\"s\" class=\"euiLink__externalIcon\" />\n      {{/if}}\n      {{#if (eq @target \"_blank\")}}\n        <span {{screenReaderOnly}}>\n          (opens in a new tab or window)\n        </span>\n      {{/if}}\n    </a>\n  {{else}}\n    <button type={{argOrDefault @type \"button\"}} class={{classNames (if @disabled \"euiLink-disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} disabled={{@disabled}} ...attributes>\n      {{yield}}\n    </button>\n\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-link.js","sources":["../../src/components/eui-link.gts"],"sourcesContent":["import { and,eq, notEq, or } from 'ember-truth-helpers';\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 EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLinkSignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n color?: string;\n disabled?: boolean;\n external?: boolean;\n href?: string;\n target?: string;\n type?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiLink: TemplateOnlyComponent<EuiLinkSignature> = <template>\n {{#let (argOrDefault @color \"primary\") as \|color\|}}\n {{#if @href}}\n <a\n href={{@href}}\n class={{classNames\n (if @disabled \"euiLink--disabled\")\n componentName=\"EuiLink\"\n color=(unless @disabled color)\n }}\n target={{@target}}\n disabled={{@disabled}}\n ...attributes\n >\n\n {{yield}}\n {{#if\n (or\n (and (eq @target \"_blank\") (notEq @external false))\n (eq @external true)\n )\n }}\n <EuiIcon\n @type=\"popout\"\n aria-label=\"External link\"\n @size=\"s\"\n class=\"euiLink__externalIcon\"\n />\n {{/if}}\n {{#if (eq @target \"_blank\")}}\n <span {{screenReaderOnly}}>\n (opens in a new tab or window)\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n type={{argOrDefault @type \"button\"}}\n class={{classNames\n (if @disabled \"euiLink-disabled\")\n componentName=\"EuiLink\"\n color=(unless @disabled color)\n }}\n disabled={{@disabled}}\n ...attributes\n >\n {{yield}}\n </button>\n\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiLink;\n"],"names":["EuiLink","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","or","and","eq","notEq","EuiIcon","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;~~AAwBA~~,MAAMA,~~OAAmD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAmDzD~~,~~m9BAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-link.js","sources":["../../src/components/eui-link.gts"],"sourcesContent":["import { and,eq, notEq, or } from 'ember-truth-helpers';\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 EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/*\n A text link: an `<a>` with `@href`, otherwise a `<button>` styled as a\n * link (add `{{on \"click\" …}}`).\n /\nexport interface EuiLinkSignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n /\n `'primary'`, `'subdued'`, `'success'`, `'accent'`, `'danger'`,\n * `'warning'`, `'ghost'` or `'text'`. Defaults to `'primary'`.\n /\n color?: string;\n /* Disables the link. /\n disabled?: boolean;\n /\n Shows the external link icon. Defaults to `true` for\n * `@target=\"_blank\"`.\n /\n external?: boolean;\n /* Where it links to; without it the link is a button. /\n href?: string;\n /\n `target` of the link. `'_blank'` also adds the external icon and a\n * screen reader note that it opens a new tab.\n /\n target?: string;\n /* `type` of the button (without `@href`). Defaults to `'button'`. /\n type?: string;\n };\n Blocks: {\n /* The link's text. */\n default: [];\n };\n}\n\nconst EuiLink: TemplateOnlyComponent<EuiLinkSignature> = <template>\n {{#let (argOrDefault @color \"primary\") as \|color\|}}\n {{#if @href}}\n <a\n href={{@href}}\n class={{classNames\n (if @disabled \"euiLink--disabled\")\n componentName=\"EuiLink\"\n color=(unless @disabled color)\n }}\n target={{@target}}\n disabled={{@disabled}}\n ...attributes\n >\n\n {{yield}}\n {{#if\n (or\n (and (eq @target \"_blank\") (notEq @external false))\n (eq @external true)\n )\n }}\n <EuiIcon\n @type=\"popout\"\n @aria-label=\"External link\"\n @size=\"s\"\n class=\"euiLink__externalIcon\"\n />\n {{/if}}\n {{#if (eq @target \"_blank\")}}\n <span {{screenReaderOnly}}>\n (opens in a new tab or window)\n </span>\n {{/if}}\n </a>\n {{else}}\n <button\n type={{argOrDefault @type \"button\"}}\n class={{classNames\n (if @disabled \"euiLink-disabled\")\n componentName=\"EuiLink\"\n color=(unless @disabled color)\n }}\n disabled={{@disabled}}\n ...attributes\n >\n {{yield}}\n </button>\n\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiLink;\n"],"names":["EuiLink","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","or","and","eq","notEq","EuiIcon","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;AA4CA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,06BAAA,EAmDzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-list-group-item.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { on } from '@ember/modifier';
-import { EnsureSafeComponentHelper } from '@embroider/util';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import { eq, not, and, or } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -9,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiListGroupItem = setComponentTemplate(precompileTemplate("\n    <li class={{classNames (if (or @href @onClick) \"euiListGroupItem-isClickable\") (if @isActive \"euiListGroupItem-isActive\") (if @isDisabled \"euiListGroupItem-isDisabled\") (if @wrapText \"euiListGroupItem-wrapText\") componentName=\"EuiListGroupItem\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"inherit\")}}>\n      {{#if (and @href (not @isDisabled))}}\n        <a class=\"euiListGroupItem__button\" href={{@href}} target={{@target}} {{on \"click\" (optional @onClick)}} ...attributes>\n          {{#if @iconType}}\n            <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </a>\n      {{else if (or @onClick (and @href @isDisabled))}}\n        <button class=\"euiListGroupItem__button\" type=\"button\" disabled={{eq @isDisabled true}} {{on \"click\" (optional @onClick)}} ...attributes>\n          {{#if @iconType}}\n            <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} @color=\"inherit\" />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      {{else}}\n        <span class=\"euiListGroupItem__text\" ...attributes>\n          {{#if @iconType}}\n            <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} @color=\"inherit\" />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </span>\n      {{/if}}\n      {{#if @extraAction}}\n        {{#let (component (EnsureSafeComponentHelper @extraAction)) as |ExtraAction|}}\n          <ExtraAction />\n        {{/let}}\n\n      {{/if}}\n    </li>\n  ", {
+const EuiListGroupItem = setComponentTemplate(precompileTemplate("<li class={{classNames (if (or @href @onClick) \"euiListGroupItem-isClickable\") (if @isActive \"euiListGroupItem-isActive\") (if @isDisabled \"euiListGroupItem-isDisabled\") (if @wrapText \"euiListGroupItem-wrapText\") componentName=\"EuiListGroupItem\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"inherit\")}}>\n  {{#if (and @href (not @isDisabled))}}\n    <a class=\"euiListGroupItem__button\" href={{@href}} target={{@target}} {{on \"click\" (optional @onClick)}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} />\n      {{/if}}\n      <span class=\"euiListGroupItem__label\">\n        {{#if (has-block)}}\n          {{yield}}\n        {{else}}\n          {{@label}}\n        {{/if}}\n      </span>\n    </a>\n  {{else if (or @onClick (and @href @isDisabled))}}\n    <button class=\"euiListGroupItem__button\" type=\"button\" disabled={{eq @isDisabled true}} {{on \"click\" (optional @onClick)}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} @color=\"inherit\" />\n      {{/if}}\n      <span class=\"euiListGroupItem__label\">\n        {{#if (has-block)}}\n          {{yield}}\n        {{else}}\n          {{@label}}\n        {{/if}}\n      </span>\n    </button>\n  {{else}}\n    <span class=\"euiListGroupItem__text\" ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiListGroupItem__icon\" @type={{@iconType}} @color=\"inherit\" />\n      {{/if}}\n      <span class=\"euiListGroupItem__label\">\n        {{#if (has-block)}}\n          {{yield}}\n        {{else}}\n          {{@label}}\n        {{/if}}\n      </span>\n    </span>\n  {{/if}}\n  {{#if @extraAction}}\n    {{#let (component @extraAction) as |ExtraAction|}}\n      <ExtraAction />\n    {{/let}}\n\n  {{/if}}\n</li>", {
   strictMode: true,
   scope: () => ({
     classNames,
@@ -20,8 +19,7 @@ const EuiListGroupItem = setComponentTemplate(precompileTemplate("\n    <li clas
     on,
     optional,
     EuiIcon,
-    eq,
-    EnsureSafeComponentHelper
+    eq
   })
 }), templateOnly());

package/dist/components/eui-list-group-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\~~nimport { EnsureSafeComponentHelper } from '@embroider/util';\~~n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n Element:\n \| HTMLLIElement\n \| HTMLAnchorElement\n \| HTMLButtonElement\n \| HTMLSpanElement;\n Args: {\n href?: string;\n target?: string;\n onClick?: (event: MouseEvent) => void;\n label?: string;\n iconType?: EuiIconSignature['Args']['type'];\n isActive?: boolean;\n isDisabled?: boolean;\n wrapText?: boolean;\n extraAction?: ComponentLike;\n size?: keyof typeof sizeMapping;\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n <template>\n <li\n class={{classNames\n (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n (if @isActive \"euiListGroupItem-isActive\")\n (if @isDisabled \"euiListGroupItem-isDisabled\")\n (if @wrapText \"euiListGroupItem-wrapText\")\n componentName=\"EuiListGroupItem\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"inherit\")\n }}\n >\n {{#if (and @href (not @isDisabled))}}\n <a\n class=\"euiListGroupItem__button\"\n href={{@href}}\n target={{@target}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </a>\n {{else if (or @onClick (and @href @isDisabled))}}\n <button\n class=\"euiListGroupItem__button\"\n type=\"button\"\n disabled={{eq @isDisabled true}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </button>\n {{else}}\n <span class=\"euiListGroupItem__text\" ...attributes>\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </span>\n {{/if}}\n {{#if @extraAction}}\n {{#let\n (component ~~(EnsureSafeComponentHelper~~ @extraAction))\n as \|ExtraAction\|\n }}\n <ExtraAction />\n {{/let}}\n\n {{/if}}\n </li>\n </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","~~EnsureSafeComponentHelper","~~templateOnly"],"mappings":"~~;;;;;;;;;;;AA0CA~~,MAAMA,~~gBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAqFA~~,~~6iEAAA,EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;~~IAAAC,EAAA;~~AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n Element:\n \| HTMLLIElement\n \| HTMLAnchorElement\n \| HTMLButtonElement\n \| HTMLSpanElement;\n Args: {\n /** Makes the item a link. /\n href?: string;\n /* `target` of the `@href` link. /\n target?: string;\n /* Makes the item a button calling this function. /\n onClick?: (event: MouseEvent) => void;\n /* The item's text. /\n label?: string;\n /* Icon before the text; anything `EuiIcon`'s `@type` accepts. /\n iconType?: EuiIconSignature['Args']['type'];\n /* Highlights the item, e.g. the current page. /\n isActive?: boolean;\n /* Disables the item. /\n isDisabled?: boolean;\n /* Wraps long text instead of truncating it. /\n wrapText?: boolean;\n /\n A component rendered at the end of the item, e.g. an\n * `EuiButtonIcon` to pin it (use `(component EuiButtonIcon …)`).\n /\n extraAction?: ComponentLike;\n /* `'xs'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. /\n size?: keyof typeof sizeMapping;\n /\n `'inherit'`, `'primary'`, `'text'`, `'subdued'` or `'ghost'`.\n * Defaults to `'inherit'`.\n /\n color?: keyof typeof colorMapping;\n };\n Blocks: {\n /* Custom content instead of `@label`. */\n default: [];\n };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n <template>\n <li\n class={{classNames\n (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n (if @isActive \"euiListGroupItem-isActive\")\n (if @isDisabled \"euiListGroupItem-isDisabled\")\n (if @wrapText \"euiListGroupItem-wrapText\")\n componentName=\"EuiListGroupItem\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"inherit\")\n }}\n >\n {{#if (and @href (not @isDisabled))}}\n <a\n class=\"euiListGroupItem__button\"\n href={{@href}}\n target={{@target}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </a>\n {{else if (or @onClick (and @href @isDisabled))}}\n <button\n class=\"euiListGroupItem__button\"\n type=\"button\"\n disabled={{eq @isDisabled true}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </button>\n {{else}}\n <span class=\"euiListGroupItem__text\" ...attributes>\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiListGroupItem__icon\"\n @type={{@iconType}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiListGroupItem__label\">\n {{#if (has-block)}}\n {{yield}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </span>\n {{/if}}\n {{#if @extraAction}}\n {{#let\n (component @extraAction)\n as \|ExtraAction\|\n }}\n <ExtraAction />\n {{/let}}\n\n {{/if}}\n </li>\n </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;;;AA2DA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,+0DAAA,EAqFA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-list-group.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 EuiListGroup = setComponentTemplate(precompileTemplate("\n  {{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n    <ul class={{classNames (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\") (if @bordered \"euiListGroup-bordered\") (if @flush \"euiListGroup-flush\") componentName=\"EuiListGroup\" gutterSize=(argOrDefault @gutterSize \"s\")}} ...attributes {{style inlineStyles}}>\n      {{yield}}\n    </ul>\n  {{/let}}\n", {
+const EuiListGroup = setComponentTemplate(precompileTemplate("{{#let (if (and @maxWidth (notEq @maxWidth true)) (inlineStyles componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)) (hash)) as |inlineStyles|}}\n  <ul class={{classNames (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\") (if @bordered \"euiListGroup-bordered\") (if @flush \"euiListGroup-flush\") componentName=\"EuiListGroup\" gutterSize=(argOrDefault @gutterSize \"s\")}} ...attributes {{style inlineStyles}}>\n    {{yield}}\n  </ul>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-list-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiListGroupSignature {\n Element: HTMLUListElement;\n Args: {\n maxWidth?: boolean \| string;\n bordered?: boolean;\n flush?: boolean;\n gutterSize?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n {{#let\n (if\n (and @maxWidth (notEq @maxWidth true))\n (inlineStyles\n componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n )\n (hash)\n )\n as \|inlineStyles\|\n }}\n <ul\n class={{classNames\n (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n (if @bordered \"euiListGroup-bordered\")\n (if @flush \"euiListGroup-flush\")\n componentName=\"EuiListGroup\"\n gutterSize=(argOrDefault @gutterSize \"s\")\n }}\n ...attributes\n {{style inlineStyles}}\n >\n {{yield}}\n </ul>\n {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;~~AAyBA~~,MAAMA,~~YAA6D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAyBnE~~,~~weAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A list of `EuiListGroupItem`s, e.g. navigation links in a side bar. /\nexport interface EuiListGroupSignature {\n Element: HTMLUListElement;\n Args: {\n /* `true` for EUI's default max width, or any CSS width. /\n maxWidth?: boolean \| string;\n /* Adds a border around the list. /\n bordered?: boolean;\n /* Removes the list's padding. /\n flush?: boolean;\n /* Space between items: `'none'`, `'s'` or `'m'`. Defaults to `'s'`. /\n gutterSize?: string;\n };\n Blocks: {\n /* The `EuiListGroupItem`s. */\n default: [];\n };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n {{#let\n (if\n (and @maxWidth (notEq @maxWidth true))\n (inlineStyles\n componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n )\n (hash)\n )\n as \|inlineStyles\|\n }}\n <ul\n class={{classNames\n (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n (if @bordered \"euiListGroup-bordered\")\n (if @flush \"euiListGroup-flush\")\n componentName=\"EuiListGroup\"\n gutterSize=(argOrDefault @gutterSize \"s\")\n }}\n ...attributes\n {{style inlineStyles}}\n >\n {{yield}}\n </ul>\n {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0dAAA,EAyBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-loading-chart.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const SIZES = {
+  m: 'euiLoadingChart--medium',
+  l: 'euiLoadingChart--large',
+  xl: 'euiLoadingChart--xLarge'
+};
+/**
+ * Animated bars, for a chart or visualization that is loading. Give it an
+ * `aria-label` (e.g. "Loading chart").
+ */
+function classes(size = 'm', mono) {
+  return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]].filter(Boolean).join(' ');
+}
+const EuiLoadingChart = setComponentTemplate(precompileTemplate("<span class={{classes @size @mono}} ...attributes>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n</span>", {
+  strictMode: true,
+  scope: () => ({
+    classes
+  })
+}), templateOnly());
+export { EuiLoadingChart as default };
+//# sourceMappingURL=eui-loading-chart.js.map

package/dist/components/eui-loading-chart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-loading-chart.js","sources":["../../src/components/eui-loading-chart.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst SIZES = {\n m: 'euiLoadingChart--medium',\n l: 'euiLoadingChart--large',\n xl: 'euiLoadingChart--xLarge'\n};\n\n/**\n * Animated bars, for a chart or visualization that is loading. Give it an\n * `aria-label` (e.g. \"Loading chart\").\n */\nexport interface EuiLoadingChartSignature {\n Element: HTMLSpanElement;\n Args: {\n /** `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n size?: 'm' | 'l' | 'xl';\n /** Gray bars instead of colored ones. */\n mono?: boolean;\n };\n}\n\nfunction classes(size: keyof typeof SIZES = 'm', mono?: boolean): string {\n return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]]\n .filter(Boolean)\n .join(' ');\n}\n\nconst EuiLoadingChart: TemplateOnlyComponent<EuiLoadingChartSignature> = <template>\n \n \n \n \n \n \n</template>;\n\nexport default EuiLoadingChart;\n"],"names":["SIZES","m","l","xl","classes","size","mono","filter","Boolean","join","EuiLoadingChart","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;AAEA,MAAMA,KAAA,GAAQ;AACZC,EAAAA,CAAA,EAAG,yBAAA;AACHC,EAAAA,CAAA,EAAG,wBAAA;AACHC,EAAAA,EAAA,EAAI;AACN,CAAA;AAEA;;;AAGC;;AAWD,SAASC,OAAAA,CAAQC,IAAmB,GAAQ,GAAG,EAAEC,IAAc,EAAS;EACtE,OAAO,CAAC,iBAAA,EAAmBA,IAAA,IAAQ,uBAAA,EAAyBN,KAAK,CAACK,IAAA,CAAK,CAAC,CACrEE,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,MAAMC,eAAuC,GAAAC,oBAAA,CAA4BC,kBAAA,CAAA,6PAAA,EAOzE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAV,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAW,YAAA,EAAA;;"}

package/dist/components/eui-loading-content.js CHANGED Viewed

@@ -18,7 +18,7 @@ const getLength = lines => {
     return lines;
   }
 };
-const EuiLoadingContent = setComponentTemplate(precompileTemplate("\n    <span class=\"euiLoadingContent\" ...attributes>\n      {{#each (repeat (getLength @lines))}}\n        <span class={{classNames \"euiLoadingContent__singleLine\" @singleLineClasses}}>\n          <span class=\"euiLoadingContent__singleLineBackground\" />\n        </span>\n      {{/each}}\n    </span>\n  ", {
+const EuiLoadingContent = setComponentTemplate(precompileTemplate("<span class=\"euiLoadingContent\" ...attributes>\n  {{#each (repeat (getLength @lines))}}\n    <span class={{classNames \"euiLoadingContent__singleLine\" @singleLineClasses}}>\n      <span class=\"euiLoadingContent__singleLineBackground\" />\n    </span>\n  {{/each}}\n</span>", {
   strictMode: true,
   scope: () => ({
     repeat,

package/dist/components/eui-loading-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingContentSignature {\n Element: HTMLSpanElement;\n Args: {\n lines?: number;\n singleLineClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number \| undefined) => {\n if (lines === undefined) {\n return 1;\n }\n\n if (lines > 10) {\n return 10;\n } else if (lines < 1) {\n return 1;\n } else {\n return lines;\n }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n <template>\n <span class=\"euiLoadingContent\" ...attributes>\n {{#each (repeat (getLength @lines))}}\n <span\n class={{classNames\n \"euiLoadingContent__singleLine\"\n @singleLineClasses\n }}\n >\n <span class=\"euiLoadingContent__singleLineBackground\" />\n </span>\n {{/each}}\n </span>\n </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;~~AAeA~~,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,~~MAAQ~~,~~EAAAH~~;AAAM,CAAA,CAAA;AAE7D,MAAMI,~~SAAY~~,~~GAACC~~,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,~~SAAW~~,~~EAAA~~;AACvB,IAAA,OAAO,CAAA;AACT;EAEA,IAAID,QAAQ,EAAI~~,EAAA~~;AACd,IAAA,OAAO,EAAA;AACT,~~GAAO~~,~~MAAA~~,IAAIA,QAAQ,~~CAAG~~,~~EAAA~~;AACpB,IAAA,OAAO,CAAA;AACT,~~GAAO~~,~~MAAA~~;AACL,IAAA,OAAOA,KAAA;AACT;AACF,CAAA;AAEA,MAAME,~~iBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAaA~~,~~wTAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Animated placeholder lines shown while text content loads. /\nexport interface EuiLoadingContentSignature {\n Element: HTMLSpanElement;\n Args: {\n /* Number of lines, 1 to 10. Defaults to `1`. /\n lines?: number;\n /* Extra classes for each line. /\n singleLineClasses?: string;\n };\n Blocks: {\n /* Unused. */\n default: [];\n };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number \| undefined) => {\n if (lines === undefined) {\n return 1;\n }\n\n if (lines > 10) {\n return 10;\n } else if (lines < 1) {\n return 1;\n } else {\n return lines;\n }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n <template>\n <span class=\"euiLoadingContent\" ...attributes>\n {{#each (repeat (getLength @lines))}}\n <span\n class={{classNames\n \"euiLoadingContent__singleLine\"\n @singleLineClasses\n }}\n >\n <span class=\"euiLoadingContent__singleLineBackground\" />\n </span>\n {{/each}}\n </span>\n </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAmBA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAA,EAAQH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAA,GAAaC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAA,EAAW;AACvB,IAAA,OAAO,CAAA;AACT,EAAA;EAEA,IAAID,QAAQ,EAAA,EAAI;AACd,IAAA,OAAO,EAAA;AACT,EAAA,CAAA,MAAO,IAAIA,QAAQ,CAAA,EAAG;AACpB,IAAA,OAAO,CAAA;AACT,EAAA,CAAA,MAAO;AACL,IAAA,OAAOA,KAAA;AACT,EAAA;AACF,CAAA;AAEA,MAAME,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sRAAA,EAaA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}