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

@ember-eui/core 14.0.0 → 14.1.1

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 (1749) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n EuiToastProps,\n EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n toastLifeTimeMs: number;\n\n /\n Determines which side of the browser window the toasts should appear\n Default: 'right'\n\n /\n side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\nexport interface EuiGlobalToastListItemSignature {\n Element: HTMLDivElement;\n Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n @service declare euiToaster: EuiToasterService;\n\n dismissTimeoutIds: number[] = [];\n toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n isScrollingToBottom = false;\n isScrolledToBottom = true;\n isUserInteracting = false;\n\n // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n // for information on initial value of 0\n isScrollingAnimationFrame = 0;\n startScrollingAnimationFrame = 0;\n\n listElement: Element \| null = null;\n @tracked toastIdToDismissedMap: {\n [toastId: string]: boolean;\n } = {};\n\n startScrollingToBottom(): void {\n this.isScrollingToBottom = true;\n\n const scrollToBottom = () => {\n // Although we cancel the requestAnimationFrame in componentWillUnmount,\n // it's possible for this.listElement to become null in the meantime\n if (!this.listElement) {\n return;\n }\n\n const position = this.listElement.scrollTop;\n const destination =\n this.listElement.scrollHeight - this.listElement.clientHeight;\n const distanceToDestination = destination - position;\n\n if (distanceToDestination < 5) {\n this.listElement.scrollTop = destination;\n this.isScrollingToBottom = false;\n this.isScrolledToBottom = true;\n\n return;\n }\n\n this.listElement.scrollTop = position + distanceToDestination * 0.25;\n\n if (this.isScrollingToBottom) {\n this.isScrollingAnimationFrame =\n window.requestAnimationFrame(scrollToBottom);\n }\n };\n\n this.startScrollingAnimationFrame =\n window.requestAnimationFrame(scrollToBottom);\n }\n\n @action\n didInsertToast(toast: EuiToastPropsWithId): void {\n this.scheduleToastForDismissal(toast);\n\n if (!this.isUserInteracting) {\n // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n // all the way back to the bottom.\n if (this.isScrolledToBottom) {\n this.startScrollingToBottom();\n }\n }\n }\n\n @action\n onMouseEnter(): void {\n // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n // the list.\n this.isScrollingToBottom = false;\n this.isUserInteracting = true;\n\n // Don't let toasts dismiss themselves while the user is interacting with them.\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.pause();\n }\n }\n }\n\n @action\n onMouseLeave(): void {\n this.isUserInteracting = false;\n\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.resume();\n }\n }\n }\n\n @action\n onScroll(): void {\n if (this.listElement) {\n this.isScrolledToBottom =\n this.listElement.scrollHeight - this.listElement.scrollTop ===\n this.listElement.clientHeight;\n }\n }\n\n scheduleAllToastsForDismissal(): void {\n this.euiToaster.toasts.forEach((toast) => {\n if (!this.toastIdToTimerMap[toast.id]) {\n this.scheduleToastForDismissal(toast);\n }\n });\n }\n\n @action\n scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n // Start fading the toast out once its lifetime elapses.\n this.toastIdToTimerMap[toast.id] = new Timer(\n this.dismissToast.bind(this, toast),\n toast.toastLifeTimeMs != null\n ? toast.toastLifeTimeMs\n : this.args.toastLifeTimeMs\n );\n }\n\n @action\n dismissToast(toast: EuiToastPropsWithId): void {\n // Remove the toast after it's done fading out.\n this.dismissTimeoutIds.push(\n window.setTimeout(() => {\n // Because this is wrapped in a setTimeout, and because React does not guarantee when\n // state updates happen, it is possible to double-dismiss a toast\n // including by double-clicking the \"x\" button on the toast\n // so, first check to make sure we haven't already dismissed this toast\n if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n if (this.args.dismissToast) {\n this.args.dismissToast.apply(this, [toast]);\n }\n\n this.toastIdToTimerMap[toast.id]!.clear();\n delete this.toastIdToTimerMap[toast.id];\n\n delete this.toastIdToDismissedMap[toast.id];\n this.toastIdToDismissedMap = {\n ...this.toastIdToDismissedMap\n };\n this.euiToaster.remove(toast);\n }\n }, TOAST_FADE_OUT_MS)\n );\n\n this.toastIdToDismissedMap = {\n ...this.toastIdToDismissedMap,\n [toast.id]: true\n };\n }\n\n constructor(owner: Owner, args: GlobalToastListArgs) {\n super(owner, args);\n this.scheduleAllToastsForDismissal();\n }\n\n @action\n didInsert(element: Element): void {\n this.listElement = element;\n }\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this.isScrollingAnimationFrame !== 0) {\n window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n }\n\n if (this.startScrollingAnimationFrame !== 0) {\n window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n }\n\n this.dismissTimeoutIds.forEach(clearTimeout);\n\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.clear();\n }\n }\n\n this.listElement = null;\n }\n\n get listStyle(): ReturnType<typeof htmlSafe> \| undefined {\n return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');\n }\n\n <template>\n <div\n aria-live=\"polite\"\n role=\"region\"\n class={{classNames\n componentName=\"EuiGlobalToastList\"\n side=(argOrDefault @side \"right\")\n }}\n style={{this.listStyle}}\n {{didInsert this.didInsert}}\n {{on \"scroll\" this.onScroll}}\n {{on \"mouseenter\" this.onMouseEnter}}\n {{on \"mouseleave\" this.onMouseLeave}}\n ...attributes\n >\n {{#each this.euiToaster.toasts as \|toast\|}}\n <EuiToast\n class={{classNames\n \"euiGlobalToastListItem\"\n (if\n (get this.toastIdToDismissedMap toast.id)\n \"euiGlobalToastListItem-isDismissed\"\n )\n }}\n @title={{toast.title}}\n @useMarkdownFormat={{toast.useMarkdownFormat}}\n @body={{toast.body}}\n @color={{toast.color}}\n @iconType={{toast.iconType}}\n @onClose={{queue\n (fn this.dismissToast toast)\n (optional toast.onClose)\n }}\n {{didInsert (fn this.didInsertToast toast)}}\n {{on \"focus\" this.onMouseEnter}}\n {{on \"blur\" this.onMouseLeave}}\n />\n {{/each}}\n </div>\n </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","listStyle","length","undefined","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":"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"}
1	+ {"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n EuiToastProps,\n EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n /*\n Called when a toast is dismissed (its close button or its time ran\n * out), before it is removed from the `euiToaster` service.\n /\n dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n /\n How long toasts stay, in ms, unless a toast sets its own\n * `toastLifeTimeMs`. Hovering the list pauses the timers.\n /\n toastLifeTimeMs: number;\n /\n Which side of the browser window the toasts appear on: `'right'` or\n * `'left'`. Defaults to `'right'`.\n /\n side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\n/\n Renders the toasts of the `euiToaster` service. Place it once in the\n * application template, then show toasts from anywhere:\n * `this.euiToaster.show({ title: 'Saved', color: 'success' })`.\n /\nexport interface EuiGlobalToastListItemSignature {\n Element: HTMLDivElement;\n Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n @service declare euiToaster: EuiToasterService;\n\n dismissTimeoutIds: number[] = [];\n toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n isScrollingToBottom = false;\n isScrolledToBottom = true;\n isUserInteracting = false;\n\n // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n // for information on initial value of 0\n isScrollingAnimationFrame = 0;\n startScrollingAnimationFrame = 0;\n\n listElement: Element \| null = null;\n @tracked toastIdToDismissedMap: {\n [toastId: string]: boolean;\n } = {};\n\n startScrollingToBottom(): void {\n this.isScrollingToBottom = true;\n\n const scrollToBottom = () => {\n // Although we cancel the requestAnimationFrame in componentWillUnmount,\n // it's possible for this.listElement to become null in the meantime\n if (!this.listElement) {\n return;\n }\n\n const position = this.listElement.scrollTop;\n const destination =\n this.listElement.scrollHeight - this.listElement.clientHeight;\n const distanceToDestination = destination - position;\n\n if (distanceToDestination < 5) {\n this.listElement.scrollTop = destination;\n this.isScrollingToBottom = false;\n this.isScrolledToBottom = true;\n\n return;\n }\n\n this.listElement.scrollTop = position + distanceToDestination 0.25;\n\n if (this.isScrollingToBottom) {\n this.isScrollingAnimationFrame =\n window.requestAnimationFrame(scrollToBottom);\n }\n };\n\n this.startScrollingAnimationFrame =\n window.requestAnimationFrame(scrollToBottom);\n }\n\n @action\n didInsertToast(toast: EuiToastPropsWithId): void {\n this.scheduleToastForDismissal(toast);\n\n if (!this.isUserInteracting) {\n // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n // all the way back to the bottom.\n if (this.isScrolledToBottom) {\n this.startScrollingToBottom();\n }\n }\n }\n\n @action\n onMouseEnter(): void {\n // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n // the list.\n this.isScrollingToBottom = false;\n this.isUserInteracting = true;\n\n // Don't let toasts dismiss themselves while the user is interacting with them.\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.pause();\n }\n }\n }\n\n @action\n onMouseLeave(): void {\n this.isUserInteracting = false;\n\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.resume();\n }\n }\n }\n\n @action\n onScroll(): void {\n if (this.listElement) {\n this.isScrolledToBottom =\n this.listElement.scrollHeight - this.listElement.scrollTop ===\n this.listElement.clientHeight;\n }\n }\n\n scheduleAllToastsForDismissal(): void {\n this.euiToaster.toasts.forEach((toast) => {\n if (!this.toastIdToTimerMap[toast.id]) {\n this.scheduleToastForDismissal(toast);\n }\n });\n }\n\n @action\n scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n // Start fading the toast out once its lifetime elapses.\n this.toastIdToTimerMap[toast.id] = new Timer(\n this.dismissToast.bind(this, toast),\n toast.toastLifeTimeMs != null\n ? toast.toastLifeTimeMs\n : this.args.toastLifeTimeMs\n );\n }\n\n @action\n dismissToast(toast: EuiToastPropsWithId): void {\n // Remove the toast after it's done fading out.\n this.dismissTimeoutIds.push(\n window.setTimeout(() => {\n // Because this is wrapped in a setTimeout, and because React does not guarantee when\n // state updates happen, it is possible to double-dismiss a toast\n // including by double-clicking the \"x\" button on the toast\n // so, first check to make sure we haven't already dismissed this toast\n if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n if (this.args.dismissToast) {\n this.args.dismissToast.apply(this, [toast]);\n }\n\n this.toastIdToTimerMap[toast.id]!.clear();\n delete this.toastIdToTimerMap[toast.id];\n\n delete this.toastIdToDismissedMap[toast.id];\n this.toastIdToDismissedMap = {\n ...this.toastIdToDismissedMap\n };\n this.euiToaster.remove(toast);\n }\n }, TOAST_FADE_OUT_MS)\n );\n\n this.toastIdToDismissedMap = {\n ...this.toastIdToDismissedMap,\n [toast.id]: true\n };\n }\n\n constructor(owner: Owner, args: GlobalToastListArgs) {\n super(owner, args);\n this.scheduleAllToastsForDismissal();\n }\n\n @action\n didInsert(element: Element): void {\n this.listElement = element;\n }\n\n willDestroy(): void {\n super.willDestroy();\n\n if (this.isScrollingAnimationFrame !== 0) {\n window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n }\n\n if (this.startScrollingAnimationFrame !== 0) {\n window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n }\n\n this.dismissTimeoutIds.forEach(clearTimeout);\n\n for (const toastId in this.toastIdToTimerMap) {\n if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n const timer = this.toastIdToTimerMap[toastId];\n\n timer?.clear();\n }\n }\n\n this.listElement = null;\n }\n\n get listStyle(): ReturnType<typeof htmlSafe> \| undefined {\n return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');\n }\n\n <template>\n <div\n aria-live=\"polite\"\n role=\"region\"\n class={{classNames\n componentName=\"EuiGlobalToastList\"\n side=(argOrDefault @side \"right\")\n }}\n style={{this.listStyle}}\n {{didInsert this.didInsert}}\n {{on \"scroll\" this.onScroll}}\n {{on \"mouseenter\" this.onMouseEnter}}\n {{on \"mouseleave\" this.onMouseLeave}}\n ...attributes\n >\n {{#each this.euiToaster.toasts as \|toast\|}}\n <EuiToast\n class={{classNames\n \"euiGlobalToastListItem\"\n (if\n (get this.toastIdToDismissedMap toast.id)\n \"euiGlobalToastListItem-isDismissed\"\n )\n }}\n @title={{toast.title}}\n @useMarkdownFormat={{toast.useMarkdownFormat}}\n @body={{toast.body}}\n @color={{toast.color}}\n @iconType={{toast.iconType}}\n @onClose={{queue\n (fn this.dismissToast toast)\n (optional toast.onClose)\n }}\n {{didInsert (fn this.didInsertToast toast)}}\n {{on \"focus\" this.onMouseEnter}}\n {{on \"blur\" this.onMouseLeave}}\n />\n {{/each}}\n </div>\n </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","listStyle","length","undefined","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":";;;;;;;;;;;;;;;;;;AA8CA,MAAMA,iBAAA,GAAoB,GAAA;AAE1B;;;;AAIC;;AAMc,MAAMC,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,iBAAA,GAA8B,EAAE;EAChCC,iBAAA,GAAkD,EAAC;AAEnDC,EAAAA,mBAAA,GAAsB,KAAA;AACtBC,EAAAA,kBAAA,GAAqB,IAAA;AACrBC,EAAAA,iBAAA,GAAoB,KAAA;AAEpB;AACA;AACAC,EAAAA,yBAAA,GAA4B,CAAA;AAC5BC,EAAAA,4BAAA,GAA+B,CAAA;AAE/BC,EAAAA,WAAA,GAA8B,IAAA;AAAK,EAAA;IAAAX,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,uBAAA,EAAA,CAClCW,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAEG,EAAC;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,sBAAA,IAAAT,CAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,MAAA;AAELU,EAAAA,sBAAAA,GAA+B;IAC7B,IAAI,CAACP,mBAAmB,GAAG,IAAA;IAE3B,MAAMQ,cAAA,GAAiBA,MAAA;AACrB;AACA;AACA,MAAA,IAAI,CAAC,IAAI,CAACH,WAAW,EAAE;AACrB,QAAA;AACF,MAAA;AAEA,MAAA,MAAMI,QAAA,GAAW,IAAI,CAACJ,WAAW,CAACK,SAAS;AAC3C,MAAA,MAAMC,WAAA,GACJ,IAAI,CAACN,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACQ,YAAY;AAC/D,MAAA,MAAMC,wBAAwBH,WAAA,GAAcF,QAAA;MAE5C,IAAIK,wBAAwB,CAAA,EAAG;AAC7B,QAAA,IAAI,CAACT,WAAW,CAACK,SAAS,GAAGC,WAAA;QAC7B,IAAI,CAACX,mBAAmB,GAAG,KAAA;QAC3B,IAAI,CAACC,kBAAkB,GAAG,IAAA;AAE1B,QAAA;AACF,MAAA;MAEA,IAAI,CAACI,WAAW,CAACK,SAAS,GAAGD,WAAWK,qBAAA,GAAwB,IAAA;MAEhE,IAAI,IAAI,CAACd,mBAAmB,EAAE;QAC5B,IAAI,CAACG,yBAAyB,GAC5BY,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC,MAAA;IACF,CAAA;IAEA,IAAI,CAACJ,4BAA4B,GAC/BW,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC,EAAA;EAGAS,cAAAA,CAAeC,KAA0B,EAAQ;AAC/C,IAAA,IAAI,CAACC,yBAAyB,CAACD,KAAA,CAAA;AAE/B,IAAA,IAAI,CAAC,IAAI,CAAChB,iBAAiB,EAAE;AAC3B;AACA;MACA,IAAI,IAAI,CAACD,kBAAkB,EAAE;QAC3B,IAAI,CAACM,sBAAsB,EAAA;AAC7B,MAAA;AACF,IAAA;AACF,EAAA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,gBAAA,EAAA,CAXC0B,MAAA,CAAA,CAAA;AAAA;AAcDC,EAAAA,YAAAA,GAAqB;AACnB;AACA;IACA,IAAI,CAACtB,mBAAmB,GAAG,KAAA;IAC3B,IAAI,CAACE,iBAAiB,GAAG,IAAA;AAEzB;AACA,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAA,CAAA,EAAU;AAClD,QAAA,MAAME,KAAA,GAAQ,IAAI,CAAC1B,iBAAiB,CAACwB,OAAA,CAAQ;QAE7CE,KAAA,EAAOC,KAAA,EAAA;AACT,MAAA;AACF,IAAA;AACF,EAAA;AAAA,EAAA;IAAAN,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,cAAA,EAAA,CAfC0B,MAAA,CAAA,CAAA;AAAA;AAkBDM,EAAAA,YAAAA,GAAqB;IACnB,IAAI,CAACzB,iBAAiB,GAAG,KAAA;AAEzB,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAA,CAAA,EAAU;AAClD,QAAA,MAAME,KAAA,GAAQ,IAAI,CAAC1B,iBAAiB,CAACwB,OAAA,CAAQ;QAE7CE,KAAA,EAAOG,MAAA,EAAA;AACT,MAAA;AACF,IAAA;AACF,EAAA;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,cAAA,EAAA,CAXC0B,MAAA,CAAA,CAAA;AAAA;AAcDQ,EAAAA,QAAAA,GAAiB;IACf,IAAI,IAAI,CAACxB,WAAW,EAAE;AACpB,MAAA,IAAI,CAACJ,kBAAkB,GACrB,IAAI,CAACI,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACK,SAAS,KAC1D,IAAI,CAACL,WAAW,CAACQ,YAAY;AACjC,IAAA;AACF,EAAA;AAAA,EAAA;IAAAO,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,UAAA,EAAA,CAPC0B,MAAA,CAAA,CAAA;AAAA;AASDS,EAAAA,6BAAAA,GAAsC;IACpC,IAAI,CAACC,UAAU,CAACC,MAAM,CAACC,OAAO,CAAEf,KAAA,IAAA;MAC9B,IAAI,CAAC,IAAI,CAACnB,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC,EAAE;AACrC,QAAA,IAAI,CAACf,yBAAyB,CAACD,KAAA,CAAA;AACjC,MAAA;AACF,IAAA,CAAA,CAAA;AACF,EAAA;EAGAC,yBAAAA,CAA0BD,KAA0B,EAAQ;AAC1D;AACA,IAAA,IAAI,CAACnB,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC,GAAG,IAAIC,KAAA,CACrC,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,EAAEnB,KAAA,CAAA,EAC7BA,KAAA,CAAMoB,eAAe,IAAI,IAAA,GACrBpB,KAAA,CAAMoB,eAAe,GACrB,IAAI,CAACC,IAAI,CAACD,eAAe,CAAA;AAEjC,EAAA;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,2BAAA,EAAA,CATC0B,MAAA,CAAA,CAAA;AAAA;EAYDe,YAAAA,CAAalB,KAA0B,EAAQ;AAC7C;IACA,IAAI,CAACpB,iBAAiB,CAAC0C,IAAI,CACzBzB,MAAA,CAAO0B,UAAU,CAAC,MAAA;AAChB;AACA;AACA;AACA;MACA,IAAI,IAAI,CAAC1C,iBAAiB,CAACyB,cAAc,CAACN,KAAA,CAAMgB,EAAE,CAAA,EAAG;AACnD,QAAA,IAAI,IAAI,CAACK,IAAI,CAACH,YAAY,EAAE;AAC1B,UAAA,IAAI,CAACG,IAAI,CAACH,YAAY,CAACM,KAAK,CAAC,IAAI,EAAE,CAACxB,KAAA,CAAM,CAAA;AAC5C,QAAA;QAEA,IAAI,CAACnB,iBAAiB,CAACmB,MAAMgB,EAAE,CAAC,CAAES,KAAK,EAAA;AACvC,QAAA,OAAO,IAAI,CAAC5C,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC;AAEvC,QAAA,OAAO,IAAI,CAACU,qBAAqB,CAAC1B,KAAA,CAAMgB,EAAE,CAAC;QAC3C,IAAI,CAACU,qBAAqB,GAAG;AAC3B,UAAA,GAAG,IAAI,CAACA;SACV;AACA,QAAA,IAAI,CAACb,UAAU,CAACc,MAAM,CAAC3B,KAAA,CAAA;AACzB,MAAA;IACF,CAAA,EAAG3B,iBAAA,CAAA,CAAA;IAGL,IAAI,CAACqD,qBAAqB,GAAG;MAC3B,GAAG,IAAI,CAACA,qBAAqB;MAC7B,CAAC1B,KAAA,CAAMgB,EAAE,GAAG;KACd;AACF,EAAA;AAAA,EAAA;IAAAd,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,cAAA,EAAA,CA9BC0B,MAAA,CAAA,CAAA;AAAA;AAgCDyB,EAAAA,WAAAA,CAAYC,KAAY,EAAER,IAAyB,EAAE;AACnD,IAAA,KAAK,CAACQ,KAAA,EAAOR,IAAA,CAAA;IACb,IAAI,CAACT,6BAA6B,EAAA;AACpC,EAAA;EAGAkB,SAAAA,CAAUC,OAAgB,EAAQ;IAChC,IAAI,CAAC5C,WAAW,GAAG4C,OAAA;AACrB,EAAA;AAAA,EAAA;IAAA7B,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,WAAA,EAAA,CAHC0B,MAAA,CAAA,CAAA;AAAA;AAKD6B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AAEN,IAAA,IAAI,IAAI,CAAC/C,yBAAyB,KAAK,CAAA,EAAG;AACxCY,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAChD,yBAAyB,CAAA;AAC5D,IAAA;AAEA,IAAA,IAAI,IAAI,CAACC,4BAA4B,KAAK,CAAA,EAAG;AAC3CW,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAC/C,4BAA4B,CAAA;AAC/D,IAAA;AAEA,IAAA,IAAI,CAACN,iBAAiB,CAACmC,OAAO,CAACmB,YAAA,CAAA;AAE/B,IAAA,KAAK,MAAM7B,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAA,CAAA,EAAU;AAClD,QAAA,MAAME,KAAA,GAAQ,IAAI,CAAC1B,iBAAiB,CAACwB,OAAA,CAAQ;QAE7CE,KAAA,EAAOkB,KAAA,EAAA;AACT,MAAA;AACF,IAAA;IAEA,IAAI,CAACtC,WAAW,GAAG,IAAA;AACrB,EAAA;EAEA,IAAIgD,SAAAA,GAAqD;AACvD,IAAA,OAAO,IAAI,CAACtB,UAAU,CAACC,MAAM,CAACsB,MAAM,GAAGC,SAAA,GAAYC,QAAA,CAAS,cAAA,CAAA;AAC9D,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,o2BAAA,EAuCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAd,SAAA;QAAAe,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,KAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-header-alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderAlertSignature {\n Element: HTMLElement;\n Blocks: {\n date: [];\n badge: [];\n title: [];\n text: [];\n action: [];\n };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n <template>\n {{#let (randomId) as \|ariaId\|}}\n <article\n aria-labelledby=\"{{ariaId}}-title\"\n class=\"euiHeaderAlert\"\n ...attributes\n >\n <EuiFlexGroup @justifyContent=\"spaceBetween\">\n <EuiFlexItem>\n <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n </EuiFlexItem>\n {{#if (has-block \"badge\")}}\n <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n {{/if}}\n\n </EuiFlexGroup>\n\n <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n {{yield to=\"title\"}}\n </h3>\n <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n {{#if (has-block \"action\")}}\n <div class=\"euiHeaderAlert__action euiLink\">{{yield\n to=\"action\"\n }}</div>\n {{/if}}\n </article>\n {{/let}}\n </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;~~AAiBA~~,MAAMA,~~cACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA4BA~~,uwBAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A news or update item, usually listed in a flyout opened from the header. /\nexport interface EuiHeaderAlertSignature {\n Element: HTMLElement;\n Blocks: {\n /* When it was published. /\n date: [];\n /* A badge next to the date, e.g. `<EuiBadge>7.0</EuiBadge>`. /\n badge: [];\n /* The title (rendered in an `<h3>` that labels the alert). /\n title: [];\n /* The text. /\n text: [];\n /* A link to read more. */\n action: [];\n };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n <template>\n {{#let (randomId) as \|ariaId\|}}\n <article\n aria-labelledby=\"{{ariaId}}-title\"\n class=\"euiHeaderAlert\"\n ...attributes\n >\n <EuiFlexGroup @justifyContent=\"spaceBetween\">\n <EuiFlexItem>\n <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n </EuiFlexItem>\n {{#if (has-block \"badge\")}}\n <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n {{/if}}\n\n </EuiFlexGroup>\n\n <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n {{yield to=\"title\"}}\n </h3>\n <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n {{#if (has-block \"action\")}}\n <div class=\"euiHeaderAlert__action euiLink\">{{yield\n to=\"action\"\n }}</div>\n {{/if}}\n </article>\n {{/let}}\n </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;AAuBA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,uwBAAA,EA4BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderBreadcrumbsSignature {\n Element: EuiBreadcrumbsSignature['Element'];\n Args: {\n breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n <template>\n <EuiBreadcrumbs\n @max={{4}}\n @truncate={{true}}\n @breadcrumbs={{@breadcrumbs}}\n class=\"euiHeaderBreadcrumbs\"\n ...attributes\n />\n </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;~~AAeA~~,MAAMA,~~oBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAQA~~,6HAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** EuiBreadcrumbs styled for the header. /\nexport interface EuiHeaderBreadcrumbsSignature {\n Element: EuiBreadcrumbsSignature['Element'];\n Args: {\n /* The breadcrumbs, see `EuiBreadcrumbs`'s `@breadcrumbs`. /\n breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n };\n Blocks: {\n /* Unused. */\n default: [];\n };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n <template>\n <EuiBreadcrumbs\n @max={{4}}\n @truncate={{true}}\n @breadcrumbs={{@breadcrumbs}}\n class=\"euiHeaderBreadcrumbs\"\n ...attributes\n />\n </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;AAkBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,6HAAA,EAQA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiButtonEmptySignature['Args'] & {\n isActive?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n <EuiButtonEmpty\n class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n @color={{if @isActive \"primary\" \"text\"}}\n @href={{@href}}\n @isLoading={{@isLoading}}\n @isDisabled={{@isDisabled}}\n @target={{@target}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @textClasses={{@textClasses}}\n ...attributes\n >\n {{yield}}\n </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;~~AAgBA~~,MAAMA,~~aAA+D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAgBrE~~,oYAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/*\n A link in `EuiHeaderLinks`: an `EuiButtonEmpty` (all its args apply)\n * styled for the header.\n /\nexport interface EuiHeaderLinkSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: EuiButtonEmptySignature['Args'] & {\n /* Highlights the link, e.g. for the current page. /\n isActive?: boolean;\n };\n Blocks: {\n /* The link's text. */\n default: [];\n };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n <EuiButtonEmpty\n class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n @color={{if @isActive \"primary\" \"text\"}}\n @href={{@href}}\n @isLoading={{@isLoading}}\n @isDisabled={{@isDisabled}}\n @target={{@target}}\n @iconType={{@iconType}}\n @iconSide={{@iconSide}}\n @iconClasses={{@iconClasses}}\n @textClasses={{@textClasses}}\n ...attributes\n >\n {{yield}}\n </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAsBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,oYAAA,EAgBrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header-links.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\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 EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n Args: {\n popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n gutterSize?: keyof typeof gutterSizeMapping;\n panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n };\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n @tracked pop1 = false;\n\n get popoverBreakpoints() {\n return this.args.popoverBreakpoints \|\| ['xs', 's'];\n }\n\n get hasMobileVersion() {\n return this.popoverBreakpoints?.length > 0;\n }\n\n <template>\n <nav class=\"euiHeaderLinks\">\n <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n <div\n class={{classNames\n \"euiHeaderLinks__list\"\n componentName=\"EuiHeaderLinks\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </EuiHideFor>\n\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n <EuiPopover\n @isOpen={{this.pop1}}\n @anchorPosition=\"downRight\"\n @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n @closePopover={{set this \"pop1\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @color=\"text\"\n {{on \"click\" (set this \"pop1\" true)}}\n >\n <EuiIcon @type=\"apps\" />\n </EuiButtonEmpty>\n </:button>\n <:content>\n <div\n class={{classNames\n \"euiHeaderLinks__mobileList\"\n componentName=\"EuiHeaderLinks\"\n mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </:content>\n </EuiPopover>\n </EuiShowFor>\n {{/if}}\n </nav>\n </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;~~AA6Be~~,MAAMA,gCAAgCC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,~~KAAM~~;AAAA,~~KAAA~~,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;~~EAEtB~~,IAAIC,~~kBAAqBA~~,~~GAAA~~;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,~~gBAAmBA~~,~~GAAA~~;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,~~MAAS~~,~~GAAA~~,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,~~CA6CA~~,w/BAAA,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\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 EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\n/*\n A row of `EuiHeaderLink`s that collapses into a popover menu on small\n * screens.\n /\nexport interface EuiHeaderLinkSignature {\n Args: {\n /\n Screen sizes showing the links in a popover instead of a row.\n * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n /\n popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n /* Space between links: `'none'`, `'xs'`, `'s'`, `'m'` or `'l'`. Defaults to `'xs'`. /\n gutterSize?: keyof typeof gutterSizeMapping;\n /* Padding of the popover. Defaults to `'none'`. /\n panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n };\n Blocks: {\n /* The `EuiHeaderLink`s. */\n default: [];\n };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n @tracked pop1 = false;\n\n get popoverBreakpoints() {\n return this.args.popoverBreakpoints \|\| ['xs', 's'];\n }\n\n get hasMobileVersion() {\n return this.popoverBreakpoints?.length > 0;\n }\n\n <template>\n <nav class=\"euiHeaderLinks\">\n <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n <div\n class={{classNames\n \"euiHeaderLinks__list\"\n componentName=\"EuiHeaderLinks\"\n gutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </EuiHideFor>\n\n {{#if this.hasMobileVersion}}\n <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n <EuiPopover\n @isOpen={{this.pop1}}\n @anchorPosition=\"downRight\"\n @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n @closePopover={{set this \"pop1\" false}}\n >\n <:button>\n <EuiButtonEmpty\n @color=\"text\"\n {{on \"click\" (set this \"pop1\" true)}}\n >\n <EuiIcon @type=\"apps\" />\n </EuiButtonEmpty>\n </:button>\n <:content>\n <div\n class={{classNames\n \"euiHeaderLinks__mobileList\"\n componentName=\"EuiHeaderLinks\"\n mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n }}\n >\n {{yield}}\n </div>\n </:content>\n </EuiPopover>\n </EuiShowFor>\n {{/if}}\n </nav>\n </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AAwCe,MAAMA,gCAAgCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEhB,IAAIC,kBAAAA,GAAqB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD,EAAA;EAEA,IAAIE,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAA,GAAS,CAAA;AAC3C,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,w/BAAA,EA6CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiHeaderLogo = setComponentTemplate(precompileTemplate("<a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n  <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n  {{#if (has-block)}}\n    <span class=\"euiHeaderLogo__text\">\n      {{yield}}\n    </span>\n  {{/if}}\n</a>", {
+const EuiHeaderLogo = setComponentTemplate(precompileTemplate("<a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n  <EuiIcon @aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n  {{#if (has-block)}}\n    <span class=\"euiHeaderLogo__text\">\n      {{yield}}\n    </span>\n  {{/if}}\n</a>", {
   strictMode: true,
   scope: () => ({
     EuiIcon,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLogoSignature {\n Element: HTMLAnchorElement;\n Args: {\n href?: string;\n target?: string;\n iconTitle?: string;\n iconType?: EuiIconSignature['Args']['type'];\n }\n Blocks: {\n default: []\n }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n <EuiIcon\n aria-label={{@iconTitle}}\n @iconClasses=\"euiHeaderLogo__icon\"\n @size=\"l\"\n @type={{argOrDefault @iconType \"logoElastic\"}}\n />\n {{#if (has-block)}}\n <span class=\"euiHeaderLogo__text\">\n {{yield}}\n </span>\n {{/if}}\n </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;~~AAmBA~~,MAAMA,~~aAA+D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAcrE~~,~~wUAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The app's logo (and name) linking home, first in the header. /\nexport interface EuiHeaderLogoSignature {\n Element: HTMLAnchorElement;\n Args: {\n /* Where the logo links to, usually `'/'`. /\n href?: string;\n /* `target` of the link. /\n target?: string;\n /\n Accessible name of the logo. Needed when there is no text in the\n * block.\n /\n iconTitle?: string;\n /* The logo, anything `EuiIcon`'s `@type` accepts. Defaults to `'logoElastic'`. /\n iconType?: EuiIconSignature['Args']['type'];\n };\n Blocks: {\n /* The app's name, next to the logo. */\n default: [];\n };\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n <EuiIcon\n @aria-label={{@iconTitle}}\n @iconClasses=\"euiHeaderLogo__icon\"\n @size=\"l\"\n @type={{argOrDefault @iconType \"logoElastic\"}}\n />\n {{#if (has-block)}}\n <span class=\"euiHeaderLogo__text\">\n {{yield}}\n </span>\n {{/if}}\n </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AA4BA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,yUAAA,EAcrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header-section-item-button.js CHANGED Viewed

@@ -111,6 +111,11 @@ const keyframes = [{
   offset: 1,
   easing: 'ease-in-out'
 }];
+/**
+ * An icon button for the header (e.g. help, notifications, user menu),
+ * with an optional notification dot or count. Give it an `aria-label`.
+ */
 const sizes = ['xs'];
 class EuiHeaderSectionItemButtonComponent extends Component {
   static {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n {\n transform: 'rotate(30deg)',\n offset: 0.01,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.03,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(34deg)',\n offset: 0.05,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-32deg)',\n offset: 0.07,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(30deg)',\n offset: 0.09,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.11,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(26deg)',\n offset: 0.13,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-24deg)',\n offset: 0.15,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(22deg)',\n offset: 0.17,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-20deg)',\n offset: 0.19,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(18deg)',\n offset: 0.21,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-16deg)',\n offset: 0.23,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(14deg)',\n offset: 0.25,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-12deg)',\n offset: 0.27,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(10deg)',\n offset: 0.29,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-8deg)',\n offset: 0.31,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(6deg)',\n offset: 0.33,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-4deg)',\n offset: 0.35,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(2deg)',\n offset: 0.37,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-1deg)',\n offset: 0.39,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(1deg)',\n offset: 0.41,\n easing: 'ease-in-out'\n },\n { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\nexport interface EuiHeaderSectionItemButtonSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n ref?: (api: { euiAnimate: () => void }) => void;\n disabled?: boolean;\n href?: string;\n onClick?: (event: MouseEvent) => void;\n notification?: boolean \| number;\n notificationColor?: keyof typeof colorMapping;\n };\n Blocks: { default: [] };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n @tracked buttonRef: HTMLButtonElement \| HTMLAnchorElement \| undefined;\n @tracked animationTargetRef: HTMLSpanElement \| undefined;\n\n setAnimationTargetRef = (ele: HTMLSpanElement) => {\n this.animationTargetRef = ele;\n this.args.ref?.({ euiAnimate: this.animate });\n };\n\n animate = () => {\n this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n };\n\n setButtonRef = (ele: HTMLButtonElement \| HTMLAnchorElement) => {\n this.buttonRef = ele;\n };\n\n willDestroy(): void {\n super.willDestroy();\n \n this.buttonRef = undefined;\n this.animationTargetRef = undefined;\n }\n\n <template>\n <EuiButtonEmpty\n class=\"euiHeaderSectionItemButton\"\n @isDisabled={{@disabled}}\n @href={{@href}}\n @color=\"text\"\n {{didInsert this.setButtonRef}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n <span\n {{didInsert this.setAnimationTargetRef}}\n class=\"euiHeaderSectionItemButton__content\"\n >\n {{yield}}\n </span>\n {{#if @notification}}\n {{#if (eq @notification true)}}\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n {{else if @notification}}\n <EuiHideFor @sizes={{sizes}}>\n <EuiNotificationBadge\n class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n >\n {{@notification}}\n </EuiNotificationBadge>\n </EuiHideFor>\n <EuiShowFor @sizes={{sizes}}>\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n </EuiShowFor>\n {{/if}}\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAMA,SAAwB,GAAA,CAC5B;AAAEC,EAAAA,SAAW,EAAA,WAAA;AAAaC,EAAAA,MAAQ,EAAA,CAAA;AAAGC,EAAAA,MAAQ,EAAA;AAAc,CAAA,EAC3D;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,gBAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,cAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,cAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,eAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AACEF,EAAAA,SAAW,EAAA,cAAA;AACXC,EAAAA,MAAQ,EAAA,IAAA;AACRC,EAAAA,MAAQ,EAAA;AACV,CAAA,EACA;AAAEF,EAAAA,SAAW,EAAA,WAAA;AAAaC,EAAAA,MAAQ,EAAA,IAAA;AAAMC,EAAAA,MAAQ,EAAA;AAAc,CAAA,EAC9D;AAAEF,EAAAA,SAAW,EAAA,WAAA;AAAaC,EAAAA,MAAQ,EAAA,CAAA;AAAGC,EAAAA,MAAQ,EAAA;AAAc,CAAA,CAC5D;AAeD,MAAMC,KAAiC,GAAA,CAAC,IAAA,CAAK;AAE9B,MAAMC,4CAA4CC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACxEC,OAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,oBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,mBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,oBAAA,CAAA,EAAA,MAAA;EAEDC,qBAAA,GAAyBC,GAAK,IAAA;IAC5B,IAAI,CAACC,kBAAkB,GAAGD,GAAA;AAC1B,IAAA,IAAI,CAACE,IAAI,CAACC,GAAG,GAAG;MAAEC,UAAY,EAAA,IAAI,CAACC;AAAQ,KAAA,CAAA;GAC3C;EAEFA,OAAU,GAAAA,MAAA;AACR,IAAA,IAAI,CAACJ,kBAAkB,EAAEI,OAAA,CAAQjB,SAAW,EAAA;AAAEkB,MAAAA,QAAU,EAAA;AAAK,KAAA,CAAA;GAC7D;EAEFC,YAAe,GAACP,GAAyB,IAAA;IACvC,IAAI,CAACQ,SAAS,GAAGR,GAAA;GACjB;AAEFS,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACD,SAAS,GAAGE,SAAA;IACjB,IAAI,CAACT,kBAAkB,GAAGS,SAAA;AAC5B;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA4CA,0sCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,YAAA;oBAAAC,mBAAA;QAAA9B,KAAA;QAAA+B,oBAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n {\n transform: 'rotate(30deg)',\n offset: 0.01,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.03,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(34deg)',\n offset: 0.05,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-32deg)',\n offset: 0.07,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(30deg)',\n offset: 0.09,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-28deg)',\n offset: 0.11,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(26deg)',\n offset: 0.13,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-24deg)',\n offset: 0.15,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(22deg)',\n offset: 0.17,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-20deg)',\n offset: 0.19,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(18deg)',\n offset: 0.21,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-16deg)',\n offset: 0.23,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(14deg)',\n offset: 0.25,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-12deg)',\n offset: 0.27,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(10deg)',\n offset: 0.29,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-8deg)',\n offset: 0.31,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(6deg)',\n offset: 0.33,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-4deg)',\n offset: 0.35,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(2deg)',\n offset: 0.37,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(-1deg)',\n offset: 0.39,\n easing: 'ease-in-out'\n },\n {\n transform: 'rotate(1deg)',\n offset: 0.41,\n easing: 'ease-in-out'\n },\n { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\n/*\n An icon button for the header (e.g. help, notifications, user menu),\n * with an optional notification dot or count. Give it an `aria-label`.\n /\nexport interface EuiHeaderSectionItemButtonSignature {\n Element: HTMLButtonElement \| HTMLAnchorElement;\n Args: {\n /\n Called with `{ euiAnimate }`; call `euiAnimate()` to wiggle the\n * button, e.g. when a new notification arrives.\n /\n ref?: (api: { euiAnimate: () => void }) => void;\n /* Disables the button. /\n disabled?: boolean;\n /* Renders a link instead of a button. /\n href?: string;\n /* Called on click. /\n onClick?: (event: MouseEvent) => void;\n /\n `true` shows a dot; a number shows a count badge (a dot on small\n * screens).\n /\n notification?: boolean \| number;\n /* `'accent'` or `'subdued'`. Defaults to `'accent'`. /\n notificationColor?: keyof typeof colorMapping;\n };\n Blocks: {\n /* The button's content, usually an `EuiIcon` or `EuiAvatar`. */\n default: [];\n };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n @tracked buttonRef: HTMLButtonElement \| HTMLAnchorElement \| undefined;\n @tracked animationTargetRef: HTMLSpanElement \| undefined;\n\n setAnimationTargetRef = (ele: HTMLSpanElement) => {\n this.animationTargetRef = ele;\n this.args.ref?.({ euiAnimate: this.animate });\n };\n\n animate = () => {\n this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n };\n\n setButtonRef = (ele: HTMLButtonElement \| HTMLAnchorElement) => {\n this.buttonRef = ele;\n };\n\n willDestroy(): void {\n super.willDestroy();\n \n this.buttonRef = undefined;\n this.animationTargetRef = undefined;\n }\n\n <template>\n <EuiButtonEmpty\n class=\"euiHeaderSectionItemButton\"\n @isDisabled={{@disabled}}\n @href={{@href}}\n @color=\"text\"\n {{didInsert this.setButtonRef}}\n {{on \"click\" (optional @onClick)}}\n ...attributes\n >\n <span\n {{didInsert this.setAnimationTargetRef}}\n class=\"euiHeaderSectionItemButton__content\"\n >\n {{yield}}\n </span>\n {{#if @notification}}\n {{#if (eq @notification true)}}\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n {{else if @notification}}\n <EuiHideFor @sizes={{sizes}}>\n <EuiNotificationBadge\n class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n >\n {{@notification}}\n </EuiNotificationBadge>\n </EuiHideFor>\n <EuiShowFor @sizes={{sizes}}>\n <EuiIcon\n @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n @color={{argOrDefault @notificationColor \"accent\"}}\n @type=\"dot\"\n @size=\"l\"\n />\n </EuiShowFor>\n {{/if}}\n {{/if}}\n </EuiButtonEmpty>\n </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}

package/dist/components/eui-header-section-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionItemSignature {\n Element: HTMLDivElement;\n Args: {\n border?: keyof typeof borderSizeMappping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSectionItem\"\n borderSide=(argOrDefault @border \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;~~AAgBA~~,MAAMA,~~oBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAUA~~,iJAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** One item of an EuiHeaderSection, e.g. a logo, links or a button. /\nexport interface EuiHeaderSectionItemSignature {\n Element: HTMLDivElement;\n Args: {\n /* Divider on the `'left'`, `'right'` or `'none'`. Defaults to `'left'`. /\n border?: keyof typeof borderSizeMappping;\n };\n Blocks: {\n /* The item's content. */\n default: [];\n };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSectionItem\"\n borderSide=(argOrDefault @border \"left\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,iJAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionSignature {\n Element: HTMLDivElement;\n Args: {\n side?: keyof typeof alignMapping;\n grow?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSection\"\n alignItems=(argOrDefault @side \"left\")\n grow=(argOrDefault @grow false)\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;~~AAiBA~~,MAAMA,~~gBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAWA~~,2KAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A group of `EuiHeaderSectionItem`s on one side of the header. /\nexport interface EuiHeaderSectionSignature {\n Element: HTMLDivElement;\n Args: {\n /* `'left'` or `'right'`. Defaults to `'left'`. /\n side?: keyof typeof alignMapping;\n /* Takes the remaining space, e.g. for a search bar. Defaults to `false`. /\n grow?: boolean;\n };\n Blocks: {\n /* The `EuiHeaderSectionItem`s. */\n default: [];\n };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n <template>\n <div\n class={{classNames\n componentName=\"EuiHeaderSection\"\n alignItems=(argOrDefault @side \"left\")\n grow=(argOrDefault @grow false)\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,2KAAA,EAWA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -23,6 +23,11 @@ const fixedHeaderModifier = modifier(function fixedHeader(_, [position]) {
     };
   }
 });
+/**
+ * The app's top bar: logo, breadcrumbs, links and actions, arranged in
+ * `EuiHeaderSection`s of `EuiHeaderSectionItem`s.
+ */
 const EuiHeader = setComponentTemplate(precompileTemplate("<div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n  {{#if @sections}}\n    {{#each @sections as |section|}}\n      {{#each section.items as |itemSection|}}\n        <EuiHeaderSection>\n          <EuiHeaderSectionItem @border={{section.border}}>\n            {{itemSection.text}}\n          </EuiHeaderSectionItem>\n        </EuiHeaderSection>\n      {{/each}}\n      <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n    {{/each}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n _,\n [position]: [string \| undefined]\n): void \| (() => unknown) {\n if (position === 'fixed') {\n // Increment fixed header counter for each fixed header\n euiHeaderFixedCounter++;\n document.body.classList.add('euiBody--headerIsFixed');\n\n return () => {\n // Both decrement the fixed counter AND then check if there are none\n if (--euiHeaderFixedCounter === 0) {\n // If there are none, THEN remove class\n document.body.classList.remove('euiBody--headerIsFixed');\n }\n };\n }\n});\n\nexport interface EuiHeaderSignature {\n Element: HTMLDivElement;\n Args: {\n theme?: string;\n position?: string;\n sections?: {\n items: {\n text: string;\n }[];\n breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n border: EuiHeaderSectionItemSignature['Args']['border'];\n }[];\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n <div\n {{fixedHeaderModifier @position}}\n class={{classNames\n componentName=\"EuiHeader\"\n theme=(argOrDefault @theme \"default\")\n position=(argOrDefault @position \"static\")\n }}\n ...attributes\n >\n {{#if @sections}}\n {{#each @sections as \|section\|}}\n {{#each section.items as \|itemSection\|}}\n <EuiHeaderSection>\n <EuiHeaderSectionItem @border={{section.border}}>\n {{itemSection.text}}\n </EuiHeaderSectionItem>\n </EuiHeaderSection>\n {{/each}}\n <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n {{/each}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,~~qBAAwB~~,~~GAAA~~,CAAA;AAE5B,MAAMC,~~mBAAsB~~,~~GAAAC~~,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,~~QAAY~~,~~CAAmB~~,EACV;EACtB,IAAIA,aAAa,~~OAAS~~,~~EAAA~~;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,~~CAAG~~,~~EAAA~~;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC;~~KACF~~;AACF;AACF,CAAA,CAAA;~~AAoBA~~,MAAMC,~~SAAuD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAyB7D~~,snBAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n _,\n [position]: [string \| undefined]\n): void \| (() => unknown) {\n if (position === 'fixed') {\n // Increment fixed header counter for each fixed header\n euiHeaderFixedCounter++;\n document.body.classList.add('euiBody--headerIsFixed');\n\n return () => {\n // Both decrement the fixed counter AND then check if there are none\n if (--euiHeaderFixedCounter === 0) {\n // If there are none, THEN remove class\n document.body.classList.remove('euiBody--headerIsFixed');\n }\n };\n }\n});\n\n/*\n The app's top bar: logo, breadcrumbs, links and actions, arranged in\n * `EuiHeaderSection`s of `EuiHeaderSectionItem`s.\n /\nexport interface EuiHeaderSignature {\n Element: HTMLDivElement;\n Args: {\n /* `'default'` (light) or `'dark'`. Defaults to `'default'`. /\n theme?: string;\n /\n `'static'` scrolls with the page; `'fixed'` stays at the top and pads\n * `<body>` for it (the body gets `euiBody--headerIsFixed`).\n * Defaults to `'static'`.\n /\n position?: string;\n /\n Builds the header from data instead of the block: sections of text\n * `items` and `breadcrumbs`. Most apps compose it with\n * `EuiHeaderSection`s instead.\n /\n sections?: {\n items: {\n text: string;\n }[];\n breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n border: EuiHeaderSectionItemSignature['Args']['border'];\n }[];\n };\n Blocks: {\n /* `EuiHeaderSection`s (left and right), ignored with `@sections`. */\n default: [];\n };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n <div\n {{fixedHeaderModifier @position}}\n class={{classNames\n componentName=\"EuiHeader\"\n theme=(argOrDefault @theme \"default\")\n position=(argOrDefault @position \"static\")\n }}\n ...attributes\n >\n {{#if @sections}}\n {{#each @sections as \|section\|}}\n {{#each section.items as \|itemSection\|}}\n <EuiHeaderSection>\n <EuiHeaderSectionItem @border={{section.border}}>\n {{itemSection.text}}\n </EuiHeaderSectionItem>\n </EuiHeaderSection>\n {{/each}}\n <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n {{/each}}\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAA,GAAwB,CAAA;AAE5B,MAAMC,mBAAA,GAAsBC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAA,CAA+B,EACV;EACtB,IAAIA,aAAa,OAAA,EAAS;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAA,EAAG;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC,MAAA;IACF,CAAA;AACF,EAAA;AACF,CAAA,CAAA;AAEA;;;AAGC;;AA+BD,MAAMC,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,snBAAA,EAyB7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHealthSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n ~~The~~ ~~color~~ of the ~~health~~ ~~indicator~~.\n /\n color?: string;\n\n /\n ~~The~~ size of ~~the~~ ~~health~~ ~~indicator.\~~n */\n textSize?: keyof typeof sizeToClassNameMap;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiHealth\"\n textSize=(argOrDefault @textSize \"m\")\n }}\n ...attributes\n >\n <div\n class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n >\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n <EuiIcon @type=\"dot\" @color={{@color}} />\n </div>\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n {{yield}}\n </div>\n </div>\n </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;~~AAyBA~~,MAAMA,~~SAAuD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAmB7D~~,2cAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A status: a colored dot followed by text, e.g. \"Healthy\" or \"Down\". /\nexport interface EuiHealthSignature {\n Element: HTMLDivElement;\n Args: {\n /\n Color of the dot: `'success'`, `'warning'`, `'danger'`, `'subdued'`,\n * any `EuiIcon` color or a CSS color.\n /\n color?: string;\n\n /\n Text size: `'xs'`, `'s'`, `'m'` or `'inherit'`. Defaults to `'m'`.\n /\n textSize?: keyof typeof sizeToClassNameMap;\n };\n Blocks: {\n /* The status text. */\n default: [];\n };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n <div\n class={{classNames\n componentName=\"EuiHealth\"\n textSize=(argOrDefault @textSize \"m\")\n }}\n ...attributes\n >\n <div\n class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n >\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n <EuiIcon @type=\"dot\" @color={{@color}} />\n </div>\n <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n {{yield}}\n </div>\n </div>\n </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AA4BA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,2cAAA,EAmB7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-hide-for.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { CurrentBreakPointHelper } from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+/** Renders its content except on the given screen sizes. See EuiShowFor. */
 class EuiHideForComponent extends Component {
   currentBreakpointHelper = invokeHelper(this, CurrentBreakPointHelper, () => {
     return {

package/dist/components/eui-hide-for.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n /*\n ~~List~~ of ~~all~~ the ~~responsive~~ ~~sizes~~ to ~~hide~~ ~~the~~ ~~children~~ ~~for.\~~n * ~~Array~~ of ~~#EuiBreakpointSize~~\n */\n sizes: EuiHideForBreakpoints[] \| 'all' \| 'none';\n}\n\nexport interface EuiHideForSignature {\n Args: EuiHideForArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n currentBreakpointHelper: any = invokeHelper(\n this,\n CurrentBreakPointHelper,\n () => {\n return {\n positional: [this.args.sizes]\n };\n }\n );\n\n get shouldShow() {\n return !getValue(this.currentBreakpointHelper);\n }\n\n <template>\n {{#if this.shouldShow}}\n {{yield}}\n {{/if}}\n </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;~~AAuBe~~,MAAMA,4BAA4BC,~~SAAU~~,~~CAAA~~;AACzDC,EAAAA,uBAAA,GAA+BC,~~YAC7B~~,~~CAAA~~,IAAI,EACJC,~~uBACA~~,~~EAAA~~,MAAA;IACE,OAAO;AACLC,MAAAA,~~UAAY~~,~~EAAA~~,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,~~GACA~~,CAAA;~~EAEF~~,IAAIC,~~UAAaA~~,~~GAAA~~;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,~~CAIA~~,+CAAA,~~EAAA~~;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n /*\n Screen sizes to hide the content on: any of `'xs'`, `'s'`, `'m'`,\n * `'l'`, `'xl'`, or `'all'`. E.g. `(array \"xs\" \"s\")` hides it on phones.\n /\n sizes: EuiHideForBreakpoints[] \| 'all' \| 'none';\n}\n\n/* Renders its content except on the given screen sizes. See EuiShowFor. /\nexport interface EuiHideForSignature {\n Args: EuiHideForArgs;\n Blocks: {\n /* The content. */\n default: [];\n };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n currentBreakpointHelper: any = invokeHelper(\n this,\n CurrentBreakPointHelper,\n () => {\n return {\n positional: [this.args.sizes]\n };\n }\n );\n\n get shouldShow() {\n return !getValue(this.currentBreakpointHelper);\n }\n\n <template>\n {{#if this.shouldShow}}\n {{yield}}\n {{/if}}\n </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAkBA;AASe,MAAMA,4BAA4BC,SAAA,CAAU;AACzDC,EAAAA,uBAAA,GAA+BC,YAAA,CAC7B,IAAI,EACJC,uBAAA,EACA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAA,EAAY,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,EAAA,CAAA,CAAA;EAGF,IAAIC,UAAAA,GAAa;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C,EAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,+CAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -0,0 +1,46 @@
+import EuiMark from './eui-mark.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+function escapeRegExp(text) {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+function highlightChunks(text, search, strict = false, highlightAll = false) {
+  if (!text) return [];
+  if (!search) return [{
+    text,
+    highlight: false
+  }];
+  const regex = new RegExp(escapeRegExp(search), strict ? 'g' : 'gi');
+  const chunks = [];
+  let last = 0;
+  for (const match of text.matchAll(regex)) {
+    const start = match.index;
+    if (start > last) chunks.push({
+      text: text.slice(last, start),
+      highlight: false
+    });
+    chunks.push({
+      text: match[0],
+      highlight: true
+    });
+    last = start + match[0].length;
+    if (!highlightAll) break;
+  }
+  if (last < text.length) chunks.push({
+    text: text.slice(last),
+    highlight: false
+  });
+  return chunks;
+}
+const EuiHighlight = setComponentTemplate(precompileTemplate("<span ...attributes>\n  {{~#each (highlightChunks @text @search @strict @highlightAll) as |chunk|~}}\n    {{~#if chunk.highlight~}}\n      <EuiMark>{{chunk.text}}</EuiMark>\n    {{~else~}}\n      {{chunk.text}}\n    {{~/if~}}\n  {{~/each~}}\n</span>", {
+  strictMode: true,
+  scope: () => ({
+    highlightChunks,
+    EuiMark
+  })
+}), templateOnly());
+export { EuiHighlight as default, highlightChunks };
+//# sourceMappingURL=eui-highlight.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-highlight.js","sources":["../../src/components/eui-highlight.gts"],"sourcesContent":["import EuiMark from './eui-mark.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Renders a string with the parts matching `@search` highlighted, e.g.\n * search results or the options of a filtered list.\n */\nexport interface EuiHighlightSignature {\n Element: HTMLSpanElement;\n Args: {\n /** The text to show. */\n text: string;\n /** What to highlight in it. Nothing is highlighted when empty. */\n search?: string;\n /** Match case exactly (by default \"app\" also matches \"Apple\"). */\n strict?: boolean;\n /** Highlight every match instead of only the first one. */\n highlightAll?: boolean;\n };\n}\n\ninterface Chunk {\n text: string;\n highlight: boolean;\n}\n\nfunction escapeRegExp(text: string): string {\n return text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function highlightChunks(\n text: string,\n search?: string,\n strict = false,\n highlightAll = false\n): Chunk[] {\n if (!text) return [];\n if (!search) return [{ text, highlight: false }];\n\n const regex = new RegExp(escapeRegExp(search), strict ? 'g' : 'gi');\n const chunks: Chunk[] = [];\n let last = 0;\n\n for (const match of text.matchAll(regex)) {\n const start = match.index;\n\n if (start > last) chunks.push({ text: text.slice(last, start), highlight: false });\n chunks.push({ text: match[0], highlight: true });\n last = start + match[0].length;\n\n if (!highlightAll) break;\n }\n\n if (last < text.length) chunks.push({ text: text.slice(last), highlight: false });\n\n return chunks;\n}\n\nconst EuiHighlight: TemplateOnlyComponent<EuiHighlightSignature> = <template>\n <span ...attributes>\n {{~#each (highlightChunks @text @search @strict @highlightAll) as |chunk|~}}\n {{~#if chunk.highlight~}}\n <EuiMark>{{chunk.text}}</EuiMark>\n {{~else~}}\n {{chunk.text}}\n {{~/if~}}\n {{~/each~}}\n </span>\n</template>;\n\nexport default EuiHighlight;\n"],"names":["escapeRegExp","text","replace","highlightChunks","search","strict","highlightAll","highlight","regex","RegExp","chunks","last","match","matchAll","start","index","push","slice","length","EuiHighlight","setComponentTemplate","precompileTemplate","strictMode","scope","EuiMark","templateOnly"],"mappings":";;;;;AA2BA,SAASA,YAAAA,CAAaC,IAAY,EAAS;AACzC,EAAA,OAAOA,IAAA,CAAKC,OAAO,CAAC,qBAAA,EAAuB,MAAA,CAAA;AAC7C;AAEO,SAASC,eAAAA,CACdF,IAAY,EACZG,MAAe,EACfC,MAAA,GAAS,KAAK,EACdC,YAAA,GAAe,KAAK,EACnB;AACD,EAAA,IAAI,CAACL,IAAA,EAAM,OAAO,EAAE;AACpB,EAAA,IAAI,CAACG,QAAQ,OAAO,CAAC;IAAEH,IAAA;AAAMM,IAAAA,SAAA,EAAW;AAAM,GAAA,CAAE;AAEhD,EAAA,MAAMC,QAAQ,IAAIC,MAAA,CAAOT,YAAA,CAAaI,MAAA,CAAA,EAASC,SAAS,GAAA,GAAM,IAAA,CAAA;EAC9D,MAAMK,SAAkB,EAAE;EAC1B,IAAIC,IAAA,GAAO,CAAA;EAEX,KAAK,MAAMC,KAAA,IAASX,IAAA,CAAKY,QAAQ,CAACL,KAAA,CAAA,EAAQ;AACxC,IAAA,MAAMM,KAAA,GAAQF,MAAMG,KAAK;AAEzB,IAAA,IAAID,KAAA,GAAQH,IAAA,EAAMD,MAAA,CAAOM,IAAI,CAAC;MAAEf,IAAA,EAAMA,IAAA,CAAKgB,KAAK,CAACN,IAAA,EAAMG,KAAA,CAAA;AAAQP,MAAAA,SAAA,EAAW;AAAM,KAAA,CAAA;IAChFG,MAAA,CAAOM,IAAI,CAAC;AAAEf,MAAAA,IAAA,EAAMW,KAAK,CAAC,CAAA,CAAE;AAAEL,MAAAA,SAAA,EAAW;AAAK,KAAA,CAAA;IAC9CI,IAAA,GAAOG,KAAA,GAAQF,KAAK,CAAC,CAAA,CAAE,CAACM,MAAM;IAE9B,IAAI,CAACZ,YAAA,EAAc;AACrB,EAAA;EAEA,IAAIK,OAAOV,IAAA,CAAKiB,MAAM,EAAER,MAAA,CAAOM,IAAI,CAAC;AAAEf,IAAAA,IAAA,EAAMA,IAAA,CAAKgB,KAAK,CAACN,IAAA,CAAA;AAAOJ,IAAAA,SAAA,EAAW;AAAM,GAAA,CAAA;AAE/E,EAAA,OAAOG,MAAA;AACT;AAEA,MAAMS,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,2PAAA,EAUnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAApB,eAAA;AAAAqB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHorizontalRuleSignature {\n Element: HTMLHRElement;\n Args: {\n margin?: keyof typeof marginMapping;\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n <template>\n <hr\n class={{classNames\n componentName=\"EuiHorizontalRule\"\n margin=(argOrDefault @margin \"l\")\n size=(argOrDefault @size \"full\")\n }}\n ...attributes\n />\n </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;~~AAcA~~,MAAMA,~~iBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CASA~~,sJAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A divider line between sections. /\nexport interface EuiHorizontalRuleSignature {\n Element: HTMLHRElement;\n Args: {\n /\n Space above and below: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'`, `'xl'`\n * or `'xxl'`. Defaults to `'l'`.\n /\n margin?: keyof typeof marginMapping;\n /* Width: `'full'`, `'half'` or `'quarter'`. Defaults to `'full'`. */\n size?: keyof typeof sizeMapping;\n };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n <template>\n <hr\n class={{classNames\n componentName=\"EuiHorizontalRule\"\n margin=(argOrDefault @margin \"l\")\n size=(argOrDefault @size \"full\")\n }}\n ...attributes\n />\n </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sJAAA,EASA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,36 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import EuiScreenReaderOnly from './eui-screen-reader-only.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+class EuiHue extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get label() {
+    return this.euiI18n.lookupToken('euiHue.label', "Select the HSV color mode 'hue' value");
+  }
+  onInput(event) {
+    this.args.onChange(Number(event.target.value));
+  }
+  static {
+    n(this.prototype, "onInput", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiScreenReaderOnly><label for=\"{{@id}}-hue\">{{this.label}}</label></EuiScreenReaderOnly>\n<EuiScreenReaderOnly><p aria-live=\"polite\">{{@hex}}</p></EuiScreenReaderOnly>\n<div class=\"euiHue\">\n  <input id=\"{{@id}}-hue\" class=\"euiHue__range\" type=\"range\" min=\"0\" max=\"359\" step=\"1\" value={{if @hue @hue 1}} {{on \"input\" this.onInput}} ...attributes />\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiScreenReaderOnly,
+        on
+      })
+    }), this);
+  }
+}
+export { EuiHue as default };
+//# sourceMappingURL=eui-hue.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-hue.js","sources":["../../src/components/eui-hue.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * The hue slider of `EuiColorPicker` (0 to 359), with the rainbow track.\n * Rendered for you by the color picker.\n */\nexport interface EuiHueSignature {\n Element: HTMLInputElement;\n Args: {\n /** The hue, 0 to 359. Defaults to `1`. */\n hue?: number;\n /** The current color as hex, announced to screen readers. */\n hex?: string;\n /** Prefix of the input's id. */\n id?: string;\n /** Called with the new hue. */\n onChange: (hue: number) => void;\n };\n}\n\nexport default class EuiHue extends Component<EuiHueSignature> {\n @service declare euiI18n: EuiI18n;\n\n get label(): string {\n return this.euiI18n.lookupToken('euiHue.label', \"Select the HSV color mode 'hue' value\");\n }\n\n @action\n onInput(event: Event): void {\n this.args.onChange(Number((event.target as HTMLInputElement).value));\n }\n\n <template>\n <EuiScreenReaderOnly><label for=\"{{@id}}-hue\">{{this.label}}</label></EuiScreenReaderOnly>\n <EuiScreenReaderOnly><p aria-live=\"polite\">{{@hex}}</p></EuiScreenReaderOnly>\n <div class=\"euiHue\">\n <input\n id=\"{{@id}}-hue\"\n class=\"euiHue__range\"\n type=\"range\"\n min=\"0\"\n max=\"359\"\n step=\"1\"\n value={{if @hue @hue 1}}\n {{on \"input\" this.onInput}}\n ...attributes\n />\n </div>\n </template>\n}\n"],"names":["EuiHue","Component","g","prototype","service","i","label","euiI18n","lookupToken","onInput","event","args","onChange","Number","target","value","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","EuiScreenReaderOnly","on"],"mappings":";;;;;;;;;AA2Be,MAAMA,eAAeC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC3CC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,KAAAA,GAAgB;IAClB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,cAAA,EAAgB,uCAAA,CAAA;AAClD,EAAA;EAGAC,OAAAA,CAAQC,KAAY,EAAQ;AAC1B,IAAA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAA,CAAQH,KAAA,CAAMI,MAAM,CAAsBC,KAAK,CAAA,CAAA;AACpE,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAb,SAAA,EAAA,SAAA,EAAA,CAHCc,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4XAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-i18n/render.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
+/** @private Renders a string looked up by EuiI18n. */
 const Render = setComponentTemplate(precompileTemplate("{{yield @token}}", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-i18n/render.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiI18nRenderSignature {\n Args: {\n token: string;\n };\n Blocks: {\n default: [string];\n };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;~~AAWA~~,MAAMA,MAA8B,GAAAC,oBAAA,CAA0BC,kBAAA,~~CAE9D~~,kBAAA,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Renders a string looked up by EuiI18n. /\nexport interface EuiI18nRenderSignature {\n Args: {\n /* The translated text. /\n token: string;\n };\n Blocks: {\n /* Custom rendering; yields the text. */\n default: [string];\n };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAYA,MAAMA,MAA8B,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,kBAAA,EAE9D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-i18n-number.js ADDED Viewed

@@ -0,0 +1,28 @@
+import Component from '@glimmer/component';
+import { service } from '@ember/service';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+class EuiI18nNumber extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get formatted() {
+    const format = value => this.euiI18n.formatNumber(value);
+    return this.args.values ? this.args.values.map(format) : format(this.args.value ?? 0);
+  }
+  get text() {
+    const formatted = this.formatted;
+    return Array.isArray(formatted) ? formatted.join(', ') : formatted;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{~#if (has-block)~}}\n  {{yield this.formatted}}\n{{~else~}}\n  {{this.text}}\n{{~/if~}}", {
+      strictMode: true
+    }), this);
+  }
+}
+export { EuiI18nNumber as default };
+//# sourceMappingURL=eui-i18n-number.js.map

package/dist/components/eui-i18n-number.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-i18n-number.js","sources":["../../src/components/eui-i18n-number.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { service } from '@ember/service';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * Formats a number for the reader, e.g. `1234567` as \"1,234,567\", with\n * the `euiI18n` service's `formatNumber` (English by default; set it to\n * use your app's locale).\n */\nexport interface EuiI18nNumberSignature {\n Args: {\n /** The number to format. */\n value?: number;\n /** Several numbers to format; yielded as an array. */\n values?: number[];\n };\n Blocks: {\n /** Renders the formatted text yourself: yields it (or an array for `@values`). */\n default: [string | string[]];\n };\n}\n\nexport default class EuiI18nNumber extends Component<EuiI18nNumberSignature> {\n @service declare euiI18n: EuiI18n;\n\n get formatted(): string | string[] {\n const format = (value: number) => this.euiI18n.formatNumber(value);\n\n return this.args.values ? this.args.values.map(format) : format(this.args.value ?? 0);\n }\n\n get text(): string {\n const formatted = this.formatted;\n\n return Array.isArray(formatted) ? formatted.join(', ') : formatted;\n }\n\n <template>\n {{~#if (has-block)~}}\n {{yield this.formatted}}\n {{~else~}}\n {{this.text}}\n {{~/if~}}\n </template>\n}\n"],"names":["EuiI18nNumber","Component","g","prototype","service","i","formatted","format","value","euiI18n","formatNumber","args","values","map","text","Array","isArray","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAuBe,MAAMA,sBAAsBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAClDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,SAAAA,GAA+B;IACjC,MAAMC,MAAA,GAAUC,KAAa,IAAK,IAAI,CAACC,OAAO,CAACC,YAAY,CAACF,KAAA,CAAA;IAE5D,OAAO,IAAI,CAACG,IAAI,CAACC,MAAM,GAAG,IAAI,CAACD,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,MAAA,CAAA,GAAUA,MAAA,CAAO,IAAI,CAACI,IAAI,CAACH,KAAK,IAAI,CAAA,CAAA;AACrF,EAAA;EAEA,IAAIM,IAAAA,GAAe;AACjB,IAAA,MAAMR,SAAA,GAAY,IAAI,CAACA,SAAS;AAEhC,IAAA,OAAOS,MAAMC,OAAO,CAACV,aAAaA,SAAA,CAAUW,IAAI,CAAC,IAAA,CAAA,GAAQX,SAAA;AAC3D,EAAA;AAEA,EAAA;IAAAY,oBAAA,CAAAC,kBAAA,CAAA,2FAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { service } from '@ember/service';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n tokens?: string[];\n defaults?: string[];\n token?: string;\n default?: string;\n values?: { [key: string]: any };\n i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\nexport interface EuiI18nSignature {\n Args: Args;\n Blocks: {\n default: [WithBoundArgs<typeof Render, 'token'>];\n };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n @service declare euiI18n: EuiI18n;\n\n get lookupToken() {\n const lookupToken = this.euiI18n._lookupToken;\n\n return lookupToken({\n token: this.args.token!,\n i18nMapping: this.args.i18n?.mapping,\n valueDefault: this.args.default!,\n values: this.args.values\n });\n }\n\n get customComponent(): typeof Render \| undefined {\n return this.args.i18n?.renderComponent;\n }\n\n <template>\n {{#let this.lookupToken as \|result\|}}\n {{#if this.customComponent}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component this.customComponent token=token)}}\n {{/each}}\n {{else}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component Render token=token)}}\n {{/each}}\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;~~AA4Be~~,MAAMA,yBAAyBC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,~~WAAcA~~,~~GAAA~~;AAChB,IAAA,MAAMA,~~WAAc~~,~~GAAA~~,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,~~WAAY~~,~~CAAA~~;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF;EAEA,IAAIC,eAAAA,GAA6C;AAC/C,IAAA,OAAO,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,eAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,~~CAkBA~~,kaAAA,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { service } from '@ember/service';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n /** @deprecated Has no effect, use one `EuiI18n` per token. /\n tokens?: string[];\n /* @deprecated Has no effect. /\n defaults?: string[];\n /* Translation key, e.g. `'euiComboBox.noMatchesMessage'`. /\n token?: string;\n /* Text used when the token has no translation; may contain `{placeholders}`. /\n default?: string;\n /* Values for the `{placeholders}` in the text. /\n values?: { [key: string]: any };\n /\n Translations for this instance, `{ mapping: { token: 'text' } }`, and\n * an optional component to render the text with.\n /\n i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\n/\n Looks up a translated string in the `euiI18n` service (see the i18n docs\n * page) and yields a component rendering it.\n /\nexport interface EuiI18nSignature {\n Args: Args;\n Blocks: {\n /* Yields a component rendering the text: `as \|Text\|` → `<Text />`. */\n default: [WithBoundArgs<typeof Render, 'token'>];\n };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n @service declare euiI18n: EuiI18n;\n\n get lookupToken() {\n const lookupToken = this.euiI18n._lookupToken;\n\n return lookupToken({\n token: this.args.token!,\n i18nMapping: this.args.i18n?.mapping,\n valueDefault: this.args.default!,\n values: this.args.values\n });\n }\n\n get customComponent(): typeof Render \| undefined {\n return this.args.i18n?.renderComponent;\n }\n\n <template>\n {{#let this.lookupToken as \|result\|}}\n {{#if this.customComponent}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component this.customComponent token=token)}}\n {{/each}}\n {{else}}\n {{#each\n (if (notEq (typeOf result) \"array\") (array result) result)\n as \|token\|\n }}\n {{yield (component Render token=token)}}\n {{/each}}\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;AA0Ce,MAAMA,yBAAyBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,WAAAA,GAAc;AAChB,IAAA,MAAMA,WAAA,GAAc,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAA,CAAY;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF,EAAA;EAEA,IAAIC,eAAAA,GAA6C;AAC/C,IAAA,OAAO,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,eAAA;AACzB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kaAAA,EAkBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-icon-tip.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiIconTip = setComponentTemplate(precompileTemplate("{{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n  <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n    <:anchor>\n      <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n    </:anchor>\n    <:title>\n      {{#if hasTitleBlock}}\n        {{yield to=\"title\"}}\n      {{else}}\n        {{@title}}\n      {{/if}}\n    </:title>\n    <:content>\n      {{#if hasContentBlock}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{@content}}\n      {{/if}}\n    </:content>\n  </EuiToolTip>\n{{/let}}", {
+const EuiIconTip = setComponentTemplate(precompileTemplate("{{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n  <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n    <:anchor>\n      <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} @aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n    </:anchor>\n    <:title>\n      {{#if hasTitleBlock}}\n        {{yield to=\"title\"}}\n      {{else}}\n        {{@title}}\n      {{/if}}\n    </:title>\n    <:content>\n      {{#if hasContentBlock}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{@content}}\n      {{/if}}\n    </:content>\n  </EuiToolTip>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     EuiToolTip,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiIconTipSignature {\n Element: EuiToolTipSignature['Element'];\n Args: {\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n delay?: 'regular' \| 'long';\n title?: string;\n content?: string;\n iconProps?: {\n className?: string;\n };\n type?: string;\n color?: string;\n size?: EuiIconSignature['Args']['size'];\n ariaLabel?: string;\n anchorClassName?: string;\n onMouseOut?: (event: MouseEvent) => void;\n display?: EuiToolTipSignature['Args']['display'];\n };\n Blocks: {\n content: [];\n title: [];\n };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n {{#let\n (has-block \"content\") (has-block \"title\")\n as \|hasContentBlock hasTitleBlock\|\n }}\n <EuiToolTip\n @position={{argOrDefault @position \"top\"}}\n @delay={{argOrDefault @delay \"regular\"}}\n @hasTitle={{if (or hasTitleBlock @title) true false}}\n @anchorClassName={{@anchorClassName}}\n @onMouseOut={{@onMouseOut}}\n @display={{@display}}\n ...attributes\n >\n <:anchor>\n <EuiIcon\n tabindex=\"0\"\n @iconClasses={{@iconProps.className}}\n @type={{argOrDefault @type \"questionInCircle\"}}\n @color={{@color}}\n @size={{@size}}\n aria-label={{argOrDefault @ariaLabel \"Info\"}}\n />\n </:anchor>\n <:title>\n {{#if hasTitleBlock}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </:title>\n <:content>\n {{#if hasContentBlock}}\n {{yield to=\"content\"}}\n {{else}}\n {{@content}}\n {{/if}}\n </:content>\n </EuiToolTip>\n {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;~~AAkCA~~,MAAMA,~~UAAyD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAwC~~/D~~,y4BAAA,EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/*\n A focusable icon (a \"?\" by default) showing a tooltip, e.g. to explain a\n * setting next to its label.\n /\nexport interface EuiIconTipSignature {\n Element: EuiToolTipSignature['Element'];\n Args: {\n /* Where the tooltip appears. Defaults to `'top'`. /\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n /* `'regular'` or `'long'` delay before showing. Defaults to `'regular'`. /\n delay?: 'regular' \| 'long';\n /* Bold title of the tooltip. /\n title?: string;\n /* The tooltip's text. /\n content?: string;\n /* Props for the icon: `{ className }`. /\n iconProps?: {\n className?: string;\n };\n /* The icon. Defaults to `'questionInCircle'`. /\n type?: string;\n /* Color of the icon, any `EuiIcon` color. /\n color?: string;\n /* Size of the icon. /\n size?: EuiIconSignature['Args']['size'];\n /* Accessible name of the icon. Defaults to \"Info\". /\n ariaLabel?: string;\n /* Class for the element wrapping the icon. /\n anchorClassName?: string;\n /* Called when the pointer leaves the icon. /\n onMouseOut?: (event: MouseEvent) => void;\n /* Display of the wrapper: `'inlineBlock'` or `'block'`. /\n display?: EuiToolTipSignature['Args']['display'];\n };\n Blocks: {\n /* The tooltip's content, instead of `@content`. /\n content: [];\n /* The tooltip's title, instead of `@title`. */\n title: [];\n };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n {{#let\n (has-block \"content\") (has-block \"title\")\n as \|hasContentBlock hasTitleBlock\|\n }}\n <EuiToolTip\n @position={{argOrDefault @position \"top\"}}\n @delay={{argOrDefault @delay \"regular\"}}\n @hasTitle={{if (or hasTitleBlock @title) true false}}\n @anchorClassName={{@anchorClassName}}\n @onMouseOut={{@onMouseOut}}\n @display={{@display}}\n ...attributes\n >\n <:anchor>\n <EuiIcon\n tabindex=\"0\"\n @iconClasses={{@iconProps.className}}\n @type={{argOrDefault @type \"questionInCircle\"}}\n @color={{@color}}\n @size={{@size}}\n @aria-label={{argOrDefault @ariaLabel \"Info\"}}\n />\n </:anchor>\n <:title>\n {{#if hasTitleBlock}}\n {{yield to=\"title\"}}\n {{else}}\n {{@title}}\n {{/if}}\n </:title>\n <:content>\n {{#if hasContentBlock}}\n {{yield to=\"content\"}}\n {{else}}\n {{@content}}\n {{/if}}\n </:content>\n </EuiToolTip>\n {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;AAoDA,MAAMA,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,04BAAA,EAwC/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}