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

@ember-eui/core 13.0.5 → 14.0.0

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

Files changed (1491) hide show

package/dist/components/eui-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 !(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 <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 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={{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 ...attributes\n />\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 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 // 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":";;;;;;;;;;;;;;;;;;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;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,CAC7BG,qBAAsB,CAAA,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEvB,IAAIE,SAAaA,GAAmB;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C;AAEA;AACA;EACA,IAAIC,SAAaA,GAAwC;AACvD,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,OAAOI,SAAA;AACT;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;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,QAAU,EAAA;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB;AACF;AAEA,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAuGA,y9DAAA,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;;;;"}

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\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","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;EAAA,IAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,EAAG;AAAA,KAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,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,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;AAEA,EAAA;IAAAc,oBAAA,CAAAC,kBAAA,CAEA,sCAAA,EAAA;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}} @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 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","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":"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"}

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}}\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 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) \"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}}\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,CAuEA,igEAAA,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;;;;"}

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

@@ -6,7 +6,7 @@ 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", {
+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\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,+UAAA,EAAA;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\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,y6BAAA,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;;;;"}

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 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 @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":";;;;;;;;;;AAyCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqFA,+0DAAA,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;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\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,0dAAA,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;;;;"}

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\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,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;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiLoadingLogo = setComponentTemplate(precompileTemplate("\n    <span class={{classNames \"euiLoadingLogo\" (if (eq @size \"m\") \"euiLoadingLogo--medium\" (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\"))}}>\n      <span class=\"euiLoadingLogo__icon\">\n        <EuiIcon @type={{argOrDefault @logo \"logoKibana\"}} @size={{argOrDefault @size \"m\"}} />\n      </span>\n    </span>\n  ", {
+const EuiLoadingLogo = setComponentTemplate(precompileTemplate("<span class={{classNames \"euiLoadingLogo\" (if (eq @size \"m\") \"euiLoadingLogo--medium\" (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\"))}}>\n  <span class=\"euiLoadingLogo__icon\">\n    <EuiIcon @type={{argOrDefault @logo \"logoKibana\"}} @size={{argOrDefault @size \"m\"}} />\n  </span>\n</span>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingLogoSignature {\n Args: {\n logo?: string;\n size?: 'm' \| 'l' \| 'xl';\n };\n Yields: {\n default: [];\n };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n <template>\n <span\n class={{classNames\n \"euiLoadingLogo\"\n (if\n (eq @size \"m\")\n \"euiLoadingLogo--medium\"\n (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n )\n }}\n >\n <span class=\"euiLoadingLogo__icon\">\n <EuiIcon\n @type={{argOrDefault @logo \"logoKibana\"}}\n @size={{argOrDefault @size \"m\"}}\n />\n </span>\n </span>\n </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAkBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,~~mWAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingLogoSignature {\n Args: {\n logo?: string;\n size?: 'm' \| 'l' \| 'xl';\n };\n Yields: {\n default: [];\n };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n <template>\n <span\n class={{classNames\n \"euiLoadingLogo\"\n (if\n (eq @size \"m\")\n \"euiLoadingLogo--medium\"\n (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n )\n }}\n >\n <span class=\"euiLoadingLogo__icon\">\n <EuiIcon\n @type={{argOrDefault @logo \"logoKibana\"}}\n @size={{argOrDefault @size \"m\"}}\n />\n </span>\n </span>\n </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAkBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,yUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingSpinnerSignature {\n Element: HTMLSpanElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n <template>\n <span\n class={{classNames\n componentName=\"EuiLoadingSpinner\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n ></span>\n </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,~~gIAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingSpinnerSignature {\n Element: HTMLSpanElement;\n Args: {\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n <template>\n <span\n class={{classNames\n componentName=\"EuiLoadingSpinner\"\n size=(argOrDefault @size \"m\")\n }}\n ...attributes\n ></span>\n </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,sHAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-markdown-editor-drop-zone.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiMarkdownEditorDropZone = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiMarkdownEditorDropZone\" (if false \"euiMarkdownEditorDropZone--isDragging\") (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\") (if false \"euiMarkdownEditorDropZone--isDraggingError\")}} ...attributes>\n      {{yield}}\n      <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n    </div>\n  ", {
+const EuiMarkdownEditorDropZone = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiMarkdownEditorDropZone\" (if false \"euiMarkdownEditorDropZone--isDragging\") (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\") (if false \"euiMarkdownEditorDropZone--isDraggingError\")}} ...attributes>\n  {{yield}}\n  <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-markdown-editor-drop-zone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorDropZoneSignature {\n Element: HTMLDivElement;\n Args: {\n uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n isUploadingFiles?: boolean;\n hasUnacceptedItems?: boolean;\n errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n <template>\n <div\n class={{classNames\n \"euiMarkdownEditorDropZone\"\n (if false \"euiMarkdownEditorDropZone--isDragging\")\n (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n }}\n ...attributes\n >\n {{yield}}\n <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n </div>\n </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,~~gXAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorDropZoneSignature {\n Element: HTMLDivElement;\n Args: {\n uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n isUploadingFiles?: boolean;\n hasUnacceptedItems?: boolean;\n errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n <template>\n <div\n class={{classNames\n \"euiMarkdownEditorDropZone\"\n (if false \"euiMarkdownEditorDropZone--isDragging\")\n (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n }}\n ...attributes\n >\n {{yield}}\n <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n </div>\n </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,0VAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}