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

@ember-eui/core 13.0.4 → 14.0.0

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

Files changed (1497) hide show

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 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(): 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 ...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","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 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","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":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,iBAAqD,GAAA;AACzDC,EAAAA,EAAI,EAAA,CAAA;AACJC,EAAAA,CAAG,EAAA,CAAA;AACHC,EAAAA,CAAG,EAAA;AACL,CAAA;AAuBA,MAAMC,yBAAyBC,QAC7B,CAAA,CACEC,IACA,EAAAC,IAAA,EACA;AACEC,EAAAA;AAC6C,CAAA,KAAA;AAE/CC,EAAAA,MAAO,CAAAC,gBAAgB,CAAC,QAAU,EAAAF,4BAAA,CAAA;AAElC,EAAA,OAAO,MAAA;AACLC,IAAAA,MAAO,CAAAE,mBAAmB,CAAC,QAAU,EAAAH,4BAAA,CAAA;GACvC;AACF,CAAA,CAAA;AAGF,MAAMI,kBAAqB,GAAAA,CAACC,GAAW,EAAEC,WAAa,KAAA;EACpD,MAAMC,qBAAqB,EAAE;EAC7B,MAAMC,mBAAmB,EAAE;EAC3B,MAAMC,QAAQC,IAAK,CAAAC,GAAG,CAACN,GAAA,EAAKC,YAAYM,MAAM,CAAA;EAC9C,MAAMC,KAAQ,GAAAH,IAAA,CAAKI,KAAK,CAACL,KAAQ,GAAA,CAAA,CAAA;AACjC,EAAA,MAAMM,mBAAA,GAAsBT,YAAYU,KAAK,CAC3CH,OACAA,KAAQ,GAAAP,WAAA,CAAYM,MAAM,GAAGH,KAAA,CAAA;AAG/B,EAAA,IACEM,mBAAA,CAAoBH,MAAM,IAC1BG,mBAAmB,CAACA,mBAAoB,CAAAH,MAAM,GAAG,CAAA,CAAE,EACnD;IACAG,mBAAmB,CAACA,oBAAoBH,MAAM,GAAG,EAAE,CAAE,eAAe,GAClE,OAAA;AACJ;EAEA,KAAK,IAAIK,CAAA,GAAI,CAAG,EAAAA,CAAA,GAAIR,OAAOQ,CAAK,EAAA,EAAA;AAC9B;AACA;AACA;AACA,IAAA,MAAMC,MAAA,GAASD,IAAI,CAAM,KAAA,CAAA;AAEzB;AACA;IACA,MAAME,eAAkB,GAAAT,IAAA,CAAKI,KAAK,CAACG,CAAI,GAAA,GAAA,CAAA;AACvC,IAAA,MAAMG,oBAAoBF,MACtB,GAAAZ,WAAA,CAAYM,MAAM,GAAG,IAAIO,eACzB,GAAAA,eAAA;AACJ,IAAA,MAAME,UAAA,GAAaf,WAAW,CAACc,iBAAkB,CAAA;IAEjD,IAAIF,UAAUG,UAAY,EAAA;AACxBb,MAAAA,gBAAA,CAAiBc,OAAO,CAACD,UAAA,CAAA;KAC3B,MAAO,IAAIA,UAAY,EAAA;AACrBd,MAAAA,kBAAA,CAAmBgB,IAAI,CAACF,UAAA,CAAA;AAC1B;AACF;AAEA,EAAA,IAAIhB,GAAA,GAAMC,WAAY,CAAAM,MAAM,EAAE;IAC5BL,kBAAA,CAAmBgB,IAAI,CAAC;AAAEC,MAAAA,QAAU,EAAA;AAAK,KAAK,CAAA;AAChD;EAEA,OAAO;AACLlB,IAAAA,WAAa,EAAA,CAAI,GAAAC,kBAAA,EAAuB,GAAAC,gBAAA,CAAiB;AACzDO,IAAAA;GACF;AACF,CAAA;AAuCe,MAAMU,uBAAuBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CACnDC,OAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAZ,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA;AAEDa,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAiC,EAAE;AAC3D,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;AACb,IAAA,IAAI,CAACC,iBAAiB,GAAGC,aACvB,CAAA,OAAOjC,WAAW,WAAc,GAAA,CAACkC,QAAW,GAAAlC,MAAA,CAAOmC,UAAU,CAAA;AAEjE;EAEApC,4BAA+B,GAAAA,MAAA;AAC7BqC,IAAAA,QAAS,CAAA,MAAA;AACP,MAAA,MAAMC,aAAA,GAAgBJ,aAAc,CAAAjC,MAAA,CAAOmC,UAAU,CAAA;AAErD,MAAA,IAAIE,aAAkB,KAAA,IAAI,CAACL,iBAAiB,EAAE;QAC5C,IAAI,CAACA,iBAAiB,GAAGK,aAAA;AAC3B;KACC,EAAA,EAAA,CAAA;GACH;EAEF,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,OAAO,IAAI,CAACP,IAAI,CAACQ,UAAU,KAAK,QAAA,GACnC,IAAI,CAACR,IAAI,CAACQ,UAAU,GACpBhD,iBAAA;AACN;EAEA,IAAIa,GAAMA,GAAA;AACR,IAAA,IAAI,IAAI,CAAC2B,IAAI,CAAC3B,GAAG,KAAK,IAAM,EAAA;AAC1B,MAAA,OAAO,IAAA;AACT;AAEA,IAAA,OAAO,IAAI,CAAC2B,IAAI,CAAC3B,GAAG,IAAI,CAAA;AAC1B;EAEA,IAAIoC,QAAWA,GAAA;AACb,IAAA,OAAO,IAAI,CAACT,IAAI,CAACS,QAAQ,IAAI,IAAA;AAC/B;EAEA,IAAIC,aAAAA,GAAoD;AACtD;AACA;AACA;AACA,IAAA,IAAIA,aAAoD,GAAA,IAAI,CAACrC,GAAG;AAEhE;AACA,IAAA,IACE,IAAI,CAAC2B,IAAI,CAACQ,UAAU,IACpB,IAAI,CAACD,gBAAgB,CAAC,IAAI,CAACN,iBAAiB,CAAsB,EAClE;MACAS,aACE,GAAA,IAAI,CAACH,gBAAgB,CAAC,IAAI,CAACN,iBAAiB,CAAsB;AACtE;AAEA;AACA,IAAA,IAAI,IAAI,CAAC5B,GAAG,IAAIqC,aAAe,EAAA;MAC7BA,aAAgB,GAAA,IAAI,CAACrC,GAAG,GAAGqC,gBAAgB,IAAI,CAACrC,GAAG,GAAGqC,aAAA;AACxD;AAEA,IAAA,OAAOA,aAAA;AACT;EAEA,IACItC,kBAAqBA,GAAA;AACvB,IAAA,MAAMsC,aAAA,GAAgB,IAAI,CAACA,aAAa;AAExC,IAAA,OAAOA,aAAA,GACHtC,mBAAmBsC,aAAe,EAAA,IAAI,CAACV,IAAI,CAAC1B,WAAW,CACvD,GAAA;AACEA,MAAAA,WAAA,EAAa,IAAI,CAAC0B,IAAI,CAAC1B,WAAW;AAClCS,MAAAA,mBAAA,EAAqB;KACvB;AACN;AAAA,EAAA;IAAA4B,CAAA,CAAA,IAAA,CAAAf,SAAA,EAAA,oBAAA,EAAA,CAVCgB,MAAA,CAAA,CAAA;AAAA;AAYD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAuGA,g/EAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAArD,sBAAA;QAAAsD,QAAA;oBAAAC,mBAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,OAAA;QAAA9B,cAAA;sBAAA+B,QAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

package/dist/components/eui-button-empty.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { eq, or, not, and } from 'ember-truth-helpers';
+import { notEq, eq, or, not, and } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import EuiButtonContent from './eui-button-content.js';
@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiButtonEmpty = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\") as |size iconSize|}}\n      {{#if (and @href (not (or @isLoading @isDisabled)))}}\n        <a class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} href={{@href}} target={{@target}} ...attributes>\n          <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n            {{yield}}\n          </EuiButtonContent>\n        </a>\n      {{else}}\n        <button class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} disabled={{or @isLoading @isDisabled @disabled}} type={{if @type @type \"button\"}} aria-pressed={{@isSelected}} ...attributes>\n          <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n            {{yield}}\n          </EuiButtonContent>\n        </button>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiButtonEmpty = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\") as |size iconSize|}}\n  {{#if (and @href (not (or @isLoading @isDisabled)))}}\n    <a class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} href={{@href}} target={{@target}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </a>\n  {{else}}\n    <button class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} disabled={{or @isLoading @isDisabled @disabled}} type={{if @type @type \"button\"}} aria-pressed={{if (notEq @isSelected undefined) (if @isSelected \"true\" \"false\")}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </button>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,
@@ -15,7 +15,8 @@ const EuiButtonEmpty = setComponentTemplate(precompileTemplate("\n    {{#let (ar
     or,
     classNames,
     EuiButtonContent,
-    eq
+    eq,
+    notEq
   })
 }), templateOnly());

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import { 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 EuiButtonContent from './eui-button-content.gts';\n\nimport type {\n colorMapping,\n flushMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-button-empty.ts';\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonEmptySignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n isLoading?: boolean;\n size?: keyof typeof sizeMapping;\n iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n color?: keyof typeof colorMapping;\n iconType?: EuiIconSignature['Args']['type'];\n iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n iconClasses?: string;\n textClasses?: string;\n contentClasses?: string;\n flush?: keyof typeof flushMapping;\n href?: string;\n target?: string;\n isDisabled?: boolean;\n useSvg?: boolean;\n useComponent?: boolean;\n type?: string;\n isSelected?: boolean;\n disabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiButtonEmpty: TemplateOnlyComponent<EuiButtonEmptySignature> =\n <template>\n {{#let\n (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\")\n as \|size iconSize\|\n }}\n {{#if (and @href (not (or @isLoading @isDisabled)))}}\n <a\n class={{classNames\n (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n componentName=\"EuiButtonEmpty\"\n color=(argOrDefault @color \"primary\")\n size=size\n flush=@flush\n }}\n href={{@href}}\n target={{@target}}\n ...attributes\n >\n <EuiButtonContent\n class=\"euiButtonEmpty__content {{@contentClasses}}\"\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </a>\n {{else}}\n <button\n class={{classNames\n (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n componentName=\"EuiButtonEmpty\"\n color=(argOrDefault @color \"primary\")\n size=size\n flush=@flush\n }}\n disabled={{or @isLoading @isDisabled @disabled}}\n type={{if @type @type \"button\"}}\n aria-pressed={{@isSelected}}\n ...attributes\n >\n <EuiButtonContent\n class=\"euiButtonEmpty__content {{@contentClasses}}\"\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </button>\n {{/if}}\n {{/let}}\n </template>;\n\nexport default EuiButtonEmpty;\n"],"names":["EuiButtonEmpty","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","classNames","EuiButtonContent","eq","templateOnly"],"mappings":";;;;;;;;AA0CA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,~~CA8DA~~,~~olDAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonContent from './eui-button-content.gts';\n\nimport type {\n colorMapping,\n flushMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-button-empty.ts';\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonEmptySignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n isLoading?: boolean;\n size?: keyof typeof sizeMapping;\n iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n color?: keyof typeof colorMapping;\n iconType?: EuiIconSignature['Args']['type'];\n iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n iconClasses?: string;\n textClasses?: string;\n contentClasses?: string;\n flush?: keyof typeof flushMapping;\n href?: string;\n target?: string;\n isDisabled?: boolean;\n useSvg?: boolean;\n useComponent?: boolean;\n type?: string;\n isSelected?: boolean;\n disabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiButtonEmpty: TemplateOnlyComponent<EuiButtonEmptySignature> =\n <template>\n {{#let\n (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\")\n as \|size iconSize\|\n }}\n {{#if (and @href (not (or @isLoading @isDisabled)))}}\n <a\n class={{classNames\n (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n componentName=\"EuiButtonEmpty\"\n color=(argOrDefault @color \"primary\")\n size=size\n flush=@flush\n }}\n href={{@href}}\n target={{@target}}\n ...attributes\n >\n <EuiButtonContent\n class=\"euiButtonEmpty__content {{@contentClasses}}\"\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </a>\n {{else}}\n <button\n class={{classNames\n (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n componentName=\"EuiButtonEmpty\"\n color=(argOrDefault @color \"primary\")\n size=size\n flush=@flush\n }}\n disabled={{or @isLoading @isDisabled @disabled}}\n type={{if @type @type \"button\"}}\n aria-pressed={{if\n (notEq @isSelected undefined)\n (if @isSelected \"true\" \"false\")\n }}\n ...attributes\n >\n <EuiButtonContent\n class=\"euiButtonEmpty__content {{@contentClasses}}\"\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </button>\n {{/if}}\n {{/let}}\n </template>;\n\nexport default EuiButtonEmpty;\n"],"names":["EuiButtonEmpty","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","classNames","EuiButtonContent","eq","notEq","templateOnly"],"mappings":";;;;;;;;AA0CA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiEA,2kDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -15,7 +15,7 @@ const handleClick = (isNotLabel, onChange, id) => {
     onChange(id);
   }
 };
-const EuiButtonGroupButton = setComponentTemplate(precompileTemplate("\n    {{#let (if @isDisabled \"button\" @element) (randomId) (classNames (if @isSelected \"euiButtonGroupButton-isSelected\") (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")) as |element newId classes|}}\n      {{#let (notEq @element \"label\") as |isNotLabel|}}\n        <EuiInnerText as |setInnerTextRef innerText|>\n          <EuiButton @baseClassName=\"euiButtonGroupButton\" class={{classes}} @element={{element}} @fill={{and (notEq @size \"compressed\") @isSelected}} @isDisabled={{@isDisabled}} @size={{if (eq @size \"compressed\") \"s\" @size}} @color={{@color}} @contentClasses={{@contentClasses}} @iconSide={{@iconSide}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconClasses={{@iconClasses}} @isLoading={{@isLoading}} @textClasses={{classNames @textClasses (if @isIconOnly \"euiScreenReaderOnly\" \"euiButtonGroupButton__textShift\")}} @isSelected={{if isNotLabel @isSelected}} type={{if isNotLabel @type}} for={{if (eq element \"label\") newId}} id={{if isNotLabel newId}} title={{innerText}} {{on \"click\" (fn handleClick isNotLabel @onChange @id)}} {{didInsert setInnerTextRef}} ...attributes>\n            {{#if (eq element \"label\")}}\n              <input id={{newId}} class=\"euiScreenReaderOnly\" name={{@name}} checked={{@isSelected}} disabled={{@isDisabled}} value={{@value}} type=\"radio\" {{on \"change\" (fn @onChange @id @value)}} />\n            {{/if}}\n            {{@label}}\n          </EuiButton>\n        </EuiInnerText>\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiButtonGroupButton = setComponentTemplate(precompileTemplate("{{#let (if @isDisabled \"button\" @element) (randomId) (classNames (if @isSelected \"euiButtonGroupButton-isSelected\") (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")) as |element newId classes|}}\n  {{#let (notEq @element \"label\") as |isNotLabel|}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      <EuiButton @baseClassName=\"euiButtonGroupButton\" class={{classes}} @element={{element}} @fill={{and (notEq @size \"compressed\") @isSelected}} @isDisabled={{@isDisabled}} @size={{if (eq @size \"compressed\") \"s\" @size}} @color={{@color}} @contentClasses={{@contentClasses}} @iconSide={{@iconSide}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconClasses={{@iconClasses}} @isLoading={{@isLoading}} @textClasses={{classNames @textClasses (if @isIconOnly \"euiScreenReaderOnly\" \"euiButtonGroupButton__textShift\")}} @isSelected={{if isNotLabel @isSelected}} type={{if isNotLabel @type}} for={{if (eq element \"label\") newId}} id={{if isNotLabel newId}} title={{innerText}} {{on \"click\" (fn handleClick isNotLabel @onChange @id)}} {{didInsert setInnerTextRef}} ...attributes>\n        {{#if (eq element \"label\")}}\n          <input id={{newId}} class=\"euiScreenReaderOnly\" name={{@name}} checked={{@isSelected}} disabled={{@isDisabled}} value={{@value}} type=\"radio\" {{on \"change\" (fn @onChange @id @value)}} />\n        {{/if}}\n        {{@label}}\n      </EuiButton>\n    </EuiInnerText>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButton from './eui-button.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonGroupButtonSignature {\n Element: EuiButtonSignature['Element'];\n Args: {\n id: string;\n value?: string;\n element?: 'label' \| 'button';\n name?: string;\n label?: string;\n isDisabled?: boolean;\n isSelected?: boolean;\n isIconOnly?: boolean;\n size?: EuiButtonSignature['Args']['size'];\n color?: EuiButtonSignature['Args']['color'];\n contentClasses?: EuiButtonSignature['Args']['contentClasses'];\n iconSide?: EuiButtonSignature['Args']['iconSide'];\n iconType?: EuiButtonSignature['Args']['iconType'];\n iconSize?: EuiButtonSignature['Args']['iconSize'];\n iconClasses?: EuiButtonSignature['Args']['iconClasses'];\n isLoading?: EuiButtonSignature['Args']['isLoading'];\n textClasses?: EuiButtonSignature['Args']['textClasses'];\n type?: EuiButtonSignature['Args']['type'];\n onChange: (id: string, value?: string) => void;\n };\n}\n\nconst handleClick = (\n isNotLabel: boolean,\n onChange: (id: string, value?: string) => void,\n id: string\n) => {\n if (isNotLabel) {\n onChange(id);\n }\n};\n\nconst EuiButtonGroupButton: TemplateOnlyComponent<EuiButtonGroupButtonSignature> =\n <template>\n {{#let\n (if @isDisabled \"button\" @element)\n (randomId)\n (classNames\n (if @isSelected \"euiButtonGroupButton-isSelected\")\n (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")\n )\n as \|element newId classes\|\n }}\n {{#let (notEq @element \"label\") as \|isNotLabel\|}}\n <EuiInnerText as \|setInnerTextRef innerText\|>\n <EuiButton\n @baseClassName=\"euiButtonGroupButton\"\n class={{classes}}\n @element={{element}}\n @fill={{and (notEq @size \"compressed\") @isSelected}}\n @isDisabled={{@isDisabled}}\n @size={{if (eq @size \"compressed\") \"s\" @size}}\n @color={{@color}}\n @contentClasses={{@contentClasses}}\n @iconSide={{@iconSide}}\n @iconType={{@iconType}}\n @iconSize={{@iconSize}}\n @iconClasses={{@iconClasses}}\n @isLoading={{@isLoading}}\n @textClasses={{classNames\n @textClasses\n (if\n @isIconOnly\n \"euiScreenReaderOnly\"\n \"euiButtonGroupButton__textShift\"\n )\n }}\n @isSelected={{if isNotLabel @isSelected}}\n type={{if isNotLabel @type}}\n for={{if (eq element \"label\") newId}}\n id={{if isNotLabel newId}}\n title={{innerText}}\n {{on \"click\" (fn handleClick isNotLabel @onChange @id)}}\n {{didInsert setInnerTextRef}}\n ...attributes\n >\n {{#if (eq element \"label\")}}\n <input\n id={{newId}}\n class=\"euiScreenReaderOnly\"\n name={{@name}}\n checked={{@isSelected}}\n disabled={{@isDisabled}}\n value={{@value}}\n type=\"radio\"\n {{on \"change\" (fn @onChange @id @value)}}\n />\n {{/if}}\n {{@label}}\n </EuiButton>\n </EuiInnerText>\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiButtonGroupButton;\n"],"names":["handleClick","isNotLabel","onChange","id","EuiButtonGroupButton","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","classNames","notEq","EuiInnerText","EuiButton","and","eq","on","fn","didInsert","templateOnly"],"mappings":";;;;;;;;;;;;AAuCA,MAAMA,WAAc,GAAAA,CAClBC,UAAmB,EACnBC,QAA8C,EAC9CC,EAAU,KAAA;AAEV,EAAA,IAAIF,UAAY,EAAA;IACdC,QAAS,CAAAC,EAAA,CAAA;AACX;AACF,CAAA;AAEA,MAAMC,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4DA,~~69CAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;kBAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAjB,WAAA;AAAAkB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButton from './eui-button.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonGroupButtonSignature {\n Element: EuiButtonSignature['Element'];\n Args: {\n id: string;\n value?: string;\n element?: 'label' \| 'button';\n name?: string;\n label?: string;\n isDisabled?: boolean;\n isSelected?: boolean;\n isIconOnly?: boolean;\n size?: EuiButtonSignature['Args']['size'];\n color?: EuiButtonSignature['Args']['color'];\n contentClasses?: EuiButtonSignature['Args']['contentClasses'];\n iconSide?: EuiButtonSignature['Args']['iconSide'];\n iconType?: EuiButtonSignature['Args']['iconType'];\n iconSize?: EuiButtonSignature['Args']['iconSize'];\n iconClasses?: EuiButtonSignature['Args']['iconClasses'];\n isLoading?: EuiButtonSignature['Args']['isLoading'];\n textClasses?: EuiButtonSignature['Args']['textClasses'];\n type?: EuiButtonSignature['Args']['type'];\n onChange: (id: string, value?: string) => void;\n };\n}\n\nconst handleClick = (\n isNotLabel: boolean,\n onChange: (id: string, value?: string) => void,\n id: string\n) => {\n if (isNotLabel) {\n onChange(id);\n }\n};\n\nconst EuiButtonGroupButton: TemplateOnlyComponent<EuiButtonGroupButtonSignature> =\n <template>\n {{#let\n (if @isDisabled \"button\" @element)\n (randomId)\n (classNames\n (if @isSelected \"euiButtonGroupButton-isSelected\")\n (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")\n )\n as \|element newId classes\|\n }}\n {{#let (notEq @element \"label\") as \|isNotLabel\|}}\n <EuiInnerText as \|setInnerTextRef innerText\|>\n <EuiButton\n @baseClassName=\"euiButtonGroupButton\"\n class={{classes}}\n @element={{element}}\n @fill={{and (notEq @size \"compressed\") @isSelected}}\n @isDisabled={{@isDisabled}}\n @size={{if (eq @size \"compressed\") \"s\" @size}}\n @color={{@color}}\n @contentClasses={{@contentClasses}}\n @iconSide={{@iconSide}}\n @iconType={{@iconType}}\n @iconSize={{@iconSize}}\n @iconClasses={{@iconClasses}}\n @isLoading={{@isLoading}}\n @textClasses={{classNames\n @textClasses\n (if\n @isIconOnly\n \"euiScreenReaderOnly\"\n \"euiButtonGroupButton__textShift\"\n )\n }}\n @isSelected={{if isNotLabel @isSelected}}\n type={{if isNotLabel @type}}\n for={{if (eq element \"label\") newId}}\n id={{if isNotLabel newId}}\n title={{innerText}}\n {{on \"click\" (fn handleClick isNotLabel @onChange @id)}}\n {{didInsert setInnerTextRef}}\n ...attributes\n >\n {{#if (eq element \"label\")}}\n <input\n id={{newId}}\n class=\"euiScreenReaderOnly\"\n name={{@name}}\n checked={{@isSelected}}\n disabled={{@isDisabled}}\n value={{@value}}\n type=\"radio\"\n {{on \"change\" (fn @onChange @id @value)}}\n />\n {{/if}}\n {{@label}}\n </EuiButton>\n </EuiInnerText>\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiButtonGroupButton;\n"],"names":["handleClick","isNotLabel","onChange","id","EuiButtonGroupButton","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","classNames","notEq","EuiInnerText","EuiButton","and","eq","on","fn","didInsert","templateOnly"],"mappings":";;;;;;;;;;;;AAuCA,MAAMA,WAAc,GAAAA,CAClBC,UAAmB,EACnBC,QAA8C,EAC9CC,EAAU,KAAA;AAEV,EAAA,IAAIF,UAAY,EAAA;IACdC,QAAS,CAAAC,EAAA,CAAA;AACX;AACF,CAAA;AAEA,MAAMC,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4DA,u6CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;kBAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAjB,WAAA;AAAAkB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiButtonGroup = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @buttonSize \"s\") (argOrDefault @color \"text\") (argOrDefault @isFullWidth false) (argOrDefault @isDisabled false) (argOrDefault @type \"single\") as |buttonSize color isFullWidth isDisabled type|}}\n      {{#let (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color) (eq type \"single\") as |resolvedColor typeIsSingle|}}\n\n        <fieldset class={{classNames \"euiButtonGroup\" (if isFullWidth \"euiButtonGroup--fullWidth\") (if isDisabled \"euiButtonGroup--fullWidth\") @className componentName=\"EuiButtonGroup\" size=(argOrDefault buttonSize \"s\") color=resolvedColor}} disabled={{isDisabled}} ...attributes>\n          <legend {{screenReaderOnly}}>{{@legend}}</legend>\n          <div class=\"euiButtonGroup__buttons\">\n            {{#let (argOrDefault @name (randomId)) as |name|}}\n              {{#each @options as |option|}}\n                <EuiButtonGroupButton @name={{name}} @isDisabled={{if (notEq option.isDisabled undefined) option.isDisabled isDisabled}} @element={{if typeIsSingle \"label\" \"button\"}} @isSelected={{if typeIsSingle (eq option.id @idSelected) (get @idToSelectedMap option.id)}} @color={{resolvedColor}} @size={{buttonSize}} @isIconOnly={{@isIconOnly}} @onChange={{@onChange}} @iconType={{option.iconType}} @value={{option.value}} @label={{option.label}} @id={{option.id}} @isLoading={{option.isLoading}} @iconSide={{option.iconSide}} @iconSize={{option.iconSize}} @textClasses={{option.textClasses}} @contentClasses={{option.contentClasses}} @iconClasses={{option.iconClasses}} @type={{option.type}} class={{option.className}} aria-label={{option.aria-label}} />\n              {{/each}}\n            {{/let}}\n          </div>\n        </fieldset>\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiButtonGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @buttonSize \"s\") (argOrDefault @color \"text\") (argOrDefault @isFullWidth false) (argOrDefault @isDisabled false) (argOrDefault @type \"single\") as |buttonSize color isFullWidth isDisabled type|}}\n  {{#let (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color) (eq type \"single\") as |resolvedColor typeIsSingle|}}\n\n    <fieldset class={{classNames \"euiButtonGroup\" (if isFullWidth \"euiButtonGroup--fullWidth\") (if isDisabled \"euiButtonGroup--isDisabled\") @className componentName=\"EuiButtonGroup\" size=(argOrDefault buttonSize \"s\") color=resolvedColor}} disabled={{isDisabled}} ...attributes>\n      <legend {{screenReaderOnly}}>{{@legend}}</legend>\n      <div class=\"euiButtonGroup__buttons\">\n        {{#let (argOrDefault @name (randomId)) as |name|}}\n          {{#each @options as |option|}}\n            <EuiButtonGroupButton @name={{name}} @isDisabled={{if (notEq option.isDisabled undefined) option.isDisabled isDisabled}} @element={{if typeIsSingle \"label\" \"button\"}} @isSelected={{if typeIsSingle (eq option.id @idSelected) (get @idToSelectedMap option.id)}} @color={{resolvedColor}} @size={{buttonSize}} @isIconOnly={{@isIconOnly}} @onChange={{@onChange}} @iconType={{option.iconType}} @value={{option.value}} @label={{option.label}} @id={{option.id}} @isLoading={{option.isLoading}} @iconSide={{option.iconSide}} @iconSize={{option.iconSize}} @textClasses={{option.textClasses}} @contentClasses={{option.contentClasses}} @iconClasses={{option.iconClasses}} @type={{option.type}} class={{option.className}} aria-label={{option.aria-label}} />\n          {{/each}}\n        {{/let}}\n      </div>\n    </fieldset>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button-group.js","sources":["../../src/components/eui-button-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\nimport { notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiButtonGroupButton from './eui-button-group-button.gts';\n\nimport type { EuiButtonGroupButtonSignature } from './eui-button-group-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface Option {\n isDisabled?: boolean;\n iconType?: EuiButtonGroupButtonSignature['Args']['iconType'];\n value?: EuiButtonGroupButtonSignature['Args']['value'];\n label?: EuiButtonGroupButtonSignature['Args']['label'];\n id: EuiButtonGroupButtonSignature['Args']['id'];\n isLoading?: EuiButtonGroupButtonSignature['Args']['isLoading'];\n iconSide?: EuiButtonGroupButtonSignature['Args']['iconSide'];\n iconSize?: EuiButtonGroupButtonSignature['Args']['iconSize'];\n textClasses?: EuiButtonGroupButtonSignature['Args']['textClasses'];\n contentClasses?: EuiButtonGroupButtonSignature['Args']['contentClasses'];\n iconClasses?: EuiButtonGroupButtonSignature['Args']['iconClasses'];\n type?: EuiButtonGroupButtonSignature['Args']['type'];\n className?: string;\n 'aria-label'?: string;\n}\n\nexport interface EuiButtonGroupSignature {\n Element: HTMLFieldSetElement;\n Args: {\n buttonSize?: 's' \| 'm' \| 'compressed';\n color?: 'primary' \| 'text' \| 'ghost' \| 'success' \| 'warning' \| 'danger';\n isFullWidth?: boolean;\n isDisabled?: boolean;\n type?: 'single' \| 'multi';\n legend?: string;\n name?: string;\n className?: string;\n isIconOnly?: EuiButtonGroupButtonSignature['Args']['isIconOnly'];\n onChange: EuiButtonGroupButtonSignature['Args']['onChange'];\n idSelected?: Option['id'];\n idToSelectedMap?: {\n [key: string]: EuiButtonGroupButtonSignature['Args']['isSelected'];\n };\n options?: Array<Option>;\n };\n}\n\nexport const EuiButtonGroup: TemplateOnlyComponent<EuiButtonGroupSignature> =\n <template>\n {{#let\n (argOrDefault @buttonSize \"s\")\n (argOrDefault @color \"text\")\n (argOrDefault @isFullWidth false)\n (argOrDefault @isDisabled false)\n (argOrDefault @type \"single\")\n as \|buttonSize color isFullWidth isDisabled type\|\n }}\n {{#let\n (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color)\n (eq type \"single\")\n as \|resolvedColor typeIsSingle\|\n }}\n\n <fieldset\n class={{classNames\n \"euiButtonGroup\"\n (if isFullWidth \"euiButtonGroup--fullWidth\")\n (if isDisabled \"euiButtonGroup--~~fullWidth~~\")\n @className\n componentName=\"EuiButtonGroup\"\n size=(argOrDefault buttonSize \"s\")\n color=resolvedColor\n }}\n disabled={{isDisabled}}\n ...attributes\n >\n <legend {{screenReaderOnly}}>{{@legend}}</legend>\n <div class=\"euiButtonGroup__buttons\">\n {{#let (argOrDefault @name (randomId)) as \|name\|}}\n {{#each @options as \|option\|}}\n <EuiButtonGroupButton\n @name={{name}}\n @isDisabled={{if\n (notEq option.isDisabled undefined)\n option.isDisabled\n isDisabled\n }}\n @element={{if typeIsSingle \"label\" \"button\"}}\n @isSelected={{if\n typeIsSingle\n (eq option.id @idSelected)\n (get @idToSelectedMap option.id)\n }}\n @color={{resolvedColor}}\n @size={{buttonSize}}\n @isIconOnly={{@isIconOnly}}\n @onChange={{@onChange}}\n @iconType={{option.iconType}}\n @value={{option.value}}\n @label={{option.label}}\n @id={{option.id}}\n @isLoading={{option.isLoading}}\n @iconSide={{option.iconSide}}\n @iconSize={{option.iconSize}}\n @textClasses={{option.textClasses}}\n @contentClasses={{option.contentClasses}}\n @iconClasses={{option.iconClasses}}\n @type={{option.type}}\n class={{option.className}}\n aria-label={{option.aria-label}}\n />\n {{/each}}\n {{/let}}\n </div>\n </fieldset>\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiButtonGroup;\n"],"names":["EuiButtonGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","eq","classNames","screenReaderOnly","randomId","EuiButtonGroupButton","notEq","get","templateOnly"],"mappings":";;;;;;;;;;;MAoDaA,cAAsC,GAAAC,oBAAA,CACjDC,kBAAA,CAqEA,~~ivDAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,QAAA;IAAAC,oBAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-button-group.js","sources":["../../src/components/eui-button-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\nimport { notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiButtonGroupButton from './eui-button-group-button.gts';\n\nimport type { EuiButtonGroupButtonSignature } from './eui-button-group-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface Option {\n isDisabled?: boolean;\n iconType?: EuiButtonGroupButtonSignature['Args']['iconType'];\n value?: EuiButtonGroupButtonSignature['Args']['value'];\n label?: EuiButtonGroupButtonSignature['Args']['label'];\n id: EuiButtonGroupButtonSignature['Args']['id'];\n isLoading?: EuiButtonGroupButtonSignature['Args']['isLoading'];\n iconSide?: EuiButtonGroupButtonSignature['Args']['iconSide'];\n iconSize?: EuiButtonGroupButtonSignature['Args']['iconSize'];\n textClasses?: EuiButtonGroupButtonSignature['Args']['textClasses'];\n contentClasses?: EuiButtonGroupButtonSignature['Args']['contentClasses'];\n iconClasses?: EuiButtonGroupButtonSignature['Args']['iconClasses'];\n type?: EuiButtonGroupButtonSignature['Args']['type'];\n className?: string;\n 'aria-label'?: string;\n}\n\nexport interface EuiButtonGroupSignature {\n Element: HTMLFieldSetElement;\n Args: {\n buttonSize?: 's' \| 'm' \| 'compressed';\n color?: 'primary' \| 'text' \| 'ghost' \| 'success' \| 'warning' \| 'danger';\n isFullWidth?: boolean;\n isDisabled?: boolean;\n type?: 'single' \| 'multi';\n legend?: string;\n name?: string;\n className?: string;\n isIconOnly?: EuiButtonGroupButtonSignature['Args']['isIconOnly'];\n onChange: EuiButtonGroupButtonSignature['Args']['onChange'];\n idSelected?: Option['id'];\n idToSelectedMap?: {\n [key: string]: EuiButtonGroupButtonSignature['Args']['isSelected'];\n };\n options?: Array<Option>;\n };\n}\n\nexport const EuiButtonGroup: TemplateOnlyComponent<EuiButtonGroupSignature> =\n <template>\n {{#let\n (argOrDefault @buttonSize \"s\")\n (argOrDefault @color \"text\")\n (argOrDefault @isFullWidth false)\n (argOrDefault @isDisabled false)\n (argOrDefault @type \"single\")\n as \|buttonSize color isFullWidth isDisabled type\|\n }}\n {{#let\n (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color)\n (eq type \"single\")\n as \|resolvedColor typeIsSingle\|\n }}\n\n <fieldset\n class={{classNames\n \"euiButtonGroup\"\n (if isFullWidth \"euiButtonGroup--fullWidth\")\n (if isDisabled \"euiButtonGroup--isDisabled\")\n @className\n componentName=\"EuiButtonGroup\"\n size=(argOrDefault buttonSize \"s\")\n color=resolvedColor\n }}\n disabled={{isDisabled}}\n ...attributes\n >\n <legend {{screenReaderOnly}}>{{@legend}}</legend>\n <div class=\"euiButtonGroup__buttons\">\n {{#let (argOrDefault @name (randomId)) as \|name\|}}\n {{#each @options as \|option\|}}\n <EuiButtonGroupButton\n @name={{name}}\n @isDisabled={{if\n (notEq option.isDisabled undefined)\n option.isDisabled\n isDisabled\n }}\n @element={{if typeIsSingle \"label\" \"button\"}}\n @isSelected={{if\n typeIsSingle\n (eq option.id @idSelected)\n (get @idToSelectedMap option.id)\n }}\n @color={{resolvedColor}}\n @size={{buttonSize}}\n @isIconOnly={{@isIconOnly}}\n @onChange={{@onChange}}\n @iconType={{option.iconType}}\n @value={{option.value}}\n @label={{option.label}}\n @id={{option.id}}\n @isLoading={{option.isLoading}}\n @iconSide={{option.iconSide}}\n @iconSize={{option.iconSize}}\n @textClasses={{option.textClasses}}\n @contentClasses={{option.contentClasses}}\n @iconClasses={{option.iconClasses}}\n @type={{option.type}}\n class={{option.className}}\n aria-label={{option.aria-label}}\n />\n {{/each}}\n {{/let}}\n </div>\n </fieldset>\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiButtonGroup;\n"],"names":["EuiButtonGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","eq","classNames","screenReaderOnly","randomId","EuiButtonGroupButton","notEq","get","templateOnly"],"mappings":";;;;;;;;;;;MAoDaA,cAAsC,GAAAC,oBAAA,CACjDC,kBAAA,CAqEA,orDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,QAAA;IAAAC,oBAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-button-icon.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 EuiButtonIcon = setComponentTemplate(precompileTemplate("\n  {{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n    {{#if (and @href (not @isDisabled))}}\n      <a class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} href={{@href}} target={{@target}} ...attributes>\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" aria-hidden=\"true\" />\n        {{/if}}\n      </a>\n    {{else}}\n      <button class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} disabled={{or @isDisabled @disabled}} aria-pressed={{if @isSelected \"true\" \"false\"}} type={{if @type @type \"button\"}} ...attributes>\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @color=\"inherit\" @useComponent={{@useComponent}} aria-hidden=\"true\" />\n        {{/if}}\n      </button>\n    {{/if}}\n  {{/let}}\n", {
+const EuiButtonIcon = setComponentTemplate(precompileTemplate("{{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n  {{#if (and @href (not @isDisabled))}}\n    <a class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} href={{@href}} target={{@target}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" aria-hidden=\"true\" />\n      {{/if}}\n    </a>\n  {{else}}\n    <button class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} disabled={{or @isDisabled @disabled}} aria-pressed={{if @isSelected \"true\" \"false\"}} type={{if @type @type \"button\"}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @color=\"inherit\" @useComponent={{@useComponent}} aria-hidden=\"true\" />\n      {{/if}}\n    </button>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     getEuiConfig: GetEuiConfig,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button-icon.js","sources":["../../src/components/eui-button-icon.gts"],"sourcesContent":["import { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport getEuiConfig from '../helpers/get-eui-config.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n displayMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-button-icon.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonIconSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n iconType?: EuiIconSignature['Args']['type'];\n iconSize?: EuiIconSignature['Args']['size'];\n iconClasses?: string;\n href?: string;\n target?: string;\n isDisabled?: boolean;\n isSelected?: boolean;\n display?: keyof typeof displayMapping;\n color?: keyof typeof colorMapping;\n size?: keyof typeof sizeMapping;\n type?: 'button' \| 'submit' \| 'reset';\n useSvg?: boolean;\n useComponent?: boolean;\n disabled?: boolean;\n };\n}\n\nconst EuiButtonIcon: TemplateOnlyComponent<EuiButtonIconSignature> = <template>\n {{#let (getEuiConfig \"euiButtonIcon.size\") as \|buttonSizeConfig\|}}\n {{#if (and @href (not @isDisabled))}}\n <a\n class={{classNames\n (if @isDisabled \"euiButtonIcon-isDisabled\")\n componentName=\"EuiButtonIcon\"\n display=(argOrDefault @display \"empty\")\n color=(argOrDefault @color \"primary\")\n size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n }}\n href={{@href}}\n target={{@target}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @color=\"inherit\"\n aria-hidden=\"true\"\n />\n {{/if}}\n </a>\n {{else}}\n <button\n class={{classNames\n (if @isDisabled \"euiButtonIcon-isDisabled\")\n componentName=\"EuiButtonIcon\"\n display=(argOrDefault @display \"empty\")\n color=(argOrDefault @color \"primary\")\n size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n }}\n disabled={{or @isDisabled @disabled}}\n aria-pressed={{if @isSelected \"true\" \"false\"}}\n type={{if @type @type \"button\"}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @color=\"inherit\"\n @useComponent={{@useComponent}}\n aria-hidden=\"true\"\n />\n {{/if}}\n </button>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiButtonIcon;\n"],"names":["EuiButtonIcon","setComponentTemplate","precompileTemplate","strictMode","scope","getEuiConfig","and","not","classNames","argOrDefault","EuiIcon","or","templateOnly"],"mappings":";;;;;;;;;AAmCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAuDrE,~~06CAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-button-icon.js","sources":["../../src/components/eui-button-icon.gts"],"sourcesContent":["import { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport getEuiConfig from '../helpers/get-eui-config.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n colorMapping,\n displayMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-button-icon.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonIconSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n iconType?: EuiIconSignature['Args']['type'];\n iconSize?: EuiIconSignature['Args']['size'];\n iconClasses?: string;\n href?: string;\n target?: string;\n isDisabled?: boolean;\n isSelected?: boolean;\n display?: keyof typeof displayMapping;\n color?: keyof typeof colorMapping;\n size?: keyof typeof sizeMapping;\n type?: 'button' \| 'submit' \| 'reset';\n useSvg?: boolean;\n useComponent?: boolean;\n disabled?: boolean;\n };\n}\n\nconst EuiButtonIcon: TemplateOnlyComponent<EuiButtonIconSignature> = <template>\n {{#let (getEuiConfig \"euiButtonIcon.size\") as \|buttonSizeConfig\|}}\n {{#if (and @href (not @isDisabled))}}\n <a\n class={{classNames\n (if @isDisabled \"euiButtonIcon-isDisabled\")\n componentName=\"EuiButtonIcon\"\n display=(argOrDefault @display \"empty\")\n color=(argOrDefault @color \"primary\")\n size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n }}\n href={{@href}}\n target={{@target}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @color=\"inherit\"\n aria-hidden=\"true\"\n />\n {{/if}}\n </a>\n {{else}}\n <button\n class={{classNames\n (if @isDisabled \"euiButtonIcon-isDisabled\")\n componentName=\"EuiButtonIcon\"\n display=(argOrDefault @display \"empty\")\n color=(argOrDefault @color \"primary\")\n size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n }}\n disabled={{or @isDisabled @disabled}}\n aria-pressed={{if @isSelected \"true\" \"false\"}}\n type={{if @type @type \"button\"}}\n ...attributes\n >\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n @useSvg={{@useSvg}}\n @color=\"inherit\"\n @useComponent={{@useComponent}}\n aria-hidden=\"true\"\n />\n {{/if}}\n </button>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiButtonIcon;\n"],"names":["EuiButtonIcon","setComponentTemplate","precompileTemplate","strictMode","scope","getEuiConfig","and","not","classNames","argOrDefault","EuiIcon","or","templateOnly"],"mappings":";;;;;;;;;AAmCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAuDrE,w4CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiButton = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @baseClassName \"euiButton\") (if @element @element (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")) as |baseClassName theElement|}}\n    {{#let (element theElement) as |Element|}}\n      <Element class={{classNames (if @fill (concat baseClassName \"--fill\")) (if @fullWidth (concat baseClassName \"--fullWidth\")) (if (or @isLoading @isDisabled @disabled) (concat baseClassName \"-isDisabled\")) componentName=(classify baseClassName) color=(argOrDefault @color \"primary\") size=@size}} disabled={{or @isLoading @isDisabled @disabled}} href={{@href}} target={{@target}} aria-pressed={{if @isSelected \"true\" null}} type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}} {{!--@glint-expect-error--}} ...attributes>\n        <EuiButtonContent class={{classNames \"euiButton__content\" @contentClasses}} @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButton__text\" @textClasses}}>\n          {{yield}}\n        </EuiButtonContent>\n      </Element>\n    {{/let}}\n  {{/let}}\n", {
+const EuiButton = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @baseClassName \"euiButton\") (if @element @element (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")) as |baseClassName theElement|}}\n  {{#let (element theElement) as |Element|}}\n    <Element class={{classNames (if @fill (concat baseClassName \"--fill\")) (if @fullWidth (concat baseClassName \"--fullWidth\")) (if (or @isLoading @isDisabled @disabled) (concat baseClassName \"-isDisabled\")) componentName=(classify baseClassName) color=(argOrDefault @color \"primary\") size=@size}} disabled={{or @isLoading @isDisabled @disabled}} href={{@href}} target={{@target}} aria-pressed={{if @isSelected \"true\" null}} type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}} {{!--@glint-expect-error--}} ...attributes>\n      <EuiButtonContent class={{classNames \"euiButton__content\" @contentClasses}} @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButton__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </Element>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-button.js","sources":["../../src/components/eui-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { classify } from '@ember/string';\n\nimport { element } from 'ember-element-helper';\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 EuiButtonContent from './eui-button-content.gts';\n\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonSignature {\n Element: HTMLElement;\n Args: {\n baseClassName?: string;\n color?: string;\n contentClasses?: string;\n disabled?: boolean;\n fill?: boolean;\n fullWidth?: boolean;\n href?: string;\n iconClasses?: string;\n iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n iconType?: EuiButtonContentSignature['Args']['iconType'];\n isLoading?: boolean;\n isSelected?: boolean;\n size?: string;\n target?: string;\n textClasses?: string;\n type?: string;\n useComponent?: boolean;\n useSvg?: boolean;\n element?: string;\n isDisabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiButton: TemplateOnlyComponent<EuiButtonSignature> = <template>\n {{#let\n (argOrDefault @baseClassName \"euiButton\")\n (if\n @element\n @element\n (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")\n )\n as \|baseClassName theElement\|\n }}\n {{#let (element theElement) as \|Element\|}}\n <Element\n class={{classNames\n (if @fill (concat baseClassName \"--fill\"))\n (if @fullWidth (concat baseClassName \"--fullWidth\"))\n (if\n (or @isLoading @isDisabled @disabled)\n (concat baseClassName \"-isDisabled\")\n )\n componentName=(classify baseClassName)\n color=(argOrDefault @color \"primary\")\n size=@size\n }}\n disabled={{or @isLoading @isDisabled @disabled}}\n href={{@href}}\n target={{@target}}\n aria-pressed={{if @isSelected \"true\" null}}\n type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}}\n {{!@glint-expect-error}}\n ...attributes\n >\n <EuiButtonContent\n class={{classNames \"euiButton__content\" @contentClasses}}\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSize={{@iconSize}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButton__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </Element>\n {{/let}}\n {{/let}}\n</template>;\n\nexport default EuiButton;\n"],"names":["EuiButton","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","element","classNames","concat","classify","eq","EuiButtonContent","templateOnly"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CA+C7D,~~0rCAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-button.js","sources":["../../src/components/eui-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { classify } from '@ember/string';\n\nimport { element } from 'ember-element-helper';\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 EuiButtonContent from './eui-button-content.gts';\n\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonSignature {\n Element: HTMLElement;\n Args: {\n baseClassName?: string;\n color?: string;\n contentClasses?: string;\n disabled?: boolean;\n fill?: boolean;\n fullWidth?: boolean;\n href?: string;\n iconClasses?: string;\n iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n iconType?: EuiButtonContentSignature['Args']['iconType'];\n isLoading?: boolean;\n isSelected?: boolean;\n size?: string;\n target?: string;\n textClasses?: string;\n type?: string;\n useComponent?: boolean;\n useSvg?: boolean;\n element?: string;\n isDisabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiButton: TemplateOnlyComponent<EuiButtonSignature> = <template>\n {{#let\n (argOrDefault @baseClassName \"euiButton\")\n (if\n @element\n @element\n (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")\n )\n as \|baseClassName theElement\|\n }}\n {{#let (element theElement) as \|Element\|}}\n <Element\n class={{classNames\n (if @fill (concat baseClassName \"--fill\"))\n (if @fullWidth (concat baseClassName \"--fullWidth\"))\n (if\n (or @isLoading @isDisabled @disabled)\n (concat baseClassName \"-isDisabled\")\n )\n componentName=(classify baseClassName)\n color=(argOrDefault @color \"primary\")\n size=@size\n }}\n disabled={{or @isLoading @isDisabled @disabled}}\n href={{@href}}\n target={{@target}}\n aria-pressed={{if @isSelected \"true\" null}}\n type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}}\n {{!@glint-expect-error}}\n ...attributes\n >\n <EuiButtonContent\n class={{classNames \"euiButton__content\" @contentClasses}}\n @isLoading={{@isLoading}}\n @iconType={{@iconType}}\n @iconSize={{@iconSize}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @useSvg={{@useSvg}}\n @useComponent={{@useComponent}}\n @textClasses={{classNames \"euiButton__text\" @textClasses}}\n >\n {{yield}}\n </EuiButtonContent>\n </Element>\n {{/let}}\n {{/let}}\n</template>;\n\nexport default EuiButton;\n"],"names":["EuiButton","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","element","classNames","concat","classify","eq","EuiButtonContent","templateOnly"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CA+C7D,oqCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-call-out.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 EuiCallOut = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiCallOut\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"primary\")}} ...attributes>\n    {{#if (or @title (has-block \"title\"))}}\n      <div class=\"euiCallOutHeader\">\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiCallOutHeader__icon\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} aria-hidden=\"true\" @color=\"inherit\" />\n        {{/if}}\n        {{#if @heading}}\n          <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </TextBlock>\n        {{else}}\n          <span class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </span>\n        {{/if}}\n      </div>\n    {{/if}}\n    {{#if (has-block \"body\")}}\n      <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n        {{yield to=\"body\"}}\n      </EuiText>\n    {{/if}}\n  </div>\n", {
+const EuiCallOut = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiCallOut\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"primary\")}} ...attributes>\n  {{#if (or @title (has-block \"title\"))}}\n    <div class=\"euiCallOutHeader\">\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiCallOutHeader__icon\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} aria-hidden=\"true\" @color=\"inherit\" />\n      {{/if}}\n      {{#if @heading}}\n        <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n          {{#if (has-block \"title\")}}\n            {{yield to=\"title\"}}\n          {{else}}\n            {{@title}}\n          {{/if}}\n        </TextBlock>\n      {{else}}\n        <span class=\"euiCallOutHeader__title\">\n          {{#if (has-block \"title\")}}\n            {{yield to=\"title\"}}\n          {{else}}\n            {{@title}}\n          {{/if}}\n        </span>\n      {{/if}}\n    </div>\n  {{/if}}\n  {{#if (or (has-block \"body\") (has-block))}}\n    <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n      {{#if (has-block \"body\")}}\n        {{yield to=\"body\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </EuiText>\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-call-out.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-call-out.js","sources":["../../src/components/eui-call-out.gts"],"sourcesContent":["import { 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 EuiText from './eui-text.gts';\nimport TextBlock from './text-block.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-call-out.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTextSignature } from './eui-text';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCallOutSignature {\n Element: HTMLDivElement;\n Args: {\n title?: string;\n heading?: TextBlockSignature['Args']['tagName'];\n iconType?: EuiIconSignature['Args']['type'];\n size?: keyof typeof sizeMapping;\n color?: keyof typeof colorMapping;\n textColor?: EuiTextSignature['Args']['color'];\n iconSize?: EuiIconSignature['Args']['size'];\n };\n Blocks: {\n title?: [];\n body?: [];\n };\n}\n\nconst EuiCallOut: TemplateOnlyComponent<EuiCallOutSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiCallOut\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"primary\")\n }}\n ...attributes\n >\n {{#if (or @title (has-block \"title\"))}}\n <div class=\"euiCallOutHeader\">\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiCallOutHeader__icon\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{/if}}\n {{#if @heading}}\n <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </TextBlock>\n {{else}}\n <span class=\"euiCallOutHeader__title\">\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </span>\n {{/if}}\n </div>\n {{/if}}\n {{#if (has-block \"body\")}}\n <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n {{yield to=\"body\"}}\n </EuiText>\n {{/if}}\n </div>\n</template>;\n\nexport default EuiCallOut;\n"],"names":["EuiCallOut","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","or","EuiIcon","TextBlock","EuiText","eq","templateOnly"],"mappings":";;;;;;;;;;~~AAkCA~~,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,~~CA6C~~/D,~~wqCAAA,~~EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,SAAA;aAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-call-out.js","sources":["../../src/components/eui-call-out.gts"],"sourcesContent":["import { 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 EuiText from './eui-text.gts';\nimport TextBlock from './text-block.gts';\n\nimport type {\n colorMapping,\n sizeMapping\n} from '../utils/css-mappings/eui-call-out.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTextSignature } from './eui-text';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCallOutSignature {\n Element: HTMLDivElement;\n Args: {\n title?: string;\n heading?: TextBlockSignature['Args']['tagName'];\n iconType?: EuiIconSignature['Args']['type'];\n size?: keyof typeof sizeMapping;\n color?: keyof typeof colorMapping;\n textColor?: EuiTextSignature['Args']['color'];\n iconSize?: EuiIconSignature['Args']['size'];\n };\n Blocks: {\n title?: [];\n body?: [];\n default?: [];\n };\n}\n\nconst EuiCallOut: TemplateOnlyComponent<EuiCallOutSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiCallOut\"\n size=(argOrDefault @size \"m\")\n color=(argOrDefault @color \"primary\")\n }}\n ...attributes\n >\n {{#if (or @title (has-block \"title\"))}}\n <div class=\"euiCallOutHeader\">\n {{#if @iconType}}\n <EuiIcon\n @iconClasses=\"euiCallOutHeader__icon\"\n @type={{@iconType}}\n @size={{argOrDefault @iconSize \"m\"}}\n aria-hidden=\"true\"\n @color=\"inherit\"\n />\n {{/if}}\n {{#if @heading}}\n <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </TextBlock>\n {{else}}\n <span class=\"euiCallOutHeader__title\">\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </span>\n {{/if}}\n </div>\n {{/if}}\n {{#if (or (has-block \"body\") (has-block))}}\n <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n {{#if (has-block \"body\")}}\n {{yield to=\"body\"}}\n {{else}}\n {{yield}}\n {{/if}}\n </EuiText>\n {{/if}}\n </div>\n</template>;\n\nexport default EuiCallOut;\n"],"names":["EuiCallOut","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","or","EuiIcon","TextBlock","EuiText","eq","templateOnly"],"mappings":";;;;;;;;;;AAmCA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAiD/D,+sCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,SAAA;aAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-card-select.js CHANGED Viewed

@@ -23,7 +23,7 @@ class EuiCardSelectComponent extends Component {
     return `euiCardSelect--${euiCardSelectableColor(this.args.color, this.args.isSelected)}`;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiButtonEmpty class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}} id={{@buttonId}} @color={{argOrDefault @color \"text\"}} @size=\"xs\" @isDisabled={{@isDisabled}} @iconType={{if @isSelected \"check\" undefined}} @isLoading={{@isLoading}} @href={{@href}} @iconSide={{@iconSide}} @flush={{@flush}} @type={{@type}} role=\"switch\" aria-checked={{@isSelected}} {{on \"click\" (optional @onClick)}} ...attributes>\n      {{#if (has-block)}}\n        {{yield}}\n      {{else if @isSelected}}\n        Selected\n      {{else if @isDisabled}}\n        Unavailable\n      {{else}}\n        Select\n      {{/if}}\n    </EuiButtonEmpty>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}} id={{@buttonId}} @color={{argOrDefault @color \"text\"}} @size=\"xs\" @isDisabled={{@isDisabled}} @iconType={{if @isSelected \"check\" undefined}} @isLoading={{@isLoading}} @href={{@href}} @iconSide={{@iconSide}} @flush={{@flush}} @type={{@type}} role=\"switch\" aria-checked={{if @isSelected \"true\" \"false\"}} {{on \"click\" (optional @onClick)}} ...attributes>\n  {{#if (has-block)}}\n    {{yield}}\n  {{else if @isSelected}}\n    Selected\n  {{else if @isDisabled}}\n    Unavailable\n  {{else}}\n    Select\n  {{/if}}\n</EuiButtonEmpty>", {
       strictMode: true,
       scope: () => ({
         EuiButtonEmpty,

package/dist/components/eui-card-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-card-select.js","sources":["../../src/components/eui-card-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\nexport type EuiCardSelectProps = {\n /*\n Is in the selected state\n */\n isSelected?: boolean;\n isDisabled?: boolean;\n buttonId?: string;\n color?: EuiButtonEmptySignature['Args']['color'];\n isLoading?: EuiButtonEmptySignature['Args']['isLoading'];\n href?: EuiButtonEmptySignature['Args']['href'];\n iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n flush?: EuiButtonEmptySignature['Args']['flush'];\n type?: EuiButtonEmptySignature['Args']['type'];\n onClick?: (e: MouseEvent) => void;\n};\n\nexport function euiCardSelectableColor(\n color: string \| undefined,\n isSelected: boolean \| undefined\n): string {\n let calculatedColor;\n\n if (color) {\n calculatedColor = color;\n } else if (isSelected) {\n calculatedColor = 'success';\n } else {\n calculatedColor = 'text';\n }\n\n return calculatedColor;\n}\n\nexport interface EuiCardSelectSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiCardSelectProps;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiCardSelectComponent extends Component<EuiCardSelectSignature> {\n get selectColorClass() {\n return `euiCardSelect--${euiCardSelectableColor(\n this.args.color,\n this.args.isSelected\n )}`;\n }\n\n <template>\n <EuiButtonEmpty\n class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}}\n id={{@buttonId}}\n @color={{argOrDefault @color \"text\"}}\n @size=\"xs\"\n @isDisabled={{@isDisabled}}\n @iconType={{if @isSelected \"check\" undefined}}\n @isLoading={{@isLoading}}\n @href={{@href}}\n @iconSide={{@iconSide}}\n @flush={{@flush}}\n @type={{@type}}\n role=\"switch\"\n aria-checked={{@isSelected}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @isSelected}}\n Selected\n {{else if @isDisabled}}\n Unavailable\n {{else}}\n Select\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["euiCardSelectableColor","color","isSelected","calculatedColor","EuiCardSelectComponent","Component","selectColorClass","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","argOrDefault","on","optional"],"mappings":";;;;;;;;;AA2BO,SAASA,sBAAAA,CACdC,KAAyB,EACzBC,UAA+B,EACxB;AACP,EAAA,IAAIC,eAAA;AAEJ,EAAA,IAAIF,KAAO,EAAA;AACTE,IAAAA,eAAkB,GAAAF,KAAA;GACpB,MAAO,IAAIC,UAAY,EAAA;AACrBC,IAAAA,eAAkB,GAAA,SAAA;AACpB,GAAO,MAAA;AACLA,IAAAA,eAAkB,GAAA,MAAA;AACpB;AAEA,EAAA,OAAOA,eAAA;AACT;AAUe,MAAMC,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,CAAkBN,eAAAA,EAAAA,~~sBACvB~~,~~CAAA~~,IAAI,CAACO,IAAI,CAACN,KAAK,EACf,IAAI,CAACM,IAAI,CAACL,UAAU,~~EACnB~~,CAAA;AACL;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CA4BA,~~upBAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-card-select.js","sources":["../../src/components/eui-card-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\nexport type EuiCardSelectProps = {\n /*\n Is in the selected state\n */\n isSelected?: boolean;\n isDisabled?: boolean;\n buttonId?: string;\n color?: EuiButtonEmptySignature['Args']['color'];\n isLoading?: EuiButtonEmptySignature['Args']['isLoading'];\n href?: EuiButtonEmptySignature['Args']['href'];\n iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n flush?: EuiButtonEmptySignature['Args']['flush'];\n type?: EuiButtonEmptySignature['Args']['type'];\n onClick?: (e: MouseEvent) => void;\n};\n\nexport function euiCardSelectableColor(\n color: string \| undefined,\n isSelected: boolean \| undefined\n): string {\n let calculatedColor;\n\n if (color) {\n calculatedColor = color;\n } else if (isSelected) {\n calculatedColor = 'success';\n } else {\n calculatedColor = 'text';\n }\n\n return calculatedColor;\n}\n\nexport interface EuiCardSelectSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiCardSelectProps;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiCardSelectComponent extends Component<EuiCardSelectSignature> {\n get selectColorClass() {\n return `euiCardSelect--${euiCardSelectableColor(\n this.args.color,\n this.args.isSelected\n )}`;\n }\n\n <template>\n <EuiButtonEmpty\n class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}}\n id={{@buttonId}}\n @color={{argOrDefault @color \"text\"}}\n @size=\"xs\"\n @isDisabled={{@isDisabled}}\n @iconType={{if @isSelected \"check\" undefined}}\n @isLoading={{@isLoading}}\n @href={{@href}}\n @iconSide={{@iconSide}}\n @flush={{@flush}}\n @type={{@type}}\n role=\"switch\"\n aria-checked={{if @isSelected \"true\" \"false\"}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n {{#if (has-block)}}\n {{yield}}\n {{else if @isSelected}}\n Selected\n {{else if @isDisabled}}\n Unavailable\n {{else}}\n Select\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["euiCardSelectableColor","color","isSelected","calculatedColor","EuiCardSelectComponent","Component","selectColorClass","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","argOrDefault","on","optional"],"mappings":";;;;;;;;;AA2BO,SAASA,sBAAAA,CACdC,KAAyB,EACzBC,UAA+B,EACxB;AACP,EAAA,IAAIC,eAAA;AAEJ,EAAA,IAAIF,KAAO,EAAA;AACTE,IAAAA,eAAkB,GAAAF,KAAA;GACpB,MAAO,IAAIC,UAAY,EAAA;AACrBC,IAAAA,eAAkB,GAAA,SAAA;AACpB,GAAO,MAAA;AACLA,IAAAA,eAAkB,GAAA,MAAA;AACpB;AAEA,EAAA,OAAOA,eAAA;AACT;AAUe,MAAMC,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,CAAkBN,eAAAA,EAAAA,sBAAA,CACvB,IAAI,CAACO,IAAI,CAACN,KAAK,EACf,IAAI,CAACM,IAAI,CAACL,UAAU,CACnB,CAAA,CAAA;AACL;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CA4BA,2nBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -17,7 +17,7 @@ import EuiTextComponent from './eui-text.js';
 import EuiTitle from './eui-title.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 EuiCardComponent extends Component {
   static {
@@ -49,7 +49,7 @@ class EuiCardComponent extends Component {
     this.link = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (if @selectable (randomId)) (and (not @isDisabled) (or @onClick @href (and @selectable (not @selectable.isDisabled)))) (argOrDefault @titleElement \"span\") (argOrDefault @layout \"vertical\") as |selectableId isClickable titleElement layout|}}\n      <EuiPanel class={{classNames (if (eq layout \"horizontal\") \"euiCard--horizontal\") (if isClickable \"euiCard--isClickable\") (if @betaBadgeProps.label \"euiCard--hasBetaBadge\") (if @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")) (if @selectable \"euiCard--isSelectable\") (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\") (if @isDisabled \"euiCard-isDisabled\") this.selectableColorClass componentName=\"EuiCard\" textAlign=(argOrDefault @textAlign \"center\")}} @color={{if @isDisabled \"subdued\" @display}} @onClick={{if isClickable this.outerOnClick}} @hasShadow={{if (or @isDisabled @display) true}} @hasBorder={{if @display true undefined}} @paddingSize={{@paddingSize}} ...attributes>\n\n        {{#if (or (has-block \"icon\") (or @image @icon))}}\n          <div class={{this.topClasses}}>\n            {{#if (has-block \"icon\")}}\n              {{yield \"euiCard__icon\" to=\"icon\"}}\n            {{else}}\n              {{#if (or @image @icon)}}\n                {{#if (and @image (notEq layout \"horizontal\"))}}\n                  <div class=\"euiCard__image\">\n                    <img src={{@image}} alt=\"card-top\" />\n                  </div>\n                {{/if}}\n                {{#if @icon}}\n                  <EuiIcon @iconClasses=\"euiCard__icon\" @type={{@icon}} @size={{@iconSize}} />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle class=\"euiCard__title\" @size={{argOrDefault @titleSize \"s\"}}>\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a class=\"euiCard__titleAnchor\" target={{@target}} disabled={{@isDisabled}} href={{@href}} {{didInsert (set this \"link\")}}>\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n\n              </a>\n            {{else if (or @isDisabled @onClick)}}\n              <button type=\"button\" class=\"euiCard__titleButton\" disabled={{@isDisabled}} {{didInsert (set this \"link\")}} {{on \"click\" (optional @onClick)}}>\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n              </button>\n            {{else}}\n              {{#if (notEq titleElement \"span\")}}\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement>{{@title}}</TitleElement>\n                {{/let}}\n              {{else}}\n                <span>{{@title}}</span>\n              {{/if}}\n            {{/if}}\n          </EuiTitle>\n          {{#if (or @description (has-block \"description\"))}}\n            <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n              {{#if (has-block \"description\")}}\n                <p>{{yield to=\"description\"}}</p>\n              {{else}}\n                <p>{{@description}}</p>\n              {{/if}}\n            </EuiText>\n          {{/if}}\n          {{yield to=\"body\"}}\n        </div>\n        {{#if @betaBadgeProps.label}}\n          <span class=\"euiCard__betaBadgeWrapper\">\n            <EuiBetaBadge class=\"euiCard__betaBadge\" @label={{@betaBadgeProps.label}} @title={{@betaBadgeProps.title}} @tooltipContent={{@betaBadgeProps.tooltipContent}} />\n          </span>\n        {{/if}}\n        {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n          <div class={{this.footerClasses}}>\n            {{#if (has-block \"footer\")}}\n              {{yield to=\"footer\"}}\n            {{else}}\n              {{@footer}}\n            {{/if}}\n          </div>\n        {{/if}}\n        {{#if @selectable}}\n          <EuiCardSelect @type={{@selectable.type}} @buttonId={{selectableId}} @isSelected={{@selectable.isSelected}} @isDisabled={{@selectable.isDisabled}} @color={{@selectable.color}} @isLoading={{@selectable.isLoading}} @href={{@selectable.href}} @iconSide={{@selectable.iconSide}} @flush={{@selectable.flush}} {{didInsert (set this \"link\")}} @onClick={{optional @selectable.onClick}} />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (if @selectable (randomId)) (and (not @isDisabled) (or @onClick @href (and @selectable (not @selectable.isDisabled)))) (argOrDefault @titleElement \"span\") (argOrDefault @layout \"vertical\") as |selectableId isClickable titleElement layout|}}\n  <EuiPanel class={{classNames (if (eq layout \"horizontal\") \"euiCard--horizontal\") (if isClickable \"euiCard--isClickable\") (if @betaBadgeProps.label \"euiCard--hasBetaBadge\") (if @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")) (if @selectable \"euiCard--isSelectable\") (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\") (if @isDisabled \"euiCard-isDisabled\") this.selectableColorClass componentName=\"EuiCard\" textAlign=(argOrDefault @textAlign \"center\")}} @color={{if @isDisabled \"subdued\" @display}} @onClick={{if isClickable this.outerOnClick}} @hasShadow={{if (or @isDisabled @display) true}} @hasBorder={{if @display true undefined}} @paddingSize={{@paddingSize}} ...attributes>\n\n    {{#if (or (has-block \"icon\") (or @image @icon))}}\n      <div class={{this.topClasses}}>\n        {{#if (has-block \"icon\")}}\n          {{yield \"euiCard__icon\" to=\"icon\"}}\n        {{else}}\n          {{#if (or @image @icon)}}\n            {{#if (and @image (notEq layout \"horizontal\"))}}\n              <div class=\"euiCard__image\">\n                <img src={{@image}} alt=\"card-top\" />\n              </div>\n            {{/if}}\n            {{#if @icon}}\n              <EuiIcon @iconClasses=\"euiCard__icon\" @type={{@icon}} @size={{@iconSize}} />\n            {{/if}}\n          {{/if}}\n        {{/if}}\n      </div>\n    {{/if}}\n\n    <div class={{this.contentClasses}}>\n      <EuiTitle class=\"euiCard__title\" @size={{argOrDefault @titleSize \"s\"}}>\n        {{#if (has-block \"title\")}}\n          {{yield (set this \"link\") to=\"title\"}}\n        {{else if (and (not @isDisabled) @href)}}\n          <a class=\"euiCard__titleAnchor\" target={{@target}} disabled={{@isDisabled}} href={{@href}} {{didInsert (set this \"link\")}}>\n            {{#if (notEq titleElement \"span\")}}\n              {{#let (element titleElement) as |TitleElement|}}\n                <TitleElement>{{@title}}</TitleElement>\n              {{/let}}\n            {{else}}\n              <span>{{@title}}</span>\n            {{/if}}\n\n          </a>\n        {{else if (or @isDisabled @onClick)}}\n          <button type=\"button\" class=\"euiCard__titleButton\" disabled={{@isDisabled}} {{didInsert (set this \"link\")}} {{on \"click\" (optional @onClick)}}>\n            {{#if (notEq titleElement \"span\")}}\n              {{#let (element titleElement) as |TitleElement|}}\n                <TitleElement>{{@title}}</TitleElement>\n              {{/let}}\n            {{else}}\n              <span>{{@title}}</span>\n            {{/if}}\n          </button>\n        {{else}}\n          {{#if (notEq titleElement \"span\")}}\n            {{#let (element titleElement) as |TitleElement|}}\n              <TitleElement>{{@title}}</TitleElement>\n            {{/let}}\n          {{else}}\n            <span>{{@title}}</span>\n          {{/if}}\n        {{/if}}\n      </EuiTitle>\n      {{#if (or @description (has-block \"description\"))}}\n        <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n          {{#if (has-block \"description\")}}\n            <p>{{yield to=\"description\"}}</p>\n          {{else}}\n            <p>{{@description}}</p>\n          {{/if}}\n        </EuiText>\n      {{/if}}\n      {{yield to=\"body\"}}\n    </div>\n    {{#if @betaBadgeProps.label}}\n      <span class=\"euiCard__betaBadgeWrapper\">\n        <EuiBetaBadge class=\"euiCard__betaBadge\" @label={{@betaBadgeProps.label}} @title={{@betaBadgeProps.title}} @tooltipContent={{@betaBadgeProps.tooltipContent}} />\n      </span>\n    {{/if}}\n    {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n      <div class={{this.footerClasses}}>\n        {{#if (has-block \"footer\")}}\n          {{yield to=\"footer\"}}\n        {{else}}\n          {{@footer}}\n        {{/if}}\n      </div>\n    {{/if}}\n    {{#if @selectable}}\n      <EuiCardSelect @type={{@selectable.type}} @buttonId={{selectableId}} @isSelected={{@selectable.isSelected}} @isDisabled={{@selectable.isDisabled}} @color={{@selectable.color}} @isLoading={{@selectable.isLoading}} @href={{@selectable.href}} @iconSide={{@selectable.iconSide}} @flush={{@selectable.flush}} {{didInsert (set this \"link\")}} @onClick={{optional @selectable.onClick}} />\n    {{/if}}\n  </EuiPanel>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,