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

@ember-eui/core 13.0.5 → 14.1.0

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

Files changed (2392) hide show

package/dist/components/eui-auto-sizer.js CHANGED Viewed

@@ -5,7 +5,7 @@ import style from 'ember-style-modifier/modifiers/style';
 import createDetectElementResize from '../utils/detect-element-resize.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 class EuiAutoSizerComponent extends Component {
   _autoSizer;
@@ -27,7 +27,7 @@ class EuiAutoSizerComponent extends Component {
     return this.args.disableWidth ?? false;
   }
   get style() {
-    let style = {
+    const style = {
       outerStyle: {
         overflow: 'visible'
       },
@@ -108,7 +108,7 @@ class EuiAutoSizerComponent extends Component {
     this._detectElementResize = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div {{didInsert this.setRef}} {{style this.style.outerStyle}} ...attributes>\n      {{yield this.style.childStyle}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div {{didInsert this.setRef}} {{style this.style.outerStyle}} ...attributes>\n  {{yield this.style.childStyle}}\n</div>", {
       strictMode: true,
       scope: () => ({
         didInsert,

package/dist/components/eui-auto-sizer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-auto-sizer.js","sources":["../../src/components/eui-auto-sizer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport createDetectElementResize from '../utils/detect-element-resize';\n\ntype Size = {\n height: number;\n width: number;\n};\n\ninterface EuiAutoSizerComponentArgs {\n /** Function responsible for rendering children./\n\n /* Optional custom CSS class name to attach to root AutoSizer element. /\n className?: string;\n\n /* Default height to use for initial render; useful for SSR /\n defaultHeight?: number;\n\n /* Default width to use for initial render; useful for SSR /\n defaultWidth?: number;\n\n /* Disable dynamic :height property /\n disableHeight?: boolean;\n\n /* Disable dynamic :width property /\n disableWidth?: boolean;\n\n /* Nonce of the inlined stylesheet for Content Security Policy /\n nonce?: string;\n\n /* Callback to be invoked on-resize /\n onResize?: (size: Size) => void;\n\n /* Optional inline style */\n style?: Record<string, string>;\n}\n\ntype ResizeHandler = (element: HTMLElement, onResize: () => void) => void;\n\ntype DetectElementResize = {\n addResizeListener: ResizeHandler;\n removeResizeListener: ResizeHandler;\n};\n\ntype DynamicStyle = {\n outerStyle: {\n height?: number \| string;\n width?: number \| string;\n overflow?: string;\n };\n childStyle?: {\n height?: number \| string;\n width?: number \| string;\n };\n};\n\nexport interface EuiAutoSizerSignature {\n Args: EuiAutoSizerComponentArgs;\n Element: HTMLDivElement;\n Blocks: {\n default: [DynamicStyle['childStyle']];\n };\n}\n\nexport default class EuiAutoSizerComponent extends Component<EuiAutoSizerSignature> {\n _autoSizer?: HTMLElement;\n _parentNode?: HTMLElement;\n _window?: any; // uses any instead of Window because Flow doesn't have window type\n _detectElementResize?: DetectElementResize;\n\n @tracked height: number \| undefined;\n @tracked width: number \| undefined;\n\n get disableHeight() {\n return this.args.disableHeight ?? false;\n }\n\n get disableWidth() {\n return this.args.disableWidth ?? false;\n }\n\n get style() {\n let style: DynamicStyle = {\n outerStyle: { overflow: 'visible' },\n childStyle: {}\n };\n\n if (!this.disableHeight) {\n style.outerStyle.height = `0px`;\n\n if (style.childStyle) {\n style.childStyle.height = `${this.height}px`;\n }\n }\n\n if (!this.disableWidth) {\n style.outerStyle.width = `0px`;\n\n if (style.childStyle) {\n style.childStyle.width = `${this.width}px`;\n }\n }\n\n return style;\n }\n\n setup() {\n const { nonce } = this.args;\n\n if (\n this._autoSizer &&\n this._autoSizer.parentNode &&\n this._autoSizer.parentNode.ownerDocument &&\n this._autoSizer.parentNode.ownerDocument.defaultView &&\n this._autoSizer.parentNode instanceof\n this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement\n ) {\n // Delay access of parentNode until mount.\n // This handles edge-cases where the component has already been unmounted before its ref has been set,\n // As well as libraries like react-lite which have a slightly different lifecycle.\n this._parentNode = this._autoSizer.parentNode;\n this._window = this._autoSizer.parentNode.ownerDocument.defaultView;\n\n // Defer requiring resize handler in order to support server-side rendering.\n // See issue #41\n this._detectElementResize = createDetectElementResize(\n nonce,\n this._window\n );\n this._detectElementResize?.addResizeListener(\n this._parentNode,\n this._onResize\n );\n\n this._onResize();\n }\n }\n\n _onResize = () => {\n const { disableHeight, disableWidth } = this;\n\n if (this._parentNode) {\n // Guard against AutoSizer component being removed from the DOM immediately after being added.\n // This can result in invalid style values which can result in NaN values if we don't handle them.\n // See issue #150 for more context.\n\n const height = this._parentNode.offsetHeight \|\| 0;\n const width = this._parentNode.offsetWidth \|\| 0;\n\n const win = this._window \|\| window;\n const style = win.getComputedStyle(this._parentNode) \|\| {};\n const paddingLeft = parseInt(style.paddingLeft, 10) \|\| 0;\n const paddingRight = parseInt(style.paddingRight, 10) \|\| 0;\n const paddingTop = parseInt(style.paddingTop, 10) \|\| 0;\n const paddingBottom = parseInt(style.paddingBottom, 10) \|\| 0;\n\n const newHeight = height - paddingTop - paddingBottom;\n const newWidth = width - paddingLeft - paddingRight;\n\n if (\n (!disableHeight && this.height !== newHeight) \|\|\n (!disableWidth && this.width !== newWidth)\n ) {\n this.height = height - paddingTop - paddingBottom;\n this.width = width - paddingLeft - paddingRight;\n\n this.args.onResize?.({ height, width });\n }\n }\n };\n\n setRef = (ele: HTMLElement) => {\n this._autoSizer = ele;\n this.setup();\n };\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this._detectElementResize && this._parentNode) {\n this._detectElementResize.removeResizeListener(\n this._parentNode,\n this._onResize\n );\n }\n\n this._autoSizer = undefined;\n this._parentNode = undefined;\n this._window = undefined;\n this._detectElementResize = undefined;\n }\n\n <template>\n <div\n {{didInsert this.setRef}}\n {{style this.style.outerStyle}}\n ...attributes\n >\n {{yield this.style.childStyle}}\n </div>\n </template>\n}\n"],"names":["EuiAutoSizerComponent","Component","_autoSizer","_parentNode","_window","_detectElementResize","g","prototype","tracked","i","void 0","disableHeight","args","disableWidth","style","outerStyle","overflow","childStyle","height","width","setup","nonce","parentNode","ownerDocument","defaultView","HTMLElement","createDetectElementResize","addResizeListener","_onResize","offsetHeight","offsetWidth","win","window","getComputedStyle","paddingLeft","parseInt","paddingRight","paddingTop","paddingBottom","newHeight","newWidth","onResize","setRef","ele","willDestroy","removeResizeListener","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert"],"mappings":"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"}
1	+ {"version":3,"file":"eui-auto-sizer.js","sources":["../../src/components/eui-auto-sizer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport createDetectElementResize from '../utils/detect-element-resize.js';\n\ntype Size = {\n height: number;\n width: number;\n};\n\ninterface EuiAutoSizerComponentArgs {\n /** Function responsible for rendering children./\n\n /* Optional custom CSS class name to attach to root AutoSizer element. /\n className?: string;\n\n /* Default height to use for initial render; useful for SSR /\n defaultHeight?: number;\n\n /* Default width to use for initial render; useful for SSR /\n defaultWidth?: number;\n\n /* Disable dynamic :height property /\n disableHeight?: boolean;\n\n /* Disable dynamic :width property /\n disableWidth?: boolean;\n\n /* Nonce of the inlined stylesheet for Content Security Policy /\n nonce?: string;\n\n /* Callback to be invoked on-resize /\n onResize?: (size: Size) => void;\n\n /* Optional inline style */\n style?: Record<string, string>;\n}\n\ntype ResizeHandler = (element: HTMLElement, onResize: () => void) => void;\n\ntype DetectElementResize = {\n addResizeListener: ResizeHandler;\n removeResizeListener: ResizeHandler;\n};\n\ntype DynamicStyle = {\n outerStyle: {\n height?: number \| string;\n width?: number \| string;\n overflow?: string;\n };\n childStyle?: {\n height?: number \| string;\n width?: number \| string;\n };\n};\n\nexport interface EuiAutoSizerSignature {\n Args: EuiAutoSizerComponentArgs;\n Element: HTMLDivElement;\n Blocks: {\n default: [DynamicStyle['childStyle']];\n };\n}\n\nexport default class EuiAutoSizerComponent extends Component<EuiAutoSizerSignature> {\n _autoSizer?: HTMLElement;\n _parentNode?: HTMLElement;\n _window?: any; // uses any instead of Window because Flow doesn't have window type\n _detectElementResize?: DetectElementResize;\n\n @tracked height: number \| undefined;\n @tracked width: number \| undefined;\n\n get disableHeight() {\n return this.args.disableHeight ?? false;\n }\n\n get disableWidth() {\n return this.args.disableWidth ?? false;\n }\n\n get style() {\n const style: DynamicStyle = {\n outerStyle: { overflow: 'visible' },\n childStyle: {}\n };\n\n if (!this.disableHeight) {\n style.outerStyle.height = `0px`;\n\n if (style.childStyle) {\n style.childStyle.height = `${this.height}px`;\n }\n }\n\n if (!this.disableWidth) {\n style.outerStyle.width = `0px`;\n\n if (style.childStyle) {\n style.childStyle.width = `${this.width}px`;\n }\n }\n\n return style;\n }\n\n setup() {\n const { nonce } = this.args;\n\n if (\n this._autoSizer &&\n this._autoSizer.parentNode &&\n this._autoSizer.parentNode.ownerDocument &&\n this._autoSizer.parentNode.ownerDocument.defaultView &&\n this._autoSizer.parentNode instanceof\n this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement\n ) {\n // Delay access of parentNode until mount.\n // This handles edge-cases where the component has already been unmounted before its ref has been set,\n // As well as libraries like react-lite which have a slightly different lifecycle.\n this._parentNode = this._autoSizer.parentNode;\n this._window = this._autoSizer.parentNode.ownerDocument.defaultView;\n\n // Defer requiring resize handler in order to support server-side rendering.\n // See issue #41\n this._detectElementResize = createDetectElementResize(\n nonce,\n this._window\n );\n this._detectElementResize?.addResizeListener(\n this._parentNode,\n this._onResize\n );\n\n this._onResize();\n }\n }\n\n _onResize = () => {\n const { disableHeight, disableWidth } = this;\n\n if (this._parentNode) {\n // Guard against AutoSizer component being removed from the DOM immediately after being added.\n // This can result in invalid style values which can result in NaN values if we don't handle them.\n // See issue #150 for more context.\n\n const height = this._parentNode.offsetHeight \|\| 0;\n const width = this._parentNode.offsetWidth \|\| 0;\n\n const win = this._window \|\| window;\n const style = win.getComputedStyle(this._parentNode) \|\| {};\n const paddingLeft = parseInt(style.paddingLeft, 10) \|\| 0;\n const paddingRight = parseInt(style.paddingRight, 10) \|\| 0;\n const paddingTop = parseInt(style.paddingTop, 10) \|\| 0;\n const paddingBottom = parseInt(style.paddingBottom, 10) \|\| 0;\n\n const newHeight = height - paddingTop - paddingBottom;\n const newWidth = width - paddingLeft - paddingRight;\n\n if (\n (!disableHeight && this.height !== newHeight) \|\|\n (!disableWidth && this.width !== newWidth)\n ) {\n this.height = height - paddingTop - paddingBottom;\n this.width = width - paddingLeft - paddingRight;\n\n this.args.onResize?.({ height, width });\n }\n }\n };\n\n setRef = (ele: HTMLElement) => {\n this._autoSizer = ele;\n this.setup();\n };\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this._detectElementResize && this._parentNode) {\n this._detectElementResize.removeResizeListener(\n this._parentNode,\n this._onResize\n );\n }\n\n this._autoSizer = undefined;\n this._parentNode = undefined;\n this._window = undefined;\n this._detectElementResize = undefined;\n }\n\n <template>\n <div\n {{didInsert this.setRef}}\n {{style this.style.outerStyle}}\n ...attributes\n >\n {{yield this.style.childStyle}}\n </div>\n </template>\n}\n"],"names":["EuiAutoSizerComponent","Component","_autoSizer","_parentNode","_window","_detectElementResize","g","prototype","tracked","i","disableHeight","args","disableWidth","style","outerStyle","overflow","childStyle","height","width","setup","nonce","parentNode","ownerDocument","defaultView","HTMLElement","createDetectElementResize","addResizeListener","_onResize","offsetHeight","offsetWidth","win","window","getComputedStyle","paddingLeft","parseInt","paddingRight","paddingTop","paddingBottom","newHeight","newWidth","onResize","setRef","ele","willDestroy","removeResizeListener","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiAvatar = setComponentTemplate(precompileTemplate("\n  {{#let (inlineStyles componentName=\"EuiAvatar\" componentArgs=(hash name=@name color=@color iconColor=@iconColor iconSize=@iconSize iconType=@iconType imageUrl=@imageUrl initials=@initials)) as |inlineStyles|}}\n    <div class={{classNames (if @isDisabled \"euiAvatar-isDisabled\") (if (eq @color \"plain\") \"euiAvatar--plain\") componentName=\"EuiAvatar\" size=(argOrDefault @size \"m\") type=(argOrDefault @type \"user\")}} aria-label={{if @isDisabled undefined @name}} title={{@name}} role={{if @isDisabled \"presentation\" \"img\"}} ...attributes {{simpleStyle inlineStyles}}>\n      {{#if (and (not @imageUrl) (not @iconType))}}\n        <span aria-hidden=\"true\">\n          {{#if @name}}\n            {{toInitials @name @initialLength @initials}}\n          {{/if}}\n        </span>\n      {{else if @iconType}}\n        <EuiIcon @iconClasses=\"euiAvatar__icon\" @size={{or @iconSize @size}} @type={{@iconType}} aria-label={{@name}} role={{if @isDisabled \"presentation\" \"img\"}} @color={{or @iconColor (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))}} />\n      {{/if}}\n    </div>\n  {{/let}}\n", {
+const EuiAvatar = setComponentTemplate(precompileTemplate("{{#let (inlineStyles componentName=\"EuiAvatar\" componentArgs=(hash name=@name color=@color iconColor=@iconColor iconSize=@iconSize iconType=@iconType imageUrl=@imageUrl initials=@initials)) as |inlineStyles|}}\n  <div class={{classNames (if @isDisabled \"euiAvatar-isDisabled\") (if (eq @color \"plain\") \"euiAvatar--plain\") componentName=\"EuiAvatar\" size=(argOrDefault @size \"m\") type=(argOrDefault @type \"user\")}} aria-label={{if @isDisabled undefined @name}} title={{@name}} role={{if @isDisabled \"presentation\" \"img\"}} ...attributes {{simpleStyle inlineStyles}}>\n    {{#if (and (not @imageUrl) (not @iconType))}}\n      <span aria-hidden=\"true\">\n        {{#if @name}}\n          {{toInitials @name @initialLength @initials}}\n        {{/if}}\n      </span>\n    {{else if @iconType}}\n      <EuiIcon @iconClasses=\"euiAvatar__icon\" @size={{or @iconSize @size}} @type={{@iconType}} aria-label={{@name}} role={{if @isDisabled \"presentation\" \"img\"}} @color={{or @iconColor (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))}} />\n    {{/if}}\n  </div>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     inlineStyles,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-avatar.js","sources":["../../src/components/eui-avatar.gts"],"sourcesContent":["import { get,hash } from '@ember/helper';\n\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 inlineStyles from '../helpers/inline-styles.ts';\nimport { toInitials } from '../helpers/to-initials.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping, typeMapping } from '../utils/css-mappings/eui-avatar.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiAvatarSignature {\n Element: HTMLDivElement;\n Args: {\n name?: string;\n color?: EuiIconSignature['Args']['color'];\n iconColor?: string;\n iconSize?: EuiIconSignature['Args']['size'];\n iconType?: EuiIconSignature['Args']['type'];\n imageUrl?: string;\n initials?: string;\n isDisabled?: boolean;\n size?: keyof typeof sizeMapping;\n type?: keyof typeof typeMapping;\n initialLength?: 1 \| 2;\n };\n}\n\nconst EuiAvatar: TemplateOnlyComponent<EuiAvatarSignature> = <template>\n {{#let\n (inlineStyles\n componentName=\"EuiAvatar\"\n componentArgs=(hash\n name=@name\n color=@color\n iconColor=@iconColor\n iconSize=@iconSize\n iconType=@iconType\n imageUrl=@imageUrl\n initials=@initials\n )\n )\n as \|inlineStyles\|\n }}\n <div\n class={{classNames\n (if @isDisabled \"euiAvatar-isDisabled\")\n (if (eq @color \"plain\") \"euiAvatar--plain\")\n componentName=\"EuiAvatar\"\n size=(argOrDefault @size \"m\")\n type=(argOrDefault @type \"user\")\n }}\n aria-label={{if @isDisabled undefined @name}}\n title={{@name}}\n role={{if @isDisabled \"presentation\" \"img\"}}\n ...attributes\n {{simpleStyle inlineStyles}}\n >\n {{#if (and (not @imageUrl) (not @iconType))}}\n <span aria-hidden=\"true\">\n {{#if @name}}\n {{toInitials @name @initialLength @initials}}\n {{/if}}\n </span>\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiAvatar__icon\"\n @size={{or @iconSize @size}}\n @type={{@iconType}}\n aria-label={{@name}}\n role={{if @isDisabled \"presentation\" \"img\"}}\n @color={{or\n @iconColor\n (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))\n }}\n />\n {{/if}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiAvatar;\n"],"names":["EuiAvatar","setComponentTemplate","precompileTemplate","strictMode","scope","inlineStyles","hash","classNames","eq","argOrDefault","simpleStyle","and","not","toInitials","EuiIcon","or","get","templateOnly"],"mappings":";;;;;;;;;;;;~~AAgCA~~,MAAMA,~~SAAuD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAmD7D~~,~~4mCAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-avatar.js","sources":["../../src/components/eui-avatar.gts"],"sourcesContent":["import { get,hash } from '@ember/helper';\n\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 inlineStyles from '../helpers/inline-styles.ts';\nimport { toInitials } from '../helpers/to-initials.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping, typeMapping } from '../utils/css-mappings/eui-avatar.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiAvatarSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n Full name of the user or space. Used as the accessible label and the\n * hover title, for the initials and to pick a background color.\n /\n name?: string;\n /\n Background color as a hex value (`'#DA8B45'`), or `'plain'` for the\n * page's background color. Defaults to one of EUI's visualization colors,\n * picked from `@name`; the text color is chosen for contrast.\n /\n color?: EuiIconSignature['Args']['color'];\n /\n Color of the `@iconType` icon, any `EuiIcon` color. Defaults to the\n * text color picked for the background; `null` keeps the icon's own\n * colors (for multi-color logos).\n /\n iconColor?: string;\n /\n Size of the `@iconType` icon. Defaults to `@size`.\n /\n iconSize?: EuiIconSignature['Args']['size'];\n /\n Shows an icon instead of initials, e.g. `'logoElastic'` for a space.\n * Anything `EuiIcon`'s `@type` accepts.\n /\n iconType?: EuiIconSignature['Args']['type'];\n /\n Image shown as the avatar (as a background image), instead of initials.\n /\n imageUrl?: string;\n /\n Custom initials (max 2 characters) instead of the ones computed from\n * `@name`. Only shown when `@name` is set.\n /\n initials?: string;\n /\n Greys the avatar out and hides it from assistive technology.\n /\n isDisabled?: boolean;\n /\n `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`.\n /\n size?: keyof typeof sizeMapping;\n /\n `'user'` renders a circle, `'space'` a rounded square.\n * Defaults to `'user'`.\n /\n type?: keyof typeof typeMapping;\n /\n Number of initials to compute from `@name`, `1` or `2`. Defaults to\n * the number of words in the name, up to 2.\n */\n initialLength?: 1 \| 2;\n };\n}\n\nconst EuiAvatar: TemplateOnlyComponent<EuiAvatarSignature> = <template>\n {{#let\n (inlineStyles\n componentName=\"EuiAvatar\"\n componentArgs=(hash\n name=@name\n color=@color\n iconColor=@iconColor\n iconSize=@iconSize\n iconType=@iconType\n imageUrl=@imageUrl\n initials=@initials\n )\n )\n as \|inlineStyles\|\n }}\n <div\n class={{classNames\n (if @isDisabled \"euiAvatar-isDisabled\")\n (if (eq @color \"plain\") \"euiAvatar--plain\")\n componentName=\"EuiAvatar\"\n size=(argOrDefault @size \"m\")\n type=(argOrDefault @type \"user\")\n }}\n aria-label={{if @isDisabled undefined @name}}\n title={{@name}}\n role={{if @isDisabled \"presentation\" \"img\"}}\n ...attributes\n {{simpleStyle inlineStyles}}\n >\n {{#if (and (not @imageUrl) (not @iconType))}}\n <span aria-hidden=\"true\">\n {{#if @name}}\n {{toInitials @name @initialLength @initials}}\n {{/if}}\n </span>\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiAvatar__icon\"\n @size={{or @iconSize @size}}\n @type={{@iconType}}\n aria-label={{@name}}\n role={{if @isDisabled \"presentation\" \"img\"}}\n @color={{or\n @iconColor\n (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))\n }}\n />\n {{/if}}\n </div>\n {{/let}}\n</template>;\n\nexport default EuiAvatar;\n"],"names":["EuiAvatar","setComponentTemplate","precompileTemplate","strictMode","scope","inlineStyles","hash","classNames","eq","argOrDefault","simpleStyle","and","not","toInitials","EuiIcon","or","get","templateOnly"],"mappings":";;;;;;;;;;;;AA0EA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,8kCAAA,EAmD7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-badge-group.js CHANGED Viewed

@@ -5,10 +5,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const BadgeGroupItem = setComponentTemplate(precompileTemplate("\n  <span class=\"euiBadgeGroup__item\">\n    {{yield}}\n  </span>\n", {
+const BadgeGroupItem = setComponentTemplate(precompileTemplate("<span class=\"euiBadgeGroup__item\">\n  {{yield}}\n</span>", {
   strictMode: true
 }), templateOnly());
-const EuiBadgeGroup = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiBadgeGroup\" gutterSize=(argOrDefault @gutterSize \"xs\")}} ...attributes>\n    {{yield (hash item=BadgeGroupItem)}}\n  </div>\n", {
+const EuiBadgeGroup = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiBadgeGroup\" gutterSize=(argOrDefault @gutterSize \"xs\")}} ...attributes>\n  {{yield (hash item=BadgeGroupItem)}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-badge-group.js","sources":["../../src/components/eui-badge-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { gutterSize } from '../utils/css-mappings/eui-badge-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst BadgeGroupItem: TemplateOnlyComponent<{\n Blocks: {\n default: [];\n };\n}> = <template>\n <span class=\"euiBadgeGroup__item\">\n {{yield}}\n </span>\n</template>;\n\nexport interface EuiBadgeGroupSignature {\n Element: HTMLDivElement;\n Args: {\n gutterSize: keyof typeof gutterSize;\n };\n Blocks: {\n default: [\n {\n item: typeof BadgeGroupItem;\n }\n ];\n };\n}\n\nconst EuiBadgeGroup: TemplateOnlyComponent<EuiBadgeGroupSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiBadgeGroup\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n ...attributes\n >\n {{yield (hash item=BadgeGroupItem)}}\n </div>\n</template>;\n\nexport default EuiBadgeGroup;\n"],"names":["BadgeGroupItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly","EuiBadgeGroup","scope","classNames","argOrDefault","hash"],"mappings":";;;;;;;AAQA,MAAMA,cAID,GAAAC,oBAAA,CAAAC,kBAAA,~~CAIL~~,~~sEAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;~~AAgBV~~,MAAMC,~~aAA+D~~,GAAAJ,oBAAA,~~CAAAC~~,kBAAA,~~CAUrE~~,~~iLAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-badge-group.js","sources":["../../src/components/eui-badge-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { gutterSize } from '../utils/css-mappings/eui-badge-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst BadgeGroupItem: TemplateOnlyComponent<{\n Blocks: {\n default: [];\n };\n}> = <template>\n <span class=\"euiBadgeGroup__item\">\n {{yield}}\n </span>\n</template>;\n\nexport interface EuiBadgeGroupSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n Space between the badges, `'xs'` or `'s'`. Defaults to `'xs'`.\n /\n gutterSize?: keyof typeof gutterSize;\n };\n Blocks: {\n /\n Wrap each badge in the yielded `item` so the group can space and wrap\n * them: `<group.item><EuiBadge>…</EuiBadge></group.item>`.\n */\n default: [\n {\n item: typeof BadgeGroupItem;\n }\n ];\n };\n}\n\nconst EuiBadgeGroup: TemplateOnlyComponent<EuiBadgeGroupSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiBadgeGroup\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n ...attributes\n >\n {{yield (hash item=BadgeGroupItem)}}\n </div>\n</template>;\n\nexport default EuiBadgeGroup;\n"],"names":["BadgeGroupItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly","EuiBadgeGroup","scope","classNames","argOrDefault","hash"],"mappings":";;;;;;;AAQA,MAAMA,cAID,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,4DAAA,EAIL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAuBV,MAAMC,aAAqC,GAAAJ,oBAAA,CAA0BC,kBAAA,CAAA,uKAAA,EAUrE;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;"}

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

@@ -11,7 +11,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiBadge = setComponentTemplate(precompileTemplate("\n  {{#if (and (or @onClick @href) (not @iconType))}}\n    {{#if @onClick}}\n      <button type=\"button\" class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} aria-label={{@onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}} {{on \"click\" (optional @onClick)}}>\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </button>\n    {{else}}\n      <a class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} target={{@target}} href={{@href}} aria-label={{if @onClick @onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </a>\n    {{/if}}\n  {{else if @iconType}}\n    <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n      <span class=\"euiBadge__content\">\n        {{#if (has-block)}}\n          {{#if @onClick}}\n            <button class=\"euiBadge__childButton\" type=\"button\" disabled={{@isDisabled}} {{on \"click\" (optional @onClick)}}>\n              {{yield}}\n            </button>\n          {{else if @href}}\n            <a class=\"euiBadge__childButton\" href={{@href}} disabled={{@isDisabled}}>\n              {{yield}}\n            </a>\n          {{else}}\n            <span class=\"euiBadge__text\">\n              {{yield}}\n            </span>\n          {{/if}}\n        {{/if}}\n        {{#if @iconOnClick}}\n          {{!-- template-lint-disable --}}\n          <button type=\"button\" class=\"euiBadge__iconButton\" aria-label={{@iconOnClickAriaLabel}} disabled={{@isDisabled}} title={{@iconOnClickAriaLabel}} tabindex={{@closeButtonProps.tabIndex}} data-selected-index={{@closeButtonProps.dataSelectedIconIndex}} {{on \"click\" (optional @iconOnClick)}}>\n            <EuiIcon @color=\"inherit\" @iconClasses={{classNames \"euiBadge__icon\" @closeButtonProps.iconClasses}} @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} />\n          </button>\n          {{!-- tempalte-lint-enable--}}\n        {{else}}\n          <EuiIcon @color=\"inherit\" @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} @iconClasses=\"euiBadge__icon\" />\n        {{/if}}\n      </span>\n    </span>\n  {{else}}\n    <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </span>\n  {{/if}}\n", {
+const EuiBadge = setComponentTemplate(precompileTemplate("{{#if (and (or @onClick @href) (not @iconType))}}\n  {{#if @onClick}}\n    <button type=\"button\" class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} aria-label={{@onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}} {{on \"click\" (optional @onClick)}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </button>\n  {{else}}\n    <a class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} target={{@target}} href={{@href}} aria-label={{if @onClick @onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </a>\n  {{/if}}\n{{else if @iconType}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      {{#if (has-block)}}\n        {{#if @onClick}}\n          <button class=\"euiBadge__childButton\" type=\"button\" disabled={{@isDisabled}} {{on \"click\" (optional @onClick)}}>\n            {{yield}}\n          </button>\n        {{else if @href}}\n          <a class=\"euiBadge__childButton\" href={{@href}} target={{@target}} disabled={{@isDisabled}}>\n            {{yield}}\n          </a>\n        {{else}}\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        {{/if}}\n      {{/if}}\n      {{#if @iconOnClick}}\n        {{!-- template-lint-disable --}}\n        <button type=\"button\" class=\"euiBadge__iconButton\" aria-label={{@iconOnClickAriaLabel}} disabled={{@isDisabled}} title={{@iconOnClickAriaLabel}} tabindex={{@closeButtonProps.tabIndex}} data-selected-index={{@closeButtonProps.dataSelectedIconIndex}} {{on \"click\" (optional @iconOnClick)}}>\n          <EuiIcon @color=\"inherit\" @iconClasses={{classNames \"euiBadge__icon\" @closeButtonProps.iconClasses}} @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} />\n        </button>\n        {{!-- tempalte-lint-enable--}}\n      {{else}}\n        <EuiIcon @color=\"inherit\" @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} @iconClasses=\"euiBadge__icon\" />\n      {{/if}}\n    </span>\n  </span>\n{{else}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      <span class=\"euiBadge__text\">\n        {{yield}}\n      </span>\n    </span>\n  </span>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     and,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-badge.js","sources":["../../src/components/eui-badge.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } 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';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n EuiBadgeColorType\n} from '../utils/css-mappings/eui-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBadgeSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement \| HTMLSpanElement;\n Args: {\n color?: keyof typeof colorMapping \| EuiBadgeColorType \| string;\n iconType?: EuiIconSignature['Args']['type'];\n iconSide?: 'left' \| 'right';\n iconOnClick?: () => void;\n iconOnClickAriaLabel?: string;\n iconUseSvg?: boolean;\n isDisabled?: boolean;\n onClick?: () => void;\n onClickAriaLabel?: string;\n href?: string;\n target?: string;\n closeButtonProps?: {\n tabIndex?: number;\n dataSelectedIconIndex?: number;\n iconClasses?: string;\n };\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiBadge: TemplateOnlyComponent<EuiBadgeSignature> = <template>\n {{#if (and (or @onClick @href) (not @iconType))}}\n {{#if @onClick}}\n <button\n type=\"button\"\n class={{classNames\n \"euiBadge-isClickable\"\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n color=(argOrDefault @color \"default\")\n }}\n aria-label={{@onClickAriaLabel}}\n disabled={{@isDisabled}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n {{on \"click\" (optional @onClick)}}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </button>\n {{else}}\n <a\n class={{classNames\n \"euiBadge-isClickable\"\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n color=(argOrDefault @color \"default\")\n }}\n target={{@target}}\n href={{@href}}\n aria-label={{if @onClick @onClickAriaLabel}}\n disabled={{@isDisabled}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </a>\n {{/if}}\n {{else if @iconType}}\n <span\n class={{classNames\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n iconSide=(argOrDefault @iconSide \"left\")\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n {{#if (has-block)}}\n {{#if @onClick}}\n <button\n class=\"euiBadge__childButton\"\n type=\"button\"\n disabled={{@isDisabled}}\n {{on \"click\" (optional @onClick)}}\n >\n {{yield}}\n </button>\n {{else if @href}}\n <a\n class=\"euiBadge__childButton\"\n href={{@href}}\n disabled={{@isDisabled}}\n >\n {{yield}}\n </a>\n {{else}}\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n {{/if}}\n {{/if}}\n {{#if @iconOnClick}}\n {{! template-lint-disable }}\n <button\n type=\"button\"\n class=\"euiBadge__iconButton\"\n aria-label={{@iconOnClickAriaLabel}}\n disabled={{@isDisabled}}\n title={{@iconOnClickAriaLabel}}\n tabindex={{@closeButtonProps.tabIndex}}\n data-selected-index={{@closeButtonProps.dataSelectedIconIndex}}\n {{on \"click\" (optional @iconOnClick)}}\n >\n <EuiIcon\n @color=\"inherit\"\n @iconClasses={{classNames\n \"euiBadge__icon\"\n @closeButtonProps.iconClasses\n }}\n @type={{@iconType}}\n @useSvg={{@iconUseSvg}}\n @size={{if (has-block) \"s\" \"m\"}}\n />\n </button>\n {{! tempalte-lint-enable}}\n {{else}}\n <EuiIcon\n @color=\"inherit\"\n @type={{@iconType}}\n @useSvg={{@iconUseSvg}}\n @size={{if (has-block) \"s\" \"m\"}}\n @iconClasses=\"euiBadge__icon\"\n />\n {{/if}}\n </span>\n </span>\n {{else}}\n <span\n class={{classNames\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n iconSide=(argOrDefault @iconSide \"left\")\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </span>\n {{/if}}\n</template>;\n\nexport default EuiBadge;\n"],"names":["EuiBadge","setComponentTemplate","precompileTemplate","strictMode","scope","and","or","not","classNames","argOrDefault","simpleStyle","inlineStyles","hash","on","optional","EuiIcon","templateOnly"],"mappings":";;;;;;;;;;;;;~~AA4CA~~,MAAMA,~~QAAqD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA0J3D~~,~~w9GAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-badge.js","sources":["../../src/components/eui-badge.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } 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';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n EuiBadgeColorType\n} from '../utils/css-mappings/eui-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBadgeSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement \| HTMLSpanElement;\n Args: {\n /*\n `'default'`, `'hollow'`, `'primary'`, `'success'`, `'accent'`,\n * `'warning'`, `'danger'` or any hex color (`'#DA8B45'`); the text color\n * is picked for contrast. Defaults to `'default'`.\n /\n color?: keyof typeof colorMapping \| EuiBadgeColorType \| string;\n /\n Icon shown in the badge, anything `EuiIcon`'s `@type` accepts.\n /\n iconType?: EuiIconSignature['Args']['type'];\n /\n Side of the text the icon is on. Defaults to `'left'`.\n /\n iconSide?: 'left' \| 'right';\n /\n Makes the icon a separate button calling this function, e.g. an \"x\" to\n * remove the badge. Requires `@iconType` and `@iconOnClickAriaLabel`.\n /\n iconOnClick?: () => void;\n /\n Accessible label (and hover title) of the `@iconOnClick` button.\n /\n iconOnClickAriaLabel?: string;\n /\n @deprecated Has no effect, see `EuiIcon`.\n /\n iconUseSvg?: boolean;\n /\n Disables the badge's buttons and links and greys it out.\n /\n isDisabled?: boolean;\n /\n Makes the badge (or its text, when it has an `@iconType`) a button\n * calling this function.\n /\n onClick?: () => void;\n /\n Accessible label of the `@onClick` button, when the text alone does not\n * describe the action.\n /\n onClickAriaLabel?: string;\n /\n Makes the badge (or its text, when it has an `@iconType`) a link.\n /\n href?: string;\n /\n `target` of the `@href` link, e.g. `'_blank'`.\n /\n target?: string;\n /\n Extra props for the `@iconOnClick` button.\n /\n closeButtonProps?: {\n tabIndex?: number;\n dataSelectedIconIndex?: number;\n iconClasses?: string;\n };\n };\n Blocks: {\n /* The badge's text. */\n default: [];\n };\n}\n\nconst EuiBadge: TemplateOnlyComponent<EuiBadgeSignature> = <template>\n {{#if (and (or @onClick @href) (not @iconType))}}\n {{#if @onClick}}\n <button\n type=\"button\"\n class={{classNames\n \"euiBadge-isClickable\"\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n color=(argOrDefault @color \"default\")\n }}\n aria-label={{@onClickAriaLabel}}\n disabled={{@isDisabled}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n {{on \"click\" (optional @onClick)}}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </button>\n {{else}}\n <a\n class={{classNames\n \"euiBadge-isClickable\"\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n color=(argOrDefault @color \"default\")\n }}\n target={{@target}}\n href={{@href}}\n aria-label={{if @onClick @onClickAriaLabel}}\n disabled={{@isDisabled}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </a>\n {{/if}}\n {{else if @iconType}}\n <span\n class={{classNames\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n iconSide=(argOrDefault @iconSide \"left\")\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n {{#if (has-block)}}\n {{#if @onClick}}\n <button\n class=\"euiBadge__childButton\"\n type=\"button\"\n disabled={{@isDisabled}}\n {{on \"click\" (optional @onClick)}}\n >\n {{yield}}\n </button>\n {{else if @href}}\n <a\n class=\"euiBadge__childButton\"\n href={{@href}}\n target={{@target}}\n disabled={{@isDisabled}}\n >\n {{yield}}\n </a>\n {{else}}\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n {{/if}}\n {{/if}}\n {{#if @iconOnClick}}\n {{! template-lint-disable }}\n <button\n type=\"button\"\n class=\"euiBadge__iconButton\"\n aria-label={{@iconOnClickAriaLabel}}\n disabled={{@isDisabled}}\n title={{@iconOnClickAriaLabel}}\n tabindex={{@closeButtonProps.tabIndex}}\n data-selected-index={{@closeButtonProps.dataSelectedIconIndex}}\n {{on \"click\" (optional @iconOnClick)}}\n >\n <EuiIcon\n @color=\"inherit\"\n @iconClasses={{classNames\n \"euiBadge__icon\"\n @closeButtonProps.iconClasses\n }}\n @type={{@iconType}}\n @useSvg={{@iconUseSvg}}\n @size={{if (has-block) \"s\" \"m\"}}\n />\n </button>\n {{! tempalte-lint-enable}}\n {{else}}\n <EuiIcon\n @color=\"inherit\"\n @type={{@iconType}}\n @useSvg={{@iconUseSvg}}\n @size={{if (has-block) \"s\" \"m\"}}\n @iconClasses=\"euiBadge__icon\"\n />\n {{/if}}\n </span>\n </span>\n {{else}}\n <span\n class={{classNames\n (if @isDisabled \"euiBadge-isDisabled\")\n componentName=\"EuiBadge\"\n iconSide=(argOrDefault @iconSide \"left\")\n color=(argOrDefault @color \"default\")\n }}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiBadge\"\n componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n )\n }}\n >\n <span class=\"euiBadge__content\">\n <span class=\"euiBadge__text\">\n {{yield}}\n </span>\n </span>\n </span>\n {{/if}}\n</template>;\n\nexport default EuiBadge;\n"],"names":["EuiBadge","setComponentTemplate","precompileTemplate","strictMode","scope","and","or","not","classNames","argOrDefault","simpleStyle","inlineStyles","hash","on","optional","EuiIcon","templateOnly"],"mappings":";;;;;;;;;;;;;AAsFA,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,u3GAAA,EA2J3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,16 @@
+import { hash } from '@ember/helper';
+import cssStyle from '../-private/css-style.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const EuiBeacon = setComponentTemplate(precompileTemplate("<div class=\"euiBeacon\" style={{cssStyle (hash height=(if @size @size 12) width=(if @size @size 12))}} ...attributes></div>", {
+  strictMode: true,
+  scope: () => ({
+    cssStyle,
+    hash
+  })
+}), templateOnly());
+export { EuiBeacon as default };
+//# sourceMappingURL=eui-beacon.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-beacon.js","sources":["../../src/components/eui-beacon.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport cssStyle from '../-private/css-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A pulsing dot that draws attention to something new, e.g. next to a\n * feature a tour points at.\n */\nexport interface EuiBeaconSignature {\n Element: HTMLDivElement;\n Args: {\n /** Diameter of the center dot in px. Defaults to `12`. */\n size?: number;\n };\n}\n\nconst EuiBeacon: TemplateOnlyComponent<EuiBeaconSignature> = <template>\n <div\n class=\"euiBeacon\"\n style={{cssStyle\n (hash height=(if @size @size 12) width=(if @size @size 12))\n }}\n ...attributes\n ></div>\n</template>;\n\nexport default EuiBeacon;\n"],"names":["EuiBeacon","setComponentTemplate","precompileTemplate","strictMode","scope","cssStyle","hash","templateOnly"],"mappings":";;;;;;AAkBA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,8HAAA,EAQ7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-beta-badge.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 EuiBetaBadge = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @size \"m\") (eq @label.length 1) (argOrDefault @tooltipPosition \"top\") as |size singleLetter tooltipPosition|}}\n\n    {{#let (classNames (if @iconType \"euiBetaBadge--iconOnly\") (if singleLetter \"euiBetaBadge--singleLetter\") (if (or @onClick @href) \"euiBetaBadge-isClickable\") componentName=\"EuiBetaBadge\" color=(argOrDefault @color \"hollow\") size=size) as |classes|}}\n\n      {{#if (or @href @onClick)}}\n        {{#if @href}}\n          <a aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} href={{@href}} target={{@target}} rel={{@rel}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </a>\n        {{else if @onClick}}\n          <button type=\"button\" aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} {{on \"click\" @onClick}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </button>\n        {{/if}}\n\n        {{#if @tooltipContent}}\n          <EuiToolTip @position={{tooltipPosition}} @title={{or @title @label}} @content={{@tooltipContent}}>\n            {{#if @href}}\n              <a aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} href={{@href}} target={{@target}} rel={{@rel}} ...attributes>\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </a>\n            {{else if @onClick}}\n              <button type=\"button\" aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} {{on \"click\" @onClick}} ...attributes>\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </button>\n            {{/if}}\n          </EuiToolTip>\n        {{/if}}\n      {{else}}\n        {{#if @tooltipContent}}\n          <EuiToolTip @position={{tooltipPosition}} @title={{or @title @label}} @content={{@tooltipContent}}>\n            <span tabindex=\"0\" class={{classes}} ...attributes>\n              {{#if (has-block)}}\n                {{yield}}\n              {{else if @iconType}}\n                <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </span>\n          </EuiToolTip>\n        {{else}}\n          <span class={{classes}} title={{@title}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        {{/if}}\n\n      {{/if}}\n\n    {{/let}}\n\n  {{/let}}\n", {
+const EuiBetaBadge = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @size \"m\") (eq @label.length 1) (argOrDefault @tooltipPosition \"top\") as |size singleLetter tooltipPosition|}}\n\n  {{#let (classNames (if @iconType \"euiBetaBadge--iconOnly\") (if singleLetter \"euiBetaBadge--singleLetter\") (if (or @onClick @href) \"euiBetaBadge-isClickable\") componentName=\"EuiBetaBadge\" color=(argOrDefault @color \"hollow\") size=size) as |classes|}}\n\n    {{#if (or @href @onClick)}}\n      {{#if @href}}\n        <a aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} href={{@href}} target={{@target}} rel={{@rel}} ...attributes>\n          {{#if (has-block)}}\n            {{yield}}\n          {{else if @iconType}}\n            <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </a>\n      {{else if @onClick}}\n        <button type=\"button\" aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} {{on \"click\" @onClick}} ...attributes>\n          {{#if (has-block)}}\n            {{yield}}\n          {{else if @iconType}}\n            <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </button>\n      {{/if}}\n\n      {{#if @tooltipContent}}\n        <EuiToolTip @position={{tooltipPosition}} @title={{or @title @label}} @content={{@tooltipContent}}>\n          {{#if @href}}\n            <a aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} href={{@href}} target={{@target}} rel={{@rel}} ...attributes>\n              {{#if (has-block)}}\n                {{yield}}\n              {{else if @iconType}}\n                <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </a>\n          {{else if @onClick}}\n            <button type=\"button\" aria-label={{@onClickAriaLabel}} title={{if @label @label @title}} class={{classes}} {{on \"click\" @onClick}} ...attributes>\n              {{#if (has-block)}}\n                {{yield}}\n              {{else if @iconType}}\n                <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </button>\n          {{/if}}\n        </EuiToolTip>\n      {{/if}}\n    {{else}}\n      {{#if @tooltipContent}}\n        <EuiToolTip @position={{tooltipPosition}} @title={{or @title @label}} @content={{@tooltipContent}}>\n          <span tabindex=\"0\" class={{classes}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </EuiToolTip>\n      {{else}}\n        <span class={{classes}} title={{@title}} ...attributes>\n          {{#if (has-block)}}\n            {{yield}}\n          {{else if @iconType}}\n            <EuiIcon @iconClasses=\"euiBetaBadge__icon\" @type={{@iconType}} @size={{if (eq size \"m\") \"m\" \"s\"}} aria-hidden=\"true\" @color=\"inherit\" />\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </span>\n      {{/if}}\n\n    {{/if}}\n\n  {{/let}}\n\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-beta-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-beta-badge.js","sources":["../../src/components/eui-beta-badge.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { eq, 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';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-beta-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBetaBadgeSignature {\n Element: HTMLSpanElement;\n Args: {\n /*\n The ~~label~~ to ~~use~~ ~~for~~ ~~the~~ ~~beta~~ ~~badge.~~ ~~Usually~~ a ~~single~~ ~~letter~~.\n /\n label?: string;\n /\n ~~The~~ title to ~~use~~ ~~for~~ ~~the~~ ~~beta~~ ~~badge~~. ~~Usually~~ a ~~full~~ ~~word~~.\n /\n title?: string;\n /\n ~~The~~ icon to ~~use~~ ~~for~~ ~~the~~ ~~beta~~ ~~badge~~.\n /\n iconType?: EuiIconSignature['Args']['type'];\n /\n ~~The~~ ~~color~~ of ~~the~~ ~~beta~~ ~~badge.\~~n /\n color?: keyof typeof colorMapping;\n\n /\n ~~The~~ ~~size~~ of ~~the~~ ~~beta~~ ~~badge.\~~n /\n size?: keyof typeof sizeMapping;\n /\n ~~The~~ ~~position~~ of ~~the~~ tooltip ~~for~~ ~~the~~ ~~beta~~ ~~badge.\~~n /\n tooltipPosition?: EuiToolTipSignature['Args']['position'];\n /\n ~~The~~ ~~content~~ of ~~the~~ ~~tooltip~~ ~~for~~ ~~the~~ ~~beta~~ ~~badge~~.\n /\n tooltipContent?: string;\n /\n ~~The~~ ~~aria-~~label ~~for~~ the ~~beta~~ ~~badge~~.\n /\n onClickAriaLabel?: string;\n /\n ~~The~~ ~~href~~ ~~for~~ ~~the~~ ~~beta badge~~.\n /\n href?: string;\n /\n ~~The~~ target ~~for~~ the ~~beta~~ ~~badge.\~~n /\n target?: string;\n /\n ~~The~~ rel ~~for~~ the ~~beta~~ ~~badge.\~~n /\n rel?: string;\n /\n ~~The~~ ~~action~~ to ~~call~~ ~~when~~ ~~the~~ ~~beta~~ ~~badge is clicked~~.\n */\n onClick?: (event: MouseEvent) => void;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiBetaBadge: TemplateOnlyComponent<EuiBetaBadgeSignature> = <template>\n {{#let\n (argOrDefault @size \"m\")\n (eq @label.length 1)\n (argOrDefault @tooltipPosition \"top\")\n as \|size singleLetter tooltipPosition\|\n }}\n\n {{#let\n (classNames\n (if @iconType \"euiBetaBadge--iconOnly\")\n (if singleLetter \"euiBetaBadge--singleLetter\")\n (if (or @onClick @href) \"euiBetaBadge-isClickable\")\n componentName=\"EuiBetaBadge\"\n color=(argOrDefault @color \"hollow\")\n size=size\n )\n as \|classes\|\n }}\n\n {{#if (or @href @onClick)}}\n {{#if @href}}\n <a\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </a>\n {{else if @onClick}}\n <button\n type=\"button\"\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </button>\n {{/if}}\n\n {{#if @tooltipContent}}\n <EuiToolTip\n @position={{tooltipPosition}}\n @title={{or @title @label}}\n @content={{@tooltipContent}}\n >\n {{#if @href}}\n <a\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </a>\n {{else if @onClick}}\n <button\n type=\"button\"\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </button>\n {{/if}}\n </EuiToolTip>\n {{/if}}\n {{else}}\n {{#if @tooltipContent}}\n <EuiToolTip\n @position={{tooltipPosition}}\n @title={{or @title @label}}\n @content={{@tooltipContent}}\n >\n <span tabindex=\"0\" class={{classes}} ...attributes>\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </EuiToolTip>\n {{else}}\n <span class={{classes}} title={{@title}} ...attributes>\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n {{/if}}\n\n {{/if}}\n\n {{/let}}\n\n {{/let}}\n</template>;\n\nexport default EuiBetaBadge;\n"],"names":["EuiBetaBadge","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","or","EuiIcon","on","EuiToolTip","templateOnly"],"mappings":";;;;;;;;;;~~AA2EA~~,MAAMA,~~YAA6D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA4KnE~~,~~o5HAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-beta-badge.js","sources":["../../src/components/eui-beta-badge.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { eq, 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';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-beta-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBetaBadgeSignature {\n Element: HTMLSpanElement;\n Args: {\n /*\n The badge's text, e.g. `'Beta'`, or a single letter (rendered as a\n * circle). Also its hover title. The default block replaces it.\n /\n label?: string;\n /\n Hover title when there is no `@label` (e.g. with `@iconType`), and the\n * title of the `@tooltipContent` tooltip.\n /\n title?: string;\n /\n Renders an icon instead of `@label` (icon-only badge). Give it a\n * `@title` so it has a name.\n /\n iconType?: EuiIconSignature['Args']['type'];\n /\n `'hollow'`, `'accent'` or `'subdued'`. Defaults to `'hollow'`.\n /\n color?: keyof typeof colorMapping;\n\n /\n `'s'` or `'m'`. Defaults to `'m'`.\n /\n size?: keyof typeof sizeMapping;\n /\n Where the `@tooltipContent` tooltip appears: `'top'`, `'right'`,\n * `'bottom'` or `'left'`. Defaults to `'top'`.\n /\n tooltipPosition?: EuiToolTipSignature['Args']['position'];\n /\n Shows a tooltip with this text on hover, e.g. what \"Beta\" means here.\n /\n tooltipContent?: string;\n /\n Accessible label of the badge when it is a link or button\n * (`@href` / `@onClick`).\n /\n onClickAriaLabel?: string;\n /\n Makes the badge a link.\n /\n href?: string;\n /\n `target` of the `@href` link, e.g. `'_blank'`.\n /\n target?: string;\n /\n `rel` of the `@href` link, e.g. `'noopener'`.\n /\n rel?: string;\n /\n Makes the badge a button calling this function.\n /\n onClick?: (event: MouseEvent) => void;\n };\n Blocks: {\n /* Custom content instead of `@label` / `@iconType`. */\n default: [];\n };\n}\n\nconst EuiBetaBadge: TemplateOnlyComponent<EuiBetaBadgeSignature> = <template>\n {{#let\n (argOrDefault @size \"m\")\n (eq @label.length 1)\n (argOrDefault @tooltipPosition \"top\")\n as \|size singleLetter tooltipPosition\|\n }}\n\n {{#let\n (classNames\n (if @iconType \"euiBetaBadge--iconOnly\")\n (if singleLetter \"euiBetaBadge--singleLetter\")\n (if (or @onClick @href) \"euiBetaBadge-isClickable\")\n componentName=\"EuiBetaBadge\"\n color=(argOrDefault @color \"hollow\")\n size=size\n )\n as \|classes\|\n }}\n\n {{#if (or @href @onClick)}}\n {{#if @href}}\n <a\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </a>\n {{else if @onClick}}\n <button\n type=\"button\"\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </button>\n {{/if}}\n\n {{#if @tooltipContent}}\n <EuiToolTip\n @position={{tooltipPosition}}\n @title={{or @title @label}}\n @content={{@tooltipContent}}\n >\n {{#if @href}}\n <a\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n href={{@href}}\n target={{@target}}\n rel={{@rel}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </a>\n {{else if @onClick}}\n <button\n type=\"button\"\n aria-label={{@onClickAriaLabel}}\n title={{if @label @label @title}}\n class={{classes}}\n {{on \"click\" @onClick}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </button>\n {{/if}}\n </EuiToolTip>\n {{/if}}\n {{else}}\n {{#if @tooltipContent}}\n <EuiToolTip\n @position={{tooltipPosition}}\n @title={{or @title @label}}\n @content={{@tooltipContent}}\n >\n <span tabindex=\"0\" class={{classes}} ...attributes>\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </EuiToolTip>\n {{else}}\n <span class={{classes}} title={{@title}} ...attributes>\n {{#if (has-block)}}\n {{yield}}\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiBetaBadge__icon\"\n @type={{@iconType}}\n @size={{if (eq size \"m\") \"m\" \"s\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n {{/if}}\n\n {{/if}}\n\n {{/let}}\n\n {{/let}}\n</template>;\n\nexport default EuiBetaBadge;\n"],"names":["EuiBetaBadge","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","or","EuiIcon","on","EuiToolTip","templateOnly"],"mappings":";;;;;;;;;;AAiFA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,wvHAAA,EA4KnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-bottom-bar.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import { htmlSafe } from '@ember/template';
 import { modifier } from 'ember-modifier';
 import set from 'ember-set-helper/helpers/set';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -9,7 +10,7 @@ import screenReaderOnly from '../modifiers/screen-reader-only.js';
 import EuiPortal from './eui-portal.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const updateDisplacementModifier = modifier(function (_element, _pos, {
   affordForDisplacement,
@@ -60,13 +61,13 @@ class EuiBottomBarComponent extends Component {
   }
   get bottomBarStyles() {
     if (this.position === 'fixed') {
-      return `left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`;
+      return htmlSafe(`left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`);
     } else {
-      return `top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`;
+      return htmlSafe(`top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`);
     }
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if this.usePortal}}\n      <EuiPortal>\n        <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n          {{yield}}\n        </section>\n      </EuiPortal>\n    {{else}}\n      <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n        <div {{screenReaderOnly}}>\n          <h2>\n            {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n          </h2>\n        </div>\n        {{yield}}\n      </section>\n      <div {{screenReaderOnly}}>\n        <p aria-live=\"assertive\">\n          {{#if @landmarkHeading}}\n            There is a new region landmark called\n            {{@landmarkHeading}}\n            with page level controls at the end of the document.\n          {{else}}\n            There is a new region landmark with page level controls at the end\n            of the document.\n          {{/if}}\n        </p>\n      </div>\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if this.usePortal}}\n  <EuiPortal>\n    <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} ...attributes>\n      <div {{screenReaderOnly}}>\n        <h2>\n          {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n        </h2>\n      </div>\n      {{yield}}\n    </section>\n    <div {{screenReaderOnly}}>\n      <p aria-live=\"assertive\">\n        {{#if @landmarkHeading}}\n          There is a new region landmark called\n          {{@landmarkHeading}}\n          with page level controls at the end of the document.\n        {{else}}\n          There is a new region landmark with page level controls at the end\n          of the document.\n        {{/if}}\n      </p>\n    </div>\n  </EuiPortal>\n{{else}}\n  <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n    <div {{screenReaderOnly}}>\n      <h2>\n        {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n      </h2>\n    </div>\n    {{yield}}\n  </section>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         EuiPortal,

package/dist/components/eui-bottom-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-bottom-bar.js","sources":["../../src/components/eui-bottom-bar.gts"],"sourcesContent":["import GlimmerComponent from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiPortal from './eui-portal.gts';\n\nexport interface EuiButtomBarArgs {\n affordForDisplacement?: boolean;\n bodyClassName?: string;\n position?: 'fixed' \| 'static' \| 'sticky';\n usePortal?: boolean;\n paddingSize?: 'none' \| 's' \| 'm' \| 'l';\n landmarkHeading?: string;\n top?: number;\n right?: number;\n left?: number;\n bottom?: number;\n}\n\nconst updateDisplacementModifier = modifier(function (\n _element: Element,\n _pos: unknown[],\n {\n affordForDisplacement,\n usePortal,\n bodyClassName,\n dimensions\n }: {\n affordForDisplacement: boolean;\n usePortal: boolean;\n bodyClassName?: string;\n dimensions?: { height: number };\n }\n) {\n if (affordForDisplacement && usePortal && dimensions) {\n document.body.style.paddingBottom = `${dimensions.height}px`;\n }\n\n if (bodyClassName) {\n document.body.classList.add(bodyClassName);\n }\n\n return () => {\n if (affordForDisplacement && usePortal) {\n document.body.style.paddingBottom = '';\n }\n\n if (bodyClassName) {\n document.body.classList.remove(bodyClassName);\n }\n };\n});\n\nexport interface EuiBottomBarSignature {\n Element: HTMLElement;\n Args: EuiButtomBarArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiBottomBarComponent extends GlimmerComponent<EuiBottomBarSignature> {\n @tracked dimensions: { height: number; width: number } \| undefined;\n\n get affordForDisplacement(): boolean {\n return this.position !== 'fixed'\n ? false\n : this.args.affordForDisplacement ?? true;\n }\n\n get usePortal(): boolean {\n return this.position !== 'fixed' ? false : true;\n }\n\n get position(): string {\n return this.args.position \|\| 'fixed';\n }\n\n get top(): number {\n return this.args.top ? this.args.top : 0;\n }\n\n get right(): number {\n return this.args.right ? this.args.right : 0;\n }\n\n get left(): number {\n return this.args.left ? this.args.left : 0;\n }\n\n get bottom(): number {\n return this.args.bottom ? this.args.bottom : 0;\n }\n\n get bottomBarStyles(): ~~string~~ {\n if (this.position === 'fixed') {\n return `left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px~~`;\~~n } else {\n return `top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px~~`;\~~n }\n }\n\n <template>\n {{#if this.usePortal}}\n <EuiPortal>\n <section\n style={{this.bottomBarStyles}}\n {{resizeObserver onResize=(set this \"dimensions\")}}\n class={{classNames\n componentName=\"EuiBottomBar\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n positionType=(argOrDefault this.position \"fixed\")\n }}\n {{updateDisplacementModifier\n affordForDisplacement=this.affordForDisplacement\n usePortal=this.usePortal\n dimensions=this.dimensions\n bodyClassName=@bodyClassName\n }}\n ...attributes\n >\n {{yield}}\n </section>\n </EuiPortal>\n {{else}}\n <section\n style={{this.bottomBarStyles}}\n {{resizeObserver onResize=(set this \"dimensions\")}}\n class={{classNames\n componentName=\"EuiBottomBar\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n positionType=(argOrDefault this.position \"fixed\")\n }}\n aria-label={{if\n @landmarkHeading\n @landmarkHeading\n \"Page level controls\"\n }}\n {{updateDisplacementModifier\n affordForDisplacement=this.affordForDisplacement\n usePortal=this.usePortal\n dimensions=this.dimensions\n bodyClassName=@bodyClassName\n }}\n ...attributes\n >\n <div {{screenReaderOnly}}>\n <h2>\n {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n </h2>\n </div>\n {{yield}}\n </section>\n <div {{screenReaderOnly}}>\n <p aria-live=\"assertive\">\n {{#if @landmarkHeading}}\n There is a new region landmark called\n {{@landmarkHeading}}\n with page level controls at the end of the document.\n {{else}}\n There is a new region landmark with page level controls at the end\n of the document.\n {{/if}}\n </p>\n </div>\n {{/if}}\n </template>\n}\n"],"names":["updateDisplacementModifier","modifier","_element","_pos","affordForDisplacement","usePortal","bodyClassName","dimensions","document","body","style","paddingBottom","height","classList","add","remove","EuiBottomBarComponent","GlimmerComponent","g","prototype","tracked","i","~~void 0","~~position","args","top","right","left","bottom","bottomBarStyles","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","classNames","argOrDefault","resizeObserver","set","screenReaderOnly"],"mappings":"~~;;;;;;;;;;;;;AAyBA~~,MAAMA,6BAA6BC,~~QAAS~~,~~CAAA~~,UAC1CC,QAAiB,EACjBC,IAAe,EACf;EACEC,qBAAqB;EACrBC,SAAS;EACTC,aAAa;AACbC,EAAAA;AAMD,CAAA,EAAA;AAED,EAAA,IAAIH,qBAAA,IAAyBC,aAAaE,~~UAAY~~,~~EAAA~~;IACpDC,QAAA,CAASC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAG,~~CAAGJ~~,~~EAAAA~~,~~UAAW~~,~~CAAAK~~,MAAM,~~CAAI~~,EAAA,~~CAAA~~;AAC9D;AAEA,EAAA,IAAIN,~~aAAe~~,~~EAAA~~;IACjBE,QAAA,CAASC,IAAI,CAACI,SAAS,CAACC,GAAG,CAACR,aAAA,CAAA;AAC9B;AAEA,EAAA,OAAO,MAAA;IACL,IAAIF,yBAAyBC,~~SAAW~~,~~EAAA~~;AACtCG,MAAAA,QAAA,CAASC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAG,EAAA;AACtC;AAEA,IAAA,IAAIL,~~aAAe~~,~~EAAA~~;MACjBE,QAAA,CAASC,IAAI,CAACI,SAAS,CAACE,MAAM,CAACT,aAAA,CAAA;AACjC;~~GACF~~;AACF,CAAA,CAAA;~~AAQe~~,MAAMU,8BAA8BC,~~SAAiB~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACjEC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,~~EAAAC~~,MAAA;EAED,~~IAAIlB~~,qBAAAA,GAAiC;AACnC,IAAA,OAAO,IAAI,~~CAACmB~~,QAAQ,KAAK,OAAA,GACrB,~~KACA~~,~~GAAA~~,IAAI,CAACC,IAAI,~~CAACpB~~,qBAAqB,IAAI,IAAA;AACzC;EAEA,IAAIC,SAAAA,GAAqB;IACvB,OAAO,IAAI,~~CAACkB~~,QAAQ,KAAK,UAAU,~~KAAQ~~,~~GAAA~~,IAAA;AAC7C;EAEA,IAAIA,QAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAI,OAAA;AAC/B;EAEA,IAAIE,GAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,GAAG,GAAG,IAAI,CAACD,IAAI,CAACC,GAAG,GAAG,CAAA;AACzC;EAEA,IAAIC,KAAAA,GAAgB;AAClB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,KAAK,GAAG,IAAI,CAACF,IAAI,CAACE,KAAK,GAAG,CAAA;AAC7C;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,IAAI,GAAG,IAAI,CAACH,IAAI,CAACG,IAAI,GAAG,CAAA;AAC3C;EAEA,IAAIC,MAAAA,GAAiB;AACnB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,MAAM,GAAG,IAAI,CAACJ,IAAI,CAACI,MAAM,GAAG,CAAA;AAC/C;EAEA,IAAIC,eAAAA,~~GAA0B~~;~~AAC5B~~,IAAA,IAAI,IAAI,CAACN,QAAQ,KAAK,~~OAAS~~,~~EAAA~~;AAC7B,MAAA,~~OAAO~~,~~CAAQ~~,KAAA,~~EAAA~~,IAAI,~~CAACI~~,IAAI,~~CAAY~~,SAAA,~~EAAA~~,IAAI,CAACD,KAAK,~~CAAa~~,UAAA,~~EAAA~~,IAAI,CAACE,MAAM,~~CAAI~~,~~EAAA,~~CAAA;~~AAC5E~~,~~KAAO~~,~~MAAA~~;AACL,MAAA,~~OAAO~~,~~OAAO~~,IAAI,~~CAACH~~,GAAG,~~CAAA~~,~~QAAA,EAAW,~~IAAI,CAACE,IAAI,~~CAAY~~,SAAA,~~EAAA~~,IAAI,CAACD,KAAK,CAAA,UAAA,EAAa,IAAI,CAACE,MAAM,~~CAAI~~,~~EAAA,~~CAAA;~~AAC9F~~;AACF;AAEA,EAAA;~~IAAAE~~,oBAAA,CAAAC,kBAAA,~~CAgEA~~,~~4qDAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAC,YAAA;wBAAAC,cAAA;QAAAC,GAAA;QAAAtC,0BAAA;AAAAuC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-bottom-bar.js","sources":["../../src/components/eui-bottom-bar.gts"],"sourcesContent":["import GlimmerComponent from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiPortal from './eui-portal.gts';\n\nexport interface EuiButtomBarArgs {\n /*\n With `@position=\"fixed\"`, pads the bottom of `<body>` by the bar's height\n * so it does not cover the end of the page. Defaults to `true`.\n /\n affordForDisplacement?: boolean;\n /\n Class added to `<body>` while the bar is rendered.\n /\n bodyClassName?: string;\n /\n `'fixed'` renders the bar in a portal, fixed to the bottom of the\n * window. `'sticky'` keeps it at the bottom of its scrolling container,\n * `'static'` renders it in place. Defaults to `'fixed'`.\n /\n position?: 'fixed' \| 'static' \| 'sticky';\n /\n @deprecated Has no effect: the bar uses a portal when `@position` is\n * `'fixed'`.\n /\n usePortal?: boolean;\n /\n Padding inside the bar: `'none'`, `'s'`, `'m'` or `'l'`.\n * Defaults to `'m'`.\n /\n paddingSize?: 'none' \| 's' \| 'm' \| 'l';\n /\n Accessible name of the bar's region landmark (announced to screen\n * readers). Defaults to \"Page level controls\". With `@position=\"fixed\"`,\n * screen readers are also told the bar appeared at the end of the page.\n /\n landmarkHeading?: string;\n /\n Distance from the top in px (only for `'sticky'` / `'static'`).\n * Defaults to `0`.\n /\n top?: number;\n /\n Distance from the right edge in px. Defaults to `0`.\n /\n right?: number;\n /\n Distance from the left edge in px, e.g. the width of a side nav.\n * Defaults to `0`.\n /\n left?: number;\n /\n Distance from the bottom in px. Defaults to `0`.\n /\n bottom?: number;\n}\n\nconst updateDisplacementModifier = modifier(function (\n _element: Element,\n _pos: unknown[],\n {\n affordForDisplacement,\n usePortal,\n bodyClassName,\n dimensions\n }: {\n affordForDisplacement: boolean;\n usePortal: boolean;\n bodyClassName?: string;\n dimensions?: { height: number };\n }\n) {\n if (affordForDisplacement && usePortal && dimensions) {\n document.body.style.paddingBottom = `${dimensions.height}px`;\n }\n\n if (bodyClassName) {\n document.body.classList.add(bodyClassName);\n }\n\n return () => {\n if (affordForDisplacement && usePortal) {\n document.body.style.paddingBottom = '';\n }\n\n if (bodyClassName) {\n document.body.classList.remove(bodyClassName);\n }\n };\n});\n\nexport interface EuiBottomBarSignature {\n Element: HTMLElement;\n Args: EuiButtomBarArgs;\n Blocks: {\n /* The bar's content, usually buttons in an EuiFlexGroup. */\n default: [];\n };\n}\n\nexport default class EuiBottomBarComponent extends GlimmerComponent<EuiBottomBarSignature> {\n @tracked dimensions: { height: number; width: number } \| undefined;\n\n get affordForDisplacement(): boolean {\n return this.position !== 'fixed'\n ? false\n : this.args.affordForDisplacement ?? true;\n }\n\n get usePortal(): boolean {\n return this.position !== 'fixed' ? false : true;\n }\n\n get position(): string {\n return this.args.position \|\| 'fixed';\n }\n\n get top(): number {\n return this.args.top ? this.args.top : 0;\n }\n\n get right(): number {\n return this.args.right ? this.args.right : 0;\n }\n\n get left(): number {\n return this.args.left ? this.args.left : 0;\n }\n\n get bottom(): number {\n return this.args.bottom ? this.args.bottom : 0;\n }\n\n get bottomBarStyles(): ReturnType<typeof htmlSafe> {\n if (this.position === 'fixed') {\n return htmlSafe(\n `left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n );\n } else {\n return htmlSafe(\n `top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n );\n }\n }\n\n <template>\n {{#if this.usePortal}}\n <EuiPortal>\n <section\n style={{this.bottomBarStyles}}\n {{resizeObserver onResize=(set this \"dimensions\")}}\n class={{classNames\n componentName=\"EuiBottomBar\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n positionType=(argOrDefault this.position \"fixed\")\n }}\n {{updateDisplacementModifier\n affordForDisplacement=this.affordForDisplacement\n usePortal=this.usePortal\n dimensions=this.dimensions\n bodyClassName=@bodyClassName\n }}\n aria-label={{if\n @landmarkHeading\n @landmarkHeading\n \"Page level controls\"\n }}\n ...attributes\n >\n <div {{screenReaderOnly}}>\n <h2>\n {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n </h2>\n </div>\n {{yield}}\n </section>\n <div {{screenReaderOnly}}>\n <p aria-live=\"assertive\">\n {{#if @landmarkHeading}}\n There is a new region landmark called\n {{@landmarkHeading}}\n with page level controls at the end of the document.\n {{else}}\n There is a new region landmark with page level controls at the end\n of the document.\n {{/if}}\n </p>\n </div>\n </EuiPortal>\n {{else}}\n <section\n style={{this.bottomBarStyles}}\n {{resizeObserver onResize=(set this \"dimensions\")}}\n class={{classNames\n componentName=\"EuiBottomBar\"\n paddingSize=(argOrDefault @paddingSize \"m\")\n positionType=(argOrDefault this.position \"fixed\")\n }}\n aria-label={{if\n @landmarkHeading\n @landmarkHeading\n \"Page level controls\"\n }}\n {{updateDisplacementModifier\n affordForDisplacement=this.affordForDisplacement\n usePortal=this.usePortal\n dimensions=this.dimensions\n bodyClassName=@bodyClassName\n }}\n ...attributes\n >\n <div {{screenReaderOnly}}>\n <h2>\n {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n </h2>\n </div>\n {{yield}}\n </section>\n {{/if}}\n </template>\n}\n"],"names":["updateDisplacementModifier","modifier","_element","_pos","affordForDisplacement","usePortal","bodyClassName","dimensions","document","body","style","paddingBottom","height","classList","add","remove","EuiBottomBarComponent","GlimmerComponent","g","prototype","tracked","i","position","args","top","right","left","bottom","bottomBarStyles","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","classNames","argOrDefault","resizeObserver","set","screenReaderOnly"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ import EuiLink from './eui-link.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';
 const responsiveDefault = {
   xs: 1,
@@ -122,7 +122,7 @@ class EuiBreadcrumbs extends Component {
     n(this.prototype, "limitedBreadcrumbs", [cached]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <nav {{onWindowResizeModifier functionToCallOnWindowResize=this.functionToCallOnWindowResize}} class={{classNames \"euiBreadcrumbs\" (if this.truncate \"euiBreadcrumbs--truncate\")}} ...attributes>\n      <ol class=\"euiBreadcrumbs__list\">\n\n        {{#each this.limitedBreadcrumbs.breadcrumbs as |breadcrumb index|}}\n\n          {{#if breadcrumb.ellipsis}}\n            {{#let (useState false) as |popOverState|}}\n              <li class=\"euiBreadcrumb euiBreadcrumb--collapsed\">\n                <EuiPopover @isOpen={{popOverState.value}} @closePopover={{fn popOverState.setState false}}>\n                  <:button>\n                    <EuiLink class=\"euiBreadcrumb__content\" @color=\"subdued\" aria-label=\"See collapsed breadcrumbs\" title=\"See collapsed breadcrumbs\" {{on \"click\" (fn popOverState.setState true)}}>\n                      &hellip;<EuiIcon @type=\"arrowDown\" @size=\"s\" />\n                    </EuiLink>\n                  </:button>\n                  <:content>\n                    <EuiBreadcrumbs class=\"euiBreadcrumbs__inPopover\" @breadcrumbs={{this.limitedBreadcrumbs.overflowBreadcrumbs}} @responsive={{false}} @truncate={{false}} @max={{0}} />\n                  </:content>\n                </EuiPopover>\n\n              </li>\n\n            {{/let}}\n          {{else}}\n            <EuiInnerText as |setInnerTextRef innerText|>\n              {{#let (eq index (sub this.limitedBreadcrumbs.breadcrumbs.length 1)) (if (eq innerText \"\") undefined innerText) as |isLastBreadcrumb title|}}\n                <li class={{classNames \"euiBreadcrumb\" (if isLastBreadcrumb \"euiBreadcrumb--last\") (if breadcrumb.truncate \"euiBreadcrumb--truncate\")}}>\n                  {{#if (and (not breadcrumb.href) (not breadcrumb.onClick))}}\n                    <span {{didInsert setInnerTextRef}} title={{title}} class={{classNames \"euiBreadcrumb__content\" breadcrumb.className}} aria-current={{if isLastBreadcrumb \"page\" undefined}}>\n                      {{breadcrumb.text}}\n                    </span>\n                  {{else}}\n                    <EuiLink {{didInsert setInnerTextRef}} @color={{if breadcrumb.color breadcrumb.color (if isLastBreadcrumb \"text\" \"subdued\")}} @href={{breadcrumb.href}} title={{title}} class={{classNames \"euiBreadcrumb__content\" breadcrumb.className}} {{on \"click\" (optional breadcrumb.onClick)}} aria-current={{if isLastBreadcrumb \"page\" undefined}}>\n                      {{breadcrumb.text}}\n                    </EuiLink>\n                  {{/if}}\n\n                </li>\n              {{/let}}\n            </EuiInnerText>\n          {{/if}}\n\n        {{/each}}\n\n      </ol>\n    </nav>\n  ", {
+    setComponentTemplate(precompileTemplate("<nav {{onWindowResizeModifier functionToCallOnWindowResize=this.functionToCallOnWindowResize}} class={{classNames \"euiBreadcrumbs\" (if this.truncate \"euiBreadcrumbs--truncate\")}} ...attributes>\n  <ol class=\"euiBreadcrumbs__list\">\n\n    {{#each this.limitedBreadcrumbs.breadcrumbs as |breadcrumb index|}}\n\n      {{#if breadcrumb.ellipsis}}\n        {{#let (useState false) as |popOverState|}}\n          <li class=\"euiBreadcrumb euiBreadcrumb--collapsed\">\n            <EuiPopover @isOpen={{popOverState.value}} @closePopover={{fn popOverState.setState false}}>\n              <:button>\n                <EuiLink class=\"euiBreadcrumb__content\" @color=\"subdued\" aria-label=\"See collapsed breadcrumbs\" title=\"See collapsed breadcrumbs\" {{on \"click\" (fn popOverState.setState true)}}>\n                  &hellip;<EuiIcon @type=\"arrowDown\" @size=\"s\" />\n                </EuiLink>\n              </:button>\n              <:content>\n                <EuiBreadcrumbs class=\"euiBreadcrumbs__inPopover\" @breadcrumbs={{this.limitedBreadcrumbs.overflowBreadcrumbs}} @responsive={{false}} @truncate={{false}} @max={{0}} />\n              </:content>\n            </EuiPopover>\n\n          </li>\n\n        {{/let}}\n      {{else}}\n        <EuiInnerText as |setInnerTextRef innerText|>\n          {{#let (eq index (sub this.limitedBreadcrumbs.breadcrumbs.length 1)) (if (eq innerText \"\") undefined innerText) as |isLastBreadcrumb title|}}\n            <li class={{classNames \"euiBreadcrumb\" (if isLastBreadcrumb \"euiBreadcrumb--last\") (if breadcrumb.truncate \"euiBreadcrumb--truncate\")}}>\n              {{#if (and (not breadcrumb.href) (not breadcrumb.onClick))}}\n                <span {{didInsert setInnerTextRef}} title={{title}} class={{classNames \"euiBreadcrumb__content\" breadcrumb.className}} aria-current={{if isLastBreadcrumb \"page\" undefined}}>\n                  {{breadcrumb.text}}\n                </span>\n              {{else}}\n                <EuiLink {{didInsert setInnerTextRef}} @color={{if breadcrumb.color breadcrumb.color (if isLastBreadcrumb \"text\" \"subdued\")}} @href={{breadcrumb.href}} title={{title}} class={{classNames \"euiBreadcrumb__content\" breadcrumb.className}} {{on \"click\" (optional breadcrumb.onClick)}} aria-current={{if isLastBreadcrumb \"page\" undefined}}>\n                  {{breadcrumb.text}}\n                </EuiLink>\n              {{/if}}\n\n            </li>\n          {{/let}}\n        </EuiInnerText>\n      {{/if}}\n\n    {{/each}}\n\n  </ol>\n</nav>", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { modifier } from 'ember-modifier';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n /*\n Any of the following keys are allowed: `'xs' \| 's' \| 'm' \| 'l' \| 'xl'`\n * Omitting a key will display all breadcrumbs at that breakpoint\n /\n [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n xs: 1,\n s: 2,\n m: 4\n};\n\nexport type EuiBreadcrumb = {\n /\n Visible label of the breadcrumb\n /\n text: string;\n href?: string;\n onClick?: (e: MouseEvent) => void;\n\n className?: string;\n /\n Force a max-width on the breadcrumb text\n /\n truncate?: boolean;\n\n ellipsis?: boolean;\n\n color?: string;\n\n 'aria-current': string;\n};\n\nconst onWindowResizeModifier = modifier(\n (\n _ele: HTMLElement,\n _pos,\n {\n functionToCallOnWindowResize\n }: { functionToCallOnWindowResize: () => void }\n ) => {\n window.addEventListener('resize', functionToCallOnWindowResize);\n\n return () => {\n window.removeEventListener('resize', functionToCallOnWindowResize);\n };\n }\n);\n\nconst limitedBreadcrumbs = (max: number, breadcrumbs: EuiBreadcrumb[]) => {\n const breadcrumbsAtStart = [];\n const breadcrumbsAtEnd = [];\n const limit = Math.min(max, breadcrumbs.length);\n const start = Math.floor(limit / 2);\n const overflowBreadcrumbs = breadcrumbs.slice(\n start,\n start + breadcrumbs.length - limit\n );\n\n if (\n overflowBreadcrumbs.length &&\n overflowBreadcrumbs[overflowBreadcrumbs.length - 1]\n ) {\n overflowBreadcrumbs[overflowBreadcrumbs.length - 1]!['aria-current'] =\n 'false';\n }\n\n for (let i = 0; i < limit; i++) {\n // We'll alternate with displaying breadcrumbs at the end and at the start, but be biased\n // towards breadcrumbs the end so that if max is an odd number, we'll have one more\n // breadcrumb visible at the end than at the beginning.\n const isEven = i % 2 === 0;\n\n // We're picking breadcrumbs from the front AND the back, so we treat each iteration as a\n // half-iteration.\n const normalizedIndex = Math.floor(i 0.5);\n const indexOfBreadcrumb = isEven\n ? breadcrumbs.length - 1 - normalizedIndex\n : normalizedIndex;\n const breadcrumb = breadcrumbs[indexOfBreadcrumb];\n\n if (isEven && breadcrumb) {\n breadcrumbsAtEnd.unshift(breadcrumb);\n } else if (breadcrumb) {\n breadcrumbsAtStart.push(breadcrumb);\n }\n }\n\n if (max < breadcrumbs.length) {\n breadcrumbsAtStart.push({ ellipsis: true } as EuiBreadcrumb);\n }\n\n return {\n breadcrumbs: [...breadcrumbsAtStart, ...breadcrumbsAtEnd],\n overflowBreadcrumbs\n };\n};\n\ninterface EuiBreadcrumbsComponentArgs {\n /*\n Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.\n * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.\n \n Pass `false` to turn this behavior off.\n \n Default: `{ xs: 1, s: 2, m: 4 }`\n /\n responsive?: boolean \| EuiBreadcrumbResponsiveMaxCount;\n\n /\n Forces all breadcrumbs to single line and\n * truncates each breadcrumb to a particular width,\n * except for the last item\n /\n truncate?: boolean;\n\n /\n Collapses the inner items past the maximum set here\n * into a single ellipses item.\n * Omitting or passing a `0` value will show all breadcrumbs.\n /\n max?: number \| null;\n\n /\n The array of individual #EuiBreadcrumb items\n */\n breadcrumbs: EuiBreadcrumb[];\n}\n\nexport interface EuiBreadcrumbsSignature {\n Element: HTMLElement;\n Args: EuiBreadcrumbsComponentArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n @tracked currentBreakpoint;\n\n constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n super(owner, args);\n this.currentBreakpoint = getBreakpoint(\n typeof window === 'undefined' ? -Infinity : window.innerWidth\n );\n }\n\n functionToCallOnWindowResize = () => {\n throttle(() => {\n const newBreakpoint = getBreakpoint(window.innerWidth);\n\n if (newBreakpoint !== this.currentBreakpoint) {\n this.currentBreakpoint = newBreakpoint;\n }\n }, 50);\n };\n\n get responsiveObject() {\n return typeof this.args.responsive === 'object'\n ? this.args.responsive\n : responsiveDefault;\n }\n\n get max() {\n if (this.args.max === null) {\n return null;\n }\n\n return this.args.max ?? 5;\n }\n\n get truncate() {\n return this.args.truncate ?? true;\n }\n\n get calculatedMax(): EuiBreadcrumbsComponentArgs['max'] {\n // The max property collapses any breadcrumbs past the max quantity.\n // This is the same behavior we want for responsiveness.\n // So calculate the max value based on the combination of `max` and `responsive`\n let calculatedMax: EuiBreadcrumbsComponentArgs['max'] = this.max;\n\n // Set the calculated max to the number associated with the currentBreakpoint key if it exists\n if (\n this.args.responsive &&\n this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize]\n ) {\n calculatedMax =\n this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize];\n }\n\n // Final check is to make sure max is used over a larger breakpoint value\n if (this.max && calculatedMax) {\n calculatedMax = this.max < calculatedMax ? this.max : calculatedMax;\n }\n\n return calculatedMax;\n }\n\n @cached\n get limitedBreadcrumbs() {\n const calculatedMax = this.calculatedMax;\n\n return calculatedMax\n ? limitedBreadcrumbs(calculatedMax, this.args.breadcrumbs)\n : {\n breadcrumbs: this.args.breadcrumbs,\n overflowBreadcrumbs: [] as EuiBreadcrumb[]\n };\n }\n\n <template>\n <nav\n {{onWindowResizeModifier\n functionToCallOnWindowResize=this.functionToCallOnWindowResize\n }}\n class={{classNames\n \"euiBreadcrumbs\"\n (if this.truncate \"euiBreadcrumbs--truncate\")\n }}\n ...attributes\n >\n <ol class=\"euiBreadcrumbs__list\">\n\n {{#each this.limitedBreadcrumbs.breadcrumbs as \|breadcrumb index\|}}\n\n {{#if breadcrumb.ellipsis}}\n {{#let (useState false) as \|popOverState\|}}\n <li class=\"euiBreadcrumb euiBreadcrumb--collapsed\">\n <EuiPopover\n @isOpen={{popOverState.value}}\n @closePopover={{fn popOverState.setState false}}\n >\n <:button>\n <EuiLink\n class=\"euiBreadcrumb__content\"\n @color=\"subdued\"\n aria-label=\"See collapsed breadcrumbs\"\n title=\"See collapsed breadcrumbs\"\n {{on \"click\" (fn popOverState.setState true)}}\n >\n …<EuiIcon @type=\"arrowDown\" @size=\"s\" />\n </EuiLink>\n </:button>\n <:content>\n <EuiBreadcrumbs\n class=\"euiBreadcrumbs__inPopover\"\n @breadcrumbs={{this.limitedBreadcrumbs.overflowBreadcrumbs}}\n @responsive={{false}}\n @truncate={{false}}\n @max={{0}}\n />\n </:content>\n </EuiPopover>\n\n </li>\n\n {{/let}}\n {{else}}\n <EuiInnerText as \|setInnerTextRef innerText\|>\n {{#let\n (eq index (sub this.limitedBreadcrumbs.breadcrumbs.length 1))\n (if (eq innerText \"\") undefined innerText)\n as \|isLastBreadcrumb title\|\n }}\n <li\n class={{classNames\n \"euiBreadcrumb\"\n (if isLastBreadcrumb \"euiBreadcrumb--last\")\n (if breadcrumb.truncate \"euiBreadcrumb--truncate\")\n }}\n >\n {{#if (and (not breadcrumb.href) (not breadcrumb.onClick))}}\n <span\n {{didInsert setInnerTextRef}}\n title={{title}}\n class={{classNames\n \"euiBreadcrumb__content\"\n breadcrumb.className\n }}\n aria-current={{if isLastBreadcrumb \"page\" undefined}}\n >\n {{breadcrumb.text}}\n </span>\n {{else}}\n <EuiLink\n {{didInsert setInnerTextRef}}\n @color={{if\n breadcrumb.color\n breadcrumb.color\n (if isLastBreadcrumb \"text\" \"subdued\")\n }}\n @href={{breadcrumb.href}}\n title={{title}}\n class={{classNames\n \"euiBreadcrumb__content\"\n breadcrumb.className\n }}\n {{on \"click\" (optional breadcrumb.onClick)}}\n aria-current={{if isLastBreadcrumb \"page\" undefined}}\n >\n {{breadcrumb.text}}\n </EuiLink>\n {{/if}}\n\n </li>\n {{/let}}\n </EuiInnerText>\n {{/if}}\n\n {{/each}}\n\n </ol>\n </nav>\n </template>\n}\n"],"names":["responsiveDefault","xs","s","m","onWindowResizeModifier","modifier","_ele","_pos","functionToCallOnWindowResize","window","addEventListener","removeEventListener","limitedBreadcrumbs","max","breadcrumbs","breadcrumbsAtStart","breadcrumbsAtEnd","limit","Math","min","length","start","floor","overflowBreadcrumbs","slice","i","isEven","normalizedIndex","indexOfBreadcrumb","breadcrumb","unshift","push","ellipsis","EuiBreadcrumbs","Component","g","prototype","tracked","void 0","constructor","owner","args","currentBreakpoint","getBreakpoint","Infinity","innerWidth","throttle","newBreakpoint","responsiveObject","responsive","truncate","calculatedMax","n","cached","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiInnerText","eq","sub","and","not","didInsert","optional"],"mappings":"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"}
1	+ {"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { modifier } from 'ember-modifier';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n /*\n Any of the following keys are allowed: `'xs' \| 's' \| 'm' \| 'l' \| 'xl'`\n * Omitting a key will display all breadcrumbs at that breakpoint\n /\n [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n xs: 1,\n s: 2,\n m: 4\n};\n\nexport type EuiBreadcrumb = {\n /\n Visible label of the breadcrumb\n /\n text: string;\n /\n Makes the breadcrumb a link.\n /\n href?: string;\n /\n Makes the breadcrumb clickable, e.g. to transition with the router.\n /\n onClick?: (e: MouseEvent) => void;\n\n /\n Class for the breadcrumb's text element.\n /\n className?: string;\n /\n Force a max-width on the breadcrumb text\n /\n truncate?: boolean;\n\n /\n Set internally on the \"…\" item holding collapsed breadcrumbs.\n /\n ellipsis?: boolean;\n\n /\n `EuiLink` color of a clickable breadcrumb. Defaults to `'subdued'`, and\n * `'text'` for the last one.\n /\n color?: string;\n\n /\n Set internally; the last breadcrumb gets `aria-current=\"page\"`.\n /\n 'aria-current'?: string;\n};\n\nconst onWindowResizeModifier = modifier(\n (\n _ele: HTMLElement,\n _pos,\n {\n functionToCallOnWindowResize\n }: { functionToCallOnWindowResize: () => void }\n ) => {\n window.addEventListener('resize', functionToCallOnWindowResize);\n\n return () => {\n window.removeEventListener('resize', functionToCallOnWindowResize);\n };\n }\n);\n\nconst limitedBreadcrumbs = (max: number, breadcrumbs: EuiBreadcrumb[]) => {\n const breadcrumbsAtStart = [];\n const breadcrumbsAtEnd = [];\n const limit = Math.min(max, breadcrumbs.length);\n const start = Math.floor(limit / 2);\n const overflowBreadcrumbs = breadcrumbs.slice(\n start,\n start + breadcrumbs.length - limit\n );\n\n if (\n overflowBreadcrumbs.length &&\n overflowBreadcrumbs[overflowBreadcrumbs.length - 1]\n ) {\n overflowBreadcrumbs[overflowBreadcrumbs.length - 1]!['aria-current'] =\n 'false';\n }\n\n for (let i = 0; i < limit; i++) {\n // We'll alternate with displaying breadcrumbs at the end and at the start, but be biased\n // towards breadcrumbs the end so that if max is an odd number, we'll have one more\n // breadcrumb visible at the end than at the beginning.\n const isEven = i % 2 === 0;\n\n // We're picking breadcrumbs from the front AND the back, so we treat each iteration as a\n // half-iteration.\n const normalizedIndex = Math.floor(i 0.5);\n const indexOfBreadcrumb = isEven\n ? breadcrumbs.length - 1 - normalizedIndex\n : normalizedIndex;\n const breadcrumb = breadcrumbs[indexOfBreadcrumb];\n\n if (isEven && breadcrumb) {\n breadcrumbsAtEnd.unshift(breadcrumb);\n } else if (breadcrumb) {\n breadcrumbsAtStart.push(breadcrumb);\n }\n }\n\n if (max < breadcrumbs.length) {\n breadcrumbsAtStart.push({ ellipsis: true } as EuiBreadcrumb);\n }\n\n return {\n breadcrumbs: [...breadcrumbsAtStart, ...breadcrumbsAtEnd],\n overflowBreadcrumbs\n };\n};\n\ninterface EuiBreadcrumbsComponentArgs {\n /*\n Shows fewer breadcrumbs on smaller screens, collapsing the ones in the\n * middle into a \"…\" popover. `true` uses `{ xs: 1, s: 2, m: 4 }` (at most\n * 1 breadcrumb on extra small screens, 2 on small, 4 on medium); pass an\n * object with any of the `xs`, `s`, `m`, `l`, `xl` keys for your own\n * limits (a missing key falls back to `@max`). Never shows more than\n * `@max`. Defaults to off.\n /\n responsive?: boolean \| EuiBreadcrumbResponsiveMaxCount;\n\n /\n Forces all breadcrumbs to single line and\n * truncates each breadcrumb to a particular width,\n * except for the last item. Defaults to `true`.\n /\n truncate?: boolean;\n\n /\n Collapses the breadcrumbs in the middle past this number into a single\n * \"…\" item that opens a popover with them. Defaults to `5`; pass `0` or\n * `null` to always show all breadcrumbs.\n /\n max?: number \| null;\n\n /\n The breadcrumbs, from the root to the current page:\n * `[{ text: 'Home', href: '/' }, { text: 'Users', onClick: … }, { text: 'Jane' }]`.\n * The last one is the current page.\n */\n breadcrumbs: EuiBreadcrumb[];\n}\n\nexport interface EuiBreadcrumbsSignature {\n Element: HTMLElement;\n Args: EuiBreadcrumbsComponentArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n @tracked currentBreakpoint;\n\n constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n super(owner, args);\n this.currentBreakpoint = getBreakpoint(\n typeof window === 'undefined' ? -Infinity : window.innerWidth\n );\n }\n\n functionToCallOnWindowResize = () => {\n throttle(() => {\n const newBreakpoint = getBreakpoint(window.innerWidth);\n\n if (newBreakpoint !== this.currentBreakpoint) {\n this.currentBreakpoint = newBreakpoint;\n }\n }, 50);\n };\n\n get responsiveObject() {\n return typeof this.args.responsive === 'object'\n ? this.args.responsive\n : responsiveDefault;\n }\n\n get max() {\n if (this.args.max === null) {\n return null;\n }\n\n return this.args.max ?? 5;\n }\n\n get truncate() {\n return this.args.truncate ?? true;\n }\n\n get calculatedMax(): EuiBreadcrumbsComponentArgs['max'] {\n // The max property collapses any breadcrumbs past the max quantity.\n // This is the same behavior we want for responsiveness.\n // So calculate the max value based on the combination of `max` and `responsive`\n let calculatedMax: EuiBreadcrumbsComponentArgs['max'] = this.max;\n\n // Set the calculated max to the number associated with the currentBreakpoint key if it exists\n if (\n this.args.responsive &&\n this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize]\n ) {\n calculatedMax =\n this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize];\n }\n\n // Final check is to make sure max is used over a larger breakpoint value\n if (this.max && calculatedMax) {\n calculatedMax = this.max < calculatedMax ? this.max : calculatedMax;\n }\n\n return calculatedMax;\n }\n\n @cached\n get limitedBreadcrumbs() {\n const calculatedMax = this.calculatedMax;\n\n return calculatedMax\n ? limitedBreadcrumbs(calculatedMax, this.args.breadcrumbs)\n : {\n breadcrumbs: this.args.breadcrumbs,\n overflowBreadcrumbs: [] as EuiBreadcrumb[]\n };\n }\n\n <template>\n <nav\n {{onWindowResizeModifier\n functionToCallOnWindowResize=this.functionToCallOnWindowResize\n }}\n class={{classNames\n \"euiBreadcrumbs\"\n (if this.truncate \"euiBreadcrumbs--truncate\")\n }}\n ...attributes\n >\n <ol class=\"euiBreadcrumbs__list\">\n\n {{#each this.limitedBreadcrumbs.breadcrumbs as \|breadcrumb index\|}}\n\n {{#if breadcrumb.ellipsis}}\n {{#let (useState false) as \|popOverState\|}}\n <li class=\"euiBreadcrumb euiBreadcrumb--collapsed\">\n <EuiPopover\n @isOpen={{popOverState.value}}\n @closePopover={{fn popOverState.setState false}}\n >\n <:button>\n <EuiLink\n class=\"euiBreadcrumb__content\"\n @color=\"subdued\"\n aria-label=\"See collapsed breadcrumbs\"\n title=\"See collapsed breadcrumbs\"\n {{on \"click\" (fn popOverState.setState true)}}\n >\n …<EuiIcon @type=\"arrowDown\" @size=\"s\" />\n </EuiLink>\n </:button>\n <:content>\n <EuiBreadcrumbs\n class=\"euiBreadcrumbs__inPopover\"\n @breadcrumbs={{this.limitedBreadcrumbs.overflowBreadcrumbs}}\n @responsive={{false}}\n @truncate={{false}}\n @max={{0}}\n />\n </:content>\n </EuiPopover>\n\n </li>\n\n {{/let}}\n {{else}}\n <EuiInnerText as \|setInnerTextRef innerText\|>\n {{#let\n (eq index (sub this.limitedBreadcrumbs.breadcrumbs.length 1))\n (if (eq innerText \"\") undefined innerText)\n as \|isLastBreadcrumb title\|\n }}\n <li\n class={{classNames\n \"euiBreadcrumb\"\n (if isLastBreadcrumb \"euiBreadcrumb--last\")\n (if breadcrumb.truncate \"euiBreadcrumb--truncate\")\n }}\n >\n {{#if (and (not breadcrumb.href) (not breadcrumb.onClick))}}\n <span\n {{didInsert setInnerTextRef}}\n title={{title}}\n class={{classNames\n \"euiBreadcrumb__content\"\n breadcrumb.className\n }}\n aria-current={{if isLastBreadcrumb \"page\" undefined}}\n >\n {{breadcrumb.text}}\n </span>\n {{else}}\n <EuiLink\n {{didInsert setInnerTextRef}}\n @color={{if\n breadcrumb.color\n breadcrumb.color\n (if isLastBreadcrumb \"text\" \"subdued\")\n }}\n @href={{breadcrumb.href}}\n title={{title}}\n class={{classNames\n \"euiBreadcrumb__content\"\n breadcrumb.className\n }}\n {{on \"click\" (optional breadcrumb.onClick)}}\n aria-current={{if isLastBreadcrumb \"page\" undefined}}\n >\n {{breadcrumb.text}}\n </EuiLink>\n {{/if}}\n\n </li>\n {{/let}}\n </EuiInnerText>\n {{/if}}\n\n {{/each}}\n\n </ol>\n </nav>\n </template>\n}\n"],"names":["responsiveDefault","xs","s","m","onWindowResizeModifier","modifier","_ele","_pos","functionToCallOnWindowResize","window","addEventListener","removeEventListener","limitedBreadcrumbs","max","breadcrumbs","breadcrumbsAtStart","breadcrumbsAtEnd","limit","Math","min","length","start","floor","overflowBreadcrumbs","slice","i","isEven","normalizedIndex","indexOfBreadcrumb","breadcrumb","unshift","push","ellipsis","EuiBreadcrumbs","Component","g","prototype","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","Infinity","innerWidth","throttle","newBreakpoint","responsiveObject","responsive","truncate","calculatedMax","n","cached","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiInnerText","eq","sub","and","not","didInsert","optional"],"mappings":"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"}

package/dist/components/eui-button-content.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 EuiButtonContent = setComponentTemplate(precompileTemplate("\n    <span class={{classNames \"euiButtonContent\" (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")}} ...attributes>\n      {{#if @isLoading}}\n        <EuiLoadingSpinner class=\"euiButtonContent__spinner\" {{!--@glint-expect-error--}} @size={{argOrDefault @iconSize \"m\"}} />\n      {{else if @iconType}}\n        <EuiIcon @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" />\n      {{/if}}\n      <span class={{@textClasses}}>\n        {{yield}}\n      </span>\n    </span>\n  ", {
+const EuiButtonContent = setComponentTemplate(precompileTemplate("<span class={{classNames \"euiButtonContent\" (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")}} ...attributes>\n  {{#if @isLoading}}\n    <EuiLoadingSpinner class=\"euiButtonContent__spinner\" {{!--@glint-expect-error--}} @size={{argOrDefault @iconSize \"m\"}} />\n  {{else if @iconType}}\n    <EuiIcon @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" />\n  {{/if}}\n  <span class={{@textClasses}}>\n    {{yield}}\n  </span>\n</span>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.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';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonContentSignature {\n Element: HTMLSpanElement;\n Args: {\n iconSide?: 'right';\n isLoading?: boolean;\n iconType?: EuiIconSignature['Args']['type'];\n iconSize?: EuiIconSignature['Args']['size'];\n iconClasses?: string;\n useSvg?: boolean;\n useComponent?: boolean;\n textClasses?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiButtonContent: TemplateOnlyComponent<EuiButtonContentSignature> =\n <template>\n <span\n class={{classNames\n \"euiButtonContent\"\n (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")\n }}\n ...attributes\n >\n {{#if @isLoading}}\n <EuiLoadingSpinner\n class=\"euiButtonContent__spinner\"\n {{!@glint-expect-error}}\n @size={{argOrDefault @iconSize \"m\"}}\n />\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class={{@textClasses}}>\n {{yield}}\n </span>\n </span>\n </template>;\n\nexport default EuiButtonContent;\n"],"names":["EuiButtonContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiLoadingSpinner","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;;;~~AA2BA~~,MAAMA,~~gBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA4BA~~,~~ynBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,iBAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.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';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonContentSignature {\n Element: HTMLSpanElement;\n Args: {\n /** `'right'` puts the icon after the text. Defaults to the left side. /\n iconSide?: 'right';\n /* Replaces the icon with a loading spinner. /\n isLoading?: boolean;\n /* Icon before (or after) the text; anything `EuiIcon`'s `@type` accepts. /\n iconType?: EuiIconSignature['Args']['type'];\n /* Size of the icon (and spinner). Defaults to `'m'`. /\n iconSize?: EuiIconSignature['Args']['size'];\n /* Extra classes for the icon. /\n iconClasses?: string;\n /* @deprecated Has no effect, see `EuiIcon`. /\n useSvg?: boolean;\n /* @deprecated Not needed: a component passed as `@iconType` is rendered. /\n useComponent?: boolean;\n /* Classes for the element wrapping the text. /\n textClasses?: string;\n };\n Blocks: {\n /* The button's text. */\n default: [];\n };\n}\n\nconst EuiButtonContent: TemplateOnlyComponent<EuiButtonContentSignature> =\n <template>\n <span\n class={{classNames\n \"euiButtonContent\"\n (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")\n }}\n ...attributes\n >\n {{#if @isLoading}}\n <EuiLoadingSpinner\n class=\"euiButtonContent__spinner\"\n {{!@glint-expect-error}}\n @size={{argOrDefault @iconSize \"m\"}}\n />\n {{else if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @color=\"inherit\"\n />\n {{/if}}\n <span class={{@textClasses}}>\n {{yield}}\n </span>\n </span>\n </template>;\n\nexport default EuiButtonContent;\n"],"names":["EuiButtonContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiLoadingSpinner","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;;;AAoCA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,2kBAAA,EA4BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,iBAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}