@ember-eui/core 13.0.5 → 14.1.0

package/dist/-private/text-diff.js

@@ -0,0 +1,94 @@
+/** -1: only in the before text, 1: only in the after text, 0: in both. */
+
+/** Splits text into words and the whitespace between them. */
+function words(text) {
+  return text.match(/\s+|[^\s]+/g) ?? [];
+}
+
+/**
+ * Diffs two lists of tokens (characters or words) with Myers' algorithm
+ * and returns the text of consecutive tokens with the same operation.
+ */
+function diffTokens(before, after) {
+  // common prefix and suffix need no search
+  let start = 0;
+  while (start < before.length && start < after.length && before[start] === after[start]) {
+    start++;
+  }
+  let endBefore = before.length;
+  let endAfter = after.length;
+  while (endBefore > start && endAfter > start && before[endBefore - 1] === after[endAfter - 1]) {
+    endBefore--;
+    endAfter--;
+  }
+  const chunks = [];
+  const push = (operation, token) => {
+    const last = chunks[chunks.length - 1];
+    if (last && last[0] === operation) {
+      last[1] += token;
+    } else {
+      chunks.push([operation, token]);
+    }
+  };
+  before.slice(0, start).forEach(token => push(0, token));
+  myers(before.slice(start, endBefore), after.slice(start, endAfter)).forEach(([op, token]) => push(op, token));
+  before.slice(endBefore).forEach(token => push(0, token));
+  return chunks;
+}
+function myers(a, b) {
+  const n = a.length;
+  const m = b.length;
+  if (n === 0) return b.map(token => [1, token]);
+  if (m === 0) return a.map(token => [-1, token]);
+  const max = n + m;
+  const offset = max + 1;
+  const v = new Int32Array(2 * max + 3);
+  // v's entries for diagonals -(d + 1)..(d + 1) at the start of each step
+  const trace = [];
+  let found = -1;
+  for (let d = 0; d <= max && found < 0; d++) {
+    trace.push(v.slice(offset - d - 1, offset + d + 2));
+    for (let k = -d; k <= d; k += 2) {
+      let x = k === -d || k !== d && v[offset + k - 1] < v[offset + k + 1] ? v[offset + k + 1] : v[offset + k - 1] + 1;
+      let y = x - k;
+      while (x < n && y < m && a[x] === b[y]) {
+        x++;
+        y++;
+      }
+      v[offset + k] = x;
+      if (x >= n && y >= m) {
+        found = d;
+        break;
+      }
+    }
+  }
+  const reversed = [];
+  let x = n;
+  let y = m;
+  for (let d = found; d >= 0; d--) {
+    const snapshot = trace[d];
+    const at = k => snapshot[k + d + 1];
+    const k = x - y;
+    const prevK = k === -d || k !== d && at(k - 1) < at(k + 1) ? k + 1 : k - 1;
+    const prevX = at(prevK);
+    const prevY = prevX - prevK;
+    while (x > prevX && y > prevY) {
+      reversed.push([0, a[x - 1]]);
+      x--;
+      y--;
+    }
+    if (d > 0) {
+      if (x === prevX) {
+        reversed.push([1, b[prevY]]);
+      } else {
+        reversed.push([-1, a[prevX]]);
+      }
+    }
+    x = prevX;
+    y = prevY;
+  }
+  return reversed.reverse();
+}
+
+export { diffTokens, words };
+//# sourceMappingURL=text-diff.js.map

package/dist/-private/text-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-diff.js","sources":["../../src/-private/text-diff.ts"],"sourcesContent":["/** -1: only in the before text, 1: only in the after text, 0: in both. */\nexport type DiffOperation = -1 | 0 | 1;\nexport type DiffChunk = [DiffOperation, string];\n\n/** Splits text into words and the whitespace between them. */\nexport function words(text: string): string[] {\n  return text.match(/\\s+|[^\\s]+/g) ?? [];\n}\n\n/**\n * Diffs two lists of tokens (characters or words) with Myers' algorithm\n * and returns the text of consecutive tokens with the same operation.\n */\nexport function diffTokens(before: string[], after: string[]): DiffChunk[] {\n  // common prefix and suffix need no search\n  let start = 0;\n  while (start < before.length && start < after.length && before[start] === after[start]) {\n    start++;\n  }\n\n  let endBefore = before.length;\n  let endAfter = after.length;\n  while (endBefore > start && endAfter > start && before[endBefore - 1] === after[endAfter - 1]) {\n    endBefore--;\n    endAfter--;\n  }\n\n  const chunks: DiffChunk[] = [];\n  const push = (operation: DiffOperation, token: string) => {\n    const last = chunks[chunks.length - 1];\n\n    if (last && last[0] === operation) {\n      last[1] += token;\n    } else {\n      chunks.push([operation, token]);\n    }\n  };\n\n  before.slice(0, start).forEach((token) => push(0, token));\n  myers(before.slice(start, endBefore), after.slice(start, endAfter)).forEach(([op, token]) =>\n    push(op, token)\n  );\n  before.slice(endBefore).forEach((token) => push(0, token));\n\n  return chunks;\n}\n\nfunction myers(a: string[], b: string[]): DiffChunk[] {\n  const n = a.length;\n  const m = b.length;\n\n  if (n === 0) return b.map((token) => [1, token]);\n  if (m === 0) return a.map((token) => [-1, token]);\n\n  const max = n + m;\n  const offset = max + 1;\n  const v = new Int32Array(2 * max + 3);\n  // v's entries for diagonals -(d + 1)..(d + 1) at the start of each step\n  const trace: Int32Array[] = [];\n\n  let found = -1;\n\n  for (let d = 0; d <= max && found < 0; d++) {\n    trace.push(v.slice(offset - d - 1, offset + d + 2));\n\n    for (let k = -d; k <= d; k += 2) {\n      let x =\n        k === -d || (k !== d && v[offset + k - 1]! < v[offset + k + 1]!)\n          ? v[offset + k + 1]!\n          : v[offset + k - 1]! + 1;\n      let y = x - k;\n\n      while (x < n && y < m && a[x] === b[y]) {\n        x++;\n        y++;\n      }\n\n      v[offset + k] = x;\n\n      if (x >= n && y >= m) {\n        found = d;\n        break;\n      }\n    }\n  }\n\n  const reversed: DiffChunk[] = [];\n  let x = n;\n  let y = m;\n\n  for (let d = found; d >= 0; d--) {\n    const snapshot = trace[d]!;\n    const at = (k: number) => snapshot[k + d + 1]!;\n    const k = x - y;\n    const prevK = k === -d || (k !== d && at(k - 1) < at(k + 1)) ? k + 1 : k - 1;\n    const prevX = at(prevK);\n    const prevY = prevX - prevK;\n\n    while (x > prevX && y > prevY) {\n      reversed.push([0, a[x - 1]!]);\n      x--;\n      y--;\n    }\n\n    if (d > 0) {\n      if (x === prevX) {\n        reversed.push([1, b[prevY]!]);\n      } else {\n        reversed.push([-1, a[prevX]!]);\n      }\n    }\n\n    x = prevX;\n    y = prevY;\n  }\n\n  return reversed.reverse();\n}\n"],"names":["words","text","match","diffTokens","before","after","start","length","endBefore","endAfter","chunks","push","operation","token","last","slice","forEach","myers","op","a","b","n","m","map","max","offset","v","Int32Array","trace","found","d","k","x","y","reversed","snapshot","at","prevK","prevX","prevY","reverse"],"mappings":"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"}

package/dist/-private/vis-colors.js

@@ -0,0 +1,10 @@
+/**
+ * `euiPaletteColorBlindBehindText()` with its default options, which badges
+ * and avatars color with. Computing it takes chroma-js, so the result is kept
+ * here and those components load without it (a unit test keeps the two
+ * equal).
+ */
+const VIS_COLORS_BEHIND_TEXT = ['#6dccb1', '#79aad9', '#ee789d', '#a987d1', '#e4a6c7', '#f1d86f', '#d2c0a0', '#f5a35c', '#c47c6c', '#ff7e62'];
+
+export { VIS_COLORS_BEHIND_TEXT };
+//# sourceMappingURL=vis-colors.js.map

package/dist/-private/vis-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vis-colors.js","sources":["../../src/-private/vis-colors.ts"],"sourcesContent":["/**\n * `euiPaletteColorBlindBehindText()` with its default options, which badges\n * and avatars color with. Computing it takes chroma-js, so the result is kept\n * here and those components load without it (a unit test keeps the two\n * equal).\n */\nexport const VIS_COLORS_BEHIND_TEXT: readonly string[] = [\n  '#6dccb1',\n  '#79aad9',\n  '#ee789d',\n  '#a987d1',\n  '#e4a6c7',\n  '#f1d86f',\n  '#d2c0a0',\n  '#f5a35c',\n  '#c47c6c',\n  '#ff7e62'\n];\n"],"names":["VIS_COLORS_BEHIND_TEXT"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,sBAAyC,GAAG,CACvD,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS;;"}

package/dist/_app_/components/eui-aspect-ratio.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-aspect-ratio";

package/dist/_app_/components/eui-beacon.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-beacon";

package/dist/_app_/components/eui-color-palette-display.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-palette-display";

package/dist/_app_/components/eui-color-palette-picker.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-palette-picker";

package/dist/_app_/components/eui-color-picker-swatch.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-picker-swatch";

package/dist/_app_/components/eui-color-picker.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-picker";

package/dist/_app_/components/eui-color-stops/thumb.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-stops/thumb";

package/dist/_app_/components/eui-color-stops.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-color-stops";

package/dist/_app_/components/eui-context-menu.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-context-menu";

package/dist/_app_/components/eui-control-bar.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-control-bar";

package/dist/_app_/components/eui-date-picker-range.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-date-picker-range";

package/dist/_app_/components/eui-delay-hide.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-delay-hide";

package/dist/_app_/components/eui-delay-render.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-delay-render";

package/dist/_app_/components/eui-drag-drop-context.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-drag-drop-context";

package/dist/_app_/components/eui-draggable.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-draggable";

package/dist/_app_/components/eui-droppable.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-droppable";

package/dist/_app_/components/eui-expression.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-expression";

package/dist/_app_/components/eui-facet-button.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-facet-button";

package/dist/_app_/components/eui-facet-group.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-facet-group";

package/dist/_app_/components/eui-filter-button.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-filter-button";

package/dist/_app_/components/eui-filter-group.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-filter-group";

package/dist/_app_/components/eui-filter-select-item.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-filter-select-item";

package/dist/_app_/components/eui-highlight.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-highlight";

package/dist/_app_/components/eui-hue.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-hue";

package/dist/_app_/components/eui-i18n-number.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-i18n-number";

package/dist/_app_/components/eui-loading-chart.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-loading-chart";

package/dist/_app_/components/eui-loading-elastic.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-loading-elastic";

package/dist/_app_/components/eui-mark.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-mark";

package/dist/_app_/components/eui-pinnable-list-group.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-pinnable-list-group";

package/dist/_app_/components/eui-refresh-interval.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-refresh-interval";

package/dist/_app_/components/eui-resizable-container/button.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-resizable-container/button";

package/dist/_app_/components/eui-resizable-container/collapse-button.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-resizable-container/collapse-button";

package/dist/_app_/components/eui-resizable-container/panel.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-resizable-container/panel";

package/dist/_app_/components/eui-resizable-container.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-resizable-container";

package/dist/_app_/components/eui-saturation.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-saturation";

package/dist/_app_/components/eui-screen-reader-only.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-screen-reader-only";

package/dist/_app_/components/eui-selectable-list.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-selectable-list";

package/dist/_app_/components/eui-selectable-message.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-selectable-message";

package/dist/_app_/components/eui-selectable-search.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-selectable-search";

package/dist/_app_/components/eui-selectable-template-sitewide.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-selectable-template-sitewide";

package/dist/_app_/components/eui-selectable.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-selectable";

package/dist/_app_/components/eui-skip-link.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-skip-link";

package/dist/_app_/components/eui-suggest-input.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-suggest-input";

package/dist/_app_/components/eui-suggest-item.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-suggest-item";

package/dist/_app_/components/eui-suggest.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-suggest";

package/dist/_app_/components/eui-super-select-control.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-super-select-control";

package/dist/_app_/components/eui-super-select.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-super-select";

package/dist/_app_/components/eui-table-body.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-body";

package/dist/_app_/components/eui-table-footer-cell.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-footer-cell";

package/dist/_app_/components/eui-table-footer.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-footer";

package/dist/_app_/components/eui-table-header-button.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-header-button";

package/dist/_app_/components/eui-table-header-cell-checkbox.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-header-cell-checkbox";

package/dist/_app_/components/eui-table-header-cell.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-header-cell";

package/dist/_app_/components/eui-table-header-mobile.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-header-mobile";

package/dist/_app_/components/eui-table-header.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-header";

package/dist/_app_/components/eui-table-pagination.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-pagination";

package/dist/_app_/components/eui-table-row-cell-checkbox.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-row-cell-checkbox";

package/dist/_app_/components/eui-table-row-cell.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-row-cell";

package/dist/_app_/components/eui-table-row.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-row";

package/dist/_app_/components/eui-table-sort-mobile-item.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-sort-mobile-item";

package/dist/_app_/components/eui-table-sort-mobile.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table-sort-mobile";

package/dist/_app_/components/eui-table.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-table";

package/dist/_app_/components/eui-text-diff.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-text-diff";

package/dist/_app_/components/eui-token.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-token";

package/dist/_app_/components/eui-tour-step-indicator.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour-step-indicator";

package/dist/_app_/components/eui-tour-step.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour-step";

package/dist/_app_/components/eui-tour.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour";

package/dist/_app_/components/eui-tree-view.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tree-view";

package/dist/components/common.js

@@ -9,6 +9,12 @@
  * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>
  */
 
+/**
+ * Args some components accept on top of their own. Prefer plain HTML
+ * attributes (`id=`, `class=`, `aria-label=`) where a component passes
+ * `...attributes` to its element.
+ */
+
 /**
  * Wraps Object.keys with proper typescript definition of the resulting array
  */

package/dist/components/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../src/components/common.ts"],"sourcesContent":["// utility types:\n/**\n * XOR for some properties applied to a type\n * (XOR is one of these but not both or neither)\n *\n * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>\n *\n * To require aria-label or aria-labelledby but not both\n * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>\n */\nexport type OneOf<T, K extends keyof T> = Omit<T, K> &\n  { [k in K]: Pick<Required<T>, k> & { [k1 in Exclude<K, k>]?: never } }[K];\n\nexport interface CommonArgs {\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n}\n\n/**\n * Wraps Object.keys with proper typescript definition of the resulting array\n */\nexport function keysOf<T extends Record<string, unknown>, K extends keyof T>(\n  obj: T\n): K[] {\n  return Object.keys(obj) as K[];\n}\n\n/**\n * Returns member keys in U not present in T set to never\n * T = { 'one', 'two', 'three' }\n * U = { 'three', 'four', 'five' }\n * returns { 'four': never, 'five': never }\n */\nexport type DisambiguateSet<T, U> = {\n  [P in Exclude<keyof T, keyof U>]?: never;\n};\n\n/**\n * Allow either T or U, preventing any additional keys of the other type from being present\n */\nexport type ExclusiveUnion<T, U> = T | U extends Record<string, unknown> // if there are any shared keys between T and U\n  ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) // otherwise the TS union is already unique\n  : T | U;\n\n/*\nhttps://github.com/Microsoft/TypeScript/issues/28339\nProblem: Pick and Omit do not distribute over union types, which manifests when\noptional values become required after a Pick or Omit operation. These\nDistributive forms correctly operate on union types, preserving optionality.\n */\ntype UnionKeys<T> = T extends any ? keyof T : never;\nexport type DistributivePick<T, K extends UnionKeys<T>> = T extends any\n  ? Pick<T, Extract<keyof T, K>>\n  : never;\nexport type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any\n  ? Omit<T, Extract<keyof T, K>>\n  : never;\n\n\nexport default keysOf;"],"names":["keysOf","obj","Object","keys"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACO,SAASA,MAAMA,CACpBC,GAAM,EACD;AACL,EAAA,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB;;;;"}
+{"version":3,"file":"common.js","sources":["../../src/components/common.ts"],"sourcesContent":["// utility types:\n/**\n * XOR for some properties applied to a type\n * (XOR is one of these but not both or neither)\n *\n * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>\n *\n * To require aria-label or aria-labelledby but not both\n * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>\n */\nexport type OneOf<T, K extends keyof T> = Omit<T, K> &\n  { [k in K]: Pick<Required<T>, k> & { [k1 in Exclude<K, k>]?: never } }[K];\n\n/**\n * Args some components accept on top of their own. Prefer plain HTML\n * attributes (`id=`, `class=`, `aria-label=`) where a component passes\n * `...attributes` to its element.\n */\nexport interface CommonArgs {\n  /** Id of the component's main element. */\n  id?: string;\n  /** Extra class(es) for the component's main element. */\n  className?: string;\n  /** Accessible label of the component's main element. */\n  'aria-label'?: string;\n  /** `data-test-subj` attribute, the EUI convention for test selectors. */\n  'data-test-subj'?: string;\n}\n\n/**\n * Wraps Object.keys with proper typescript definition of the resulting array\n */\nexport function keysOf<T extends Record<string, unknown>, K extends keyof T>(\n  obj: T\n): K[] {\n  return Object.keys(obj) as K[];\n}\n\n/**\n * Returns member keys in U not present in T set to never\n * T = { 'one', 'two', 'three' }\n * U = { 'three', 'four', 'five' }\n * returns { 'four': never, 'five': never }\n */\nexport type DisambiguateSet<T, U> = {\n  [P in Exclude<keyof T, keyof U>]?: never;\n};\n\n/**\n * Allow either T or U, preventing any additional keys of the other type from being present\n */\nexport type ExclusiveUnion<T, U> = T | U extends Record<string, unknown> // if there are any shared keys between T and U\n  ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) // otherwise the TS union is already unique\n  : T | U;\n\n/*\nhttps://github.com/Microsoft/TypeScript/issues/28339\nProblem: Pick and Omit do not distribute over union types, which manifests when\noptional values become required after a Pick or Omit operation. These\nDistributive forms correctly operate on union types, preserving optionality.\n */\ntype UnionKeys<T> = T extends any ? keyof T : never;\nexport type DistributivePick<T, K extends UnionKeys<T>> = T extends any\n  ? Pick<T, Extract<keyof T, K>>\n  : never;\nexport type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any\n  ? Omit<T, Extract<keyof T, K>>\n  : never;\n\n\nexport default keysOf;"],"names":["keysOf","obj","Object","keys"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACO,SAASA,MAAMA,CACpBC,GAAM,EACD;AACL,EAAA,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB;;"}

package/dist/components/eui-accordion.js

@@ -16,7 +16,7 @@ import EuiButtonIcon from './eui-button-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiAccordionComponent extends Component {
   static {
@@ -80,14 +80,16 @@ class EuiAccordionComponent extends Component {
   get buttonContentClasses() {
     return ['euiAccordion__buttonContent', this.args.buttonContentClassName].join(' ');
   }
+  // undefined (not '') when open: a plain string bound to `style` makes
+  // Ember warn about XSS
   get childContentStyle() {
-    return this._opened ? '' : htmlSafe(`height: 0px;`);
+    return this._opened ? undefined : htmlSafe(`height: 0px;`);
   }
   setChildContentHeight = () => {
-    let forceState = this.args.forceState;
+    const forceState = this.args.forceState;
     requestAnimationFrame(() => {
       const height = this.childContent && (forceState ? forceState === 'open' : this._opened) ? this.childContent.clientHeight : 0;
-      this.childWrapper && this.childWrapper.setAttribute('style', `height: ${height}px`);
+      this.childWrapper?.setAttribute('style', `height: ${height}px`);
     });
   };
   onToggle = () => {
@@ -107,17 +109,17 @@ class EuiAccordionComponent extends Component {
     this.childContent = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @element \"div\") as |tagName|}}\n      {{#if tagName}}\n        {{#let (element tagName) (element this.buttonElement) as |Accordion ButtonElement|}}\n          {{#if (and Accordion ButtonElement)}}\n            <Accordion class={{classNames (if this.isOpen \"euiAccordion-isOpen\") componentName=\"EuiAccordion\"}} ...attributes>\n              <div class={{classNames \"euiAccordion__triggerWrapper\" @triggerClassName}}>\n                {{#if (eq this._arrowDisplay \"left\")}}\n                  <EuiButtonIcon class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{@id}} aria-expanded={{this.isOpen}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n                {{/if}}\n                <ButtonElement type=\"button\" id={{argOrDefault @buttonProps.id (randomId)}} class={{this.buttonClasses}} aria-controls={{@id}} aria-expanded={{this.isOpen}} aria-labelledby={{argOrDefault @buttonProps.id (randomId)}} {{on \"click\" this.onToggle}}>\n                  <span class={{this.buttonContentClasses}}>\n                    {{yield this.isOpen to=\"buttonContent\"}}\n                  </span>\n                </ButtonElement>\n                {{#if (and @extraAction (has-block \"extraAction\") (not this.isLoading))}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    {{yield this.isOpen to=\"extraAction\"}}\n                  </div>\n                {{else if this.isLoading}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    <EuiLoadingSpinner />\n                  </div>\n                {{/if}}\n                {{#if (eq this._arrowDisplay \"right\")}}\n                  <EuiButtonIcon @color=\"text\" class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{@id}} aria-expanded={{this.isOpen}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n                {{/if}}\n              </div>\n              <div class=\"euiAccordion__childWrapper\" style={{this.childContentStyle}} id={{@id}} {{didInsert (set this \"childWrapper\")}} tabindex=\"-1\" role=\"region\">\n                <div class={{classNames (if this.isLoading \"euiAccordion__children-isLoading\") @childClassName}} {{didInsert (queue (set this \"childContent\") this.setChildContentHeight)}} {{resizeObserver onResize=this.setChildContentHeight}} {{didUpdate this.setChildContentHeight @forceState}}>\n                  {{#if (and this.isLoading this.isLoadingMessage)}}\n                    <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                    <span>\n                      {{#if this.hasLoadingMessage}}\n                        {{this.isLoadingMessage}}\n                      {{else}}\n                        {{!-- <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> --}}\n                        Loading...\n                      {{/if}}\n                    </span>\n                  {{else}}\n                    <div class={{classNames componentName=\"EuiAccordion\" paddingSize=this.paddingSize}}>\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </div>\n              </div>\n            </Accordion>\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @element \"div\") (argOrDefault @id (randomId)) (argOrDefault @buttonProps.id (randomId)) as |tagName regionId buttonId|}}\n  {{#if tagName}}\n    {{#let (element tagName) (element this.buttonElement) as |Accordion ButtonElement|}}\n      {{#if (and Accordion ButtonElement)}}\n        <Accordion class={{classNames (if this.isOpen \"euiAccordion-isOpen\") componentName=\"EuiAccordion\"}} ...attributes>\n          <div class={{classNames \"euiAccordion__triggerWrapper\" @triggerClassName}}>\n            {{#if (eq this._arrowDisplay \"left\")}}\n              <EuiButtonIcon class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n            <ButtonElement type=\"button\" id={{buttonId}} class={{this.buttonClasses}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} {{on \"click\" this.onToggle}}>\n              <span class={{this.buttonContentClasses}}>\n                {{yield this.isOpen to=\"buttonContent\"}}\n              </span>\n            </ButtonElement>\n            {{#if (and @extraAction (has-block \"extraAction\") (not this.isLoading))}}\n              <div class=\"euiAccordion__optionalAction\">\n                {{yield this.isOpen to=\"extraAction\"}}\n              </div>\n            {{else if this.isLoading}}\n              <div class=\"euiAccordion__optionalAction\">\n                <EuiLoadingSpinner />\n              </div>\n            {{/if}}\n            {{#if (eq this._arrowDisplay \"right\")}}\n              <EuiButtonIcon @color=\"text\" class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n          </div>\n          <div class=\"euiAccordion__childWrapper\" style={{this.childContentStyle}} id={{regionId}} aria-labelledby={{buttonId}} {{didInsert (set this \"childWrapper\")}} tabindex=\"-1\" role=\"region\">\n            <div class={{classNames (if this.isLoading \"euiAccordion__children-isLoading\") @childClassName}} {{didInsert (queue (set this \"childContent\") this.setChildContentHeight)}} {{resizeObserver onResize=this.setChildContentHeight}} {{didUpdate this.setChildContentHeight @forceState}}>\n              {{#if (and this.isLoading this.isLoadingMessage)}}\n                <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                <span>\n                  {{#if this.hasLoadingMessage}}\n                    {{this.isLoadingMessage}}\n                  {{else}}\n                    {{!-- <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> --}}\n                    Loading...\n                  {{/if}}\n                </span>\n              {{else}}\n                <div class={{classNames componentName=\"EuiAccordion\" paddingSize=this.paddingSize}}>\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </div>\n          </div>\n        </Accordion>\n      {{/if}}\n    {{/let}}\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,
+        randomId,
         element,
         and,
         classNames,
         eq,
         EuiButtonIcon,
         on,
-        randomId,
         not,
         EuiLoadingSpinner,
         didInsert,

package/dist/components/eui-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-accordion.js","sources":["../../src/components/eui-accordion.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';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\nimport type Owner from '@ember/owner';\n\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-accordion.ts';\nimport type { CommonArgs } from './common.ts';\n\ntype EuiAccordionPaddingSize = keyof typeof paddingMapping;\n\ntype AccordionArgs = {\n  id?: string;\n\n  element?: 'div' | 'fieldset';\n  /**\n   * Class that will apply to the trigger for the accordion.\n   */\n  buttonClassName?: string;\n\n  buttonProps?: CommonArgs;\n\n  /**\n   * Applied to the main button receiving the `onToggle` event.\n   * Anything other than the default `button` does not support removing the arrow display (for accessibility of focus).\n   */\n  buttonElement?: 'div' | 'legend' | 'button';\n  /**\n   * Extra props to pass to the EuiButtonIcon containing the arrow.\n   */\n  arrowProps?: {\n    className?: string;\n  };\n\n  /**\n   * Class that will apply to the trigger content for the accordion.\n   */\n  buttonContentClassName?: string;\n  /**\n   * The content of the clickable trigger\n   */\n  buttonContent?: Component;\n  /**\n   * Will appear right aligned against the button. Useful for separate actions like deletions.\n   */\n  extraAction?: Component | boolean;\n  /**\n   * The accordion will start in the open state.\n   */\n  initialIsOpen?: boolean;\n  /**\n   * Optional callback method called on open and close with a single `isOpen` parameter\n   */\n  onToggle?: (isOpen: boolean) => void;\n  /**\n   * The padding around the exposed accordion content.\n   */\n  paddingSize?: EuiAccordionPaddingSize;\n  /**\n   * Placement of the arrow indicator, or 'none' to hide it.\n   */\n  arrowDisplay?: 'left' | 'right' | 'none';\n  /**\n   * Control the opening of accordion via prop\n   */\n  forceState?: 'closed' | 'open';\n  /**\n   * Change `extraAction` and children into a loading spinner\n   */\n  isLoading?: boolean;\n  /**\n   * Choose whether the loading message replaces the content. Customize the message by passing a node\n   */\n  isLoadingMessage?: boolean | Component;\n\n  isOpen?: boolean;\n\n  childClassName?: string;\n  triggerClassName?: string;\n  childContentClassName?: string;\n};\n\nexport interface EuiAccordionSignature {\n  Element: any;\n  Args: AccordionArgs;\n  Blocks: {\n    buttonContent: [boolean | undefined];\n    content: [];\n    extraAction: [boolean | undefined];\n  };\n}\n\nexport default class EuiAccordionComponent extends Component<EuiAccordionSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) isLoadingMessage!: boolean;\n  @argOrDefaultDecorator(false) initialIsOpen!: boolean;\n  @argOrDefaultDecorator('none') paddingSize!: EuiAccordionPaddingSize;\n  @argOrDefaultDecorator('left') arrowDisplay!: AccordionArgs['arrowDisplay'];\n\n  @tracked _opened;\n  @tracked childWrapper: HTMLDivElement | null = null;\n  @tracked childContent: HTMLDivElement | null = null;\n\n  constructor(owner: Owner, args: AccordionArgs) {\n    super(owner, args);\n\n    this._opened = this.args.forceState\n      ? this.args.forceState === 'open'\n      : this.args.initialIsOpen;\n  }\n\n  get buttonElement() {\n    return this.args.element === 'fieldset' ? 'legend' : 'button';\n  }\n\n  get buttonElementIsFocusable() {\n    return this.buttonElement === 'button';\n  }\n\n  get _arrowDisplay() {\n    return this.arrowDisplay === 'none' && !this.buttonElementIsFocusable\n      ? 'left'\n      : this.arrowDisplay;\n  }\n\n  get isOpen(): boolean | undefined {\n    return this.args.forceState\n      ? this.args.forceState === 'open'\n      : this._opened;\n  }\n\n  get hasLoadingMessage(): boolean {\n    return this.isLoadingMessage && this.isLoadingMessage !== true;\n  }\n\n  get buttonClasses(): string {\n    return [\n      'euiAccordion__button',\n      this.args.buttonClassName,\n      this.args.buttonProps?.className\n    ].join(' ');\n  }\n\n  get buttonContentClasses(): string {\n    return [\n      'euiAccordion__buttonContent',\n      this.args.buttonContentClassName\n    ].join(' ');\n  }\n\n  get childContentStyle(): string | ReturnType<typeof htmlSafe> {\n    return this._opened ? '' : htmlSafe(`height: 0px;`);\n  }\n\n  setChildContentHeight = () => {\n    let forceState = this.args.forceState;\n\n    requestAnimationFrame(() => {\n      const height =\n        this.childContent && (forceState ? forceState === 'open' : this._opened)\n          ? this.childContent.clientHeight\n          : 0;\n\n      this.childWrapper &&\n        this.childWrapper.setAttribute('style', `height: ${height}px`);\n    });\n  };\n\n  onToggle = (): void => {\n    if (this.args.forceState) {\n      this.args.onToggle?.(this.args.forceState === 'open' ? false : true);\n    } else {\n      this._opened = !this._opened;\n\n      if (this._opened && this.childWrapper) {\n        this.childWrapper.focus();\n      }\n\n      this.args.onToggle?.(this._opened);\n    }\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.childWrapper = null;\n    this.childContent = null;\n  }\n\n  <template>\n    {{#let (argOrDefault @element \"div\") as |tagName|}}\n      {{#if tagName}}\n        {{#let\n          (element tagName) (element this.buttonElement)\n          as |Accordion ButtonElement|\n        }}\n          {{#if (and Accordion ButtonElement)}}\n            <Accordion\n              class={{classNames\n                (if this.isOpen \"euiAccordion-isOpen\")\n                componentName=\"EuiAccordion\"\n              }}\n              ...attributes\n            >\n              <div\n                class={{classNames\n                  \"euiAccordion__triggerWrapper\"\n                  @triggerClassName\n                }}\n              >\n                {{#if (eq this._arrowDisplay \"left\")}}\n                  <EuiButtonIcon\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{@id}}\n                    aria-expanded={{this.isOpen}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n                <ButtonElement\n                  type=\"button\"\n                  id={{argOrDefault @buttonProps.id (randomId)}}\n                  class={{this.buttonClasses}}\n                  aria-controls={{@id}}\n                  aria-expanded={{this.isOpen}}\n                  aria-labelledby={{argOrDefault @buttonProps.id (randomId)}}\n                  {{on \"click\" this.onToggle}}\n                >\n                  <span class={{this.buttonContentClasses}}>\n                    {{yield this.isOpen to=\"buttonContent\"}}\n                  </span>\n                </ButtonElement>\n                {{#if\n                  (and\n                    @extraAction (has-block \"extraAction\") (not this.isLoading)\n                  )\n                }}\n                  <div class=\"euiAccordion__optionalAction\">\n                    {{yield this.isOpen to=\"extraAction\"}}\n                  </div>\n                {{else if this.isLoading}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    <EuiLoadingSpinner />\n                  </div>\n                {{/if}}\n                {{#if (eq this._arrowDisplay \"right\")}}\n                  <EuiButtonIcon\n                    @color=\"text\"\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{@id}}\n                    aria-expanded={{this.isOpen}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n              </div>\n              <div\n                class=\"euiAccordion__childWrapper\"\n                style={{this.childContentStyle}}\n                id={{@id}}\n                {{didInsert (set this \"childWrapper\")}}\n                tabindex=\"-1\"\n                role=\"region\"\n              >\n                <div\n                  class={{classNames\n                    (if this.isLoading \"euiAccordion__children-isLoading\")\n                    @childClassName\n                  }}\n                  {{didInsert\n                    (queue (set this \"childContent\") this.setChildContentHeight)\n                  }}\n                  {{resizeObserver onResize=this.setChildContentHeight}}\n                  {{didUpdate this.setChildContentHeight @forceState}}\n                >\n                  {{#if (and this.isLoading this.isLoadingMessage)}}\n                    <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                    <span>\n                      {{#if this.hasLoadingMessage}}\n                        {{this.isLoadingMessage}}\n                      {{else}}\n                        {{! <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> }}\n                        Loading...\n                      {{/if}}\n                    </span>\n                  {{else}}\n                    <div\n                      class={{classNames\n                        componentName=\"EuiAccordion\"\n                        paddingSize=this.paddingSize\n                      }}\n                    >\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </div>\n              </div>\n            </Accordion>\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiAccordionComponent","Component","g","prototype","argOrDefaultDecorator","i","void 0","tracked","constructor","owner","args","_opened","forceState","initialIsOpen","buttonElement","element","buttonElementIsFocusable","_arrowDisplay","arrowDisplay","isOpen","hasLoadingMessage","isLoadingMessage","buttonClasses","buttonClassName","buttonProps","className","join","buttonContentClasses","buttonContentClassName","childContentStyle","htmlSafe","setChildContentHeight","requestAnimationFrame","height","childContent","clientHeight","childWrapper","setAttribute","onToggle","focus","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","classNames","eq","EuiButtonIcon","on","randomId","not","EuiLoadingSpinner","didInsert","set","queue","resizeObserver","didUpdate"],"mappings":"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"}
+{"version":3,"file":"eui-accordion.js","sources":["../../src/components/eui-accordion.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';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\nimport type Owner from '@ember/owner';\n\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-accordion.ts';\nimport type { CommonArgs } from './common.ts';\n\ntype EuiAccordionPaddingSize = keyof typeof paddingMapping;\n\ntype AccordionArgs = {\n  /**\n   * Id of the collapsible content region; the trigger's `aria-controls`\n   * points to it. Defaults to a random id.\n   */\n  id?: string;\n\n  /**\n   * Element wrapping the accordion. With `'fieldset'` the trigger renders as\n   * a `<legend>`, for accordions that group form controls.\n   * Defaults to `'div'`.\n   */\n  element?: 'div' | 'fieldset';\n  /**\n   * Class that will apply to the trigger for the accordion.\n   */\n  buttonClassName?: string;\n\n  /**\n   * Extra props for the trigger: `id` (defaults to a generated id) and\n   * `className`.\n   */\n  buttonProps?: CommonArgs;\n\n  /**\n   * @deprecated Has no effect: the trigger is a `<button>`, or a `<legend>`\n   * when `@element=\"fieldset\"`.\n   */\n  buttonElement?: 'div' | 'legend' | 'button';\n  /**\n   * Extra props to pass to the EuiButtonIcon containing the arrow.\n   */\n  arrowProps?: {\n    className?: string;\n  };\n\n  /**\n   * Class that will apply to the trigger content for the accordion.\n   */\n  buttonContentClassName?: string;\n  /**\n   * @deprecated Has no effect, use the `<:buttonContent>` block for the\n   * trigger's content.\n   */\n  buttonContent?: Component;\n  /**\n   * Set to `true` to render the `<:extraAction>` block, right aligned next\n   * to the trigger (e.g. a delete button). The block is ignored without it.\n   */\n  extraAction?: Component | boolean;\n  /**\n   * The accordion will start in the open state. Defaults to `false`.\n   */\n  initialIsOpen?: boolean;\n  /**\n   * Called with the new open state (`true` = open) when the trigger or arrow\n   * is clicked. With `@forceState`, use it to update the state you control.\n   */\n  onToggle?: (isOpen: boolean) => void;\n  /**\n   * Padding around the content: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or\n   * `'xl'`. Defaults to `'none'`.\n   */\n  paddingSize?: EuiAccordionPaddingSize;\n  /**\n   * Placement of the arrow indicator, or `'none'` to hide it (only possible\n   * when the trigger is a button). Defaults to `'left'`.\n   */\n  arrowDisplay?: 'left' | 'right' | 'none';\n  /**\n   * Controls the open state from outside: `'open'` or `'closed'`. Clicking\n   * the trigger then only calls `@onToggle`; update `@forceState` there.\n   */\n  forceState?: 'closed' | 'open';\n  /**\n   * Shows a loading spinner in place of the `<:extraAction>` block.\n   * Defaults to `false`.\n   */\n  isLoading?: boolean;\n  /**\n   * While `@isLoading`, replace the content with a spinner and a message:\n   * `true` for \"Loading...\", or a string for your own message.\n   * Defaults to `false` (the content stays visible).\n   */\n  isLoadingMessage?: boolean | Component;\n\n  /**\n   * @deprecated Has no effect, use `@initialIsOpen` or `@forceState`.\n   */\n  isOpen?: boolean;\n\n  /**\n   * Class for the element wrapping the content.\n   */\n  childClassName?: string;\n  /**\n   * Class for the row holding the arrow, trigger and extra action.\n   */\n  triggerClassName?: string;\n  /**\n   * @deprecated Has no effect, use `@childClassName`.\n   */\n  childContentClassName?: string;\n};\n\nexport interface EuiAccordionSignature {\n  Element: any;\n  Args: AccordionArgs;\n  Blocks: {\n    /** The trigger's content (usually a title); yields whether it is open. */\n    buttonContent: [boolean | undefined];\n    /** The collapsible content. */\n    content: [];\n    /**\n     * Rendered next to the trigger when `@extraAction={{true}}`; yields\n     * whether it is open.\n     */\n    extraAction: [boolean | undefined];\n  };\n}\n\nexport default class EuiAccordionComponent extends Component<EuiAccordionSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) isLoadingMessage!: boolean;\n  @argOrDefaultDecorator(false) initialIsOpen!: boolean;\n  @argOrDefaultDecorator('none') paddingSize!: EuiAccordionPaddingSize;\n  @argOrDefaultDecorator('left') arrowDisplay!: AccordionArgs['arrowDisplay'];\n\n  @tracked _opened;\n  @tracked childWrapper: HTMLDivElement | null = null;\n  @tracked childContent: HTMLDivElement | null = null;\n\n  constructor(owner: Owner, args: AccordionArgs) {\n    super(owner, args);\n\n    this._opened = this.args.forceState\n      ? this.args.forceState === 'open'\n      : this.args.initialIsOpen;\n  }\n\n  get buttonElement() {\n    return this.args.element === 'fieldset' ? 'legend' : 'button';\n  }\n\n  get buttonElementIsFocusable() {\n    return this.buttonElement === 'button';\n  }\n\n  get _arrowDisplay() {\n    return this.arrowDisplay === 'none' && !this.buttonElementIsFocusable\n      ? 'left'\n      : this.arrowDisplay;\n  }\n\n  get isOpen(): boolean | undefined {\n    return this.args.forceState\n      ? this.args.forceState === 'open'\n      : this._opened;\n  }\n\n  get hasLoadingMessage(): boolean {\n    return this.isLoadingMessage && this.isLoadingMessage !== true;\n  }\n\n  get buttonClasses(): string {\n    return [\n      'euiAccordion__button',\n      this.args.buttonClassName,\n      this.args.buttonProps?.className\n    ].join(' ');\n  }\n\n  get buttonContentClasses(): string {\n    return [\n      'euiAccordion__buttonContent',\n      this.args.buttonContentClassName\n    ].join(' ');\n  }\n\n  // undefined (not '') when open: a plain string bound to `style` makes\n  // Ember warn about XSS\n  get childContentStyle(): ReturnType<typeof htmlSafe> | undefined {\n    return this._opened ? undefined : htmlSafe(`height: 0px;`);\n  }\n\n  setChildContentHeight = () => {\n    const forceState = this.args.forceState;\n\n    requestAnimationFrame(() => {\n      const height =\n        this.childContent && (forceState ? forceState === 'open' : this._opened)\n          ? this.childContent.clientHeight\n          : 0;\n\n      this.childWrapper?.setAttribute('style', `height: ${height}px`);\n    });\n  };\n\n  onToggle = (): void => {\n    if (this.args.forceState) {\n      this.args.onToggle?.(this.args.forceState === 'open' ? false : true);\n    } else {\n      this._opened = !this._opened;\n\n      if (this._opened && this.childWrapper) {\n        this.childWrapper.focus();\n      }\n\n      this.args.onToggle?.(this._opened);\n    }\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.childWrapper = null;\n    this.childContent = null;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @element \"div\")\n      (argOrDefault @id (randomId))\n      (argOrDefault @buttonProps.id (randomId))\n      as |tagName regionId buttonId|\n    }}\n      {{#if tagName}}\n        {{#let\n          (element tagName) (element this.buttonElement)\n          as |Accordion ButtonElement|\n        }}\n          {{#if (and Accordion ButtonElement)}}\n            <Accordion\n              class={{classNames\n                (if this.isOpen \"euiAccordion-isOpen\")\n                componentName=\"EuiAccordion\"\n              }}\n              ...attributes\n            >\n              <div\n                class={{classNames\n                  \"euiAccordion__triggerWrapper\"\n                  @triggerClassName\n                }}\n              >\n                {{#if (eq this._arrowDisplay \"left\")}}\n                  <EuiButtonIcon\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{regionId}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n                <ButtonElement\n                  type=\"button\"\n                  id={{buttonId}}\n                  class={{this.buttonClasses}}\n                  aria-controls={{regionId}}\n                  aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                  {{on \"click\" this.onToggle}}\n                >\n                  <span class={{this.buttonContentClasses}}>\n                    {{yield this.isOpen to=\"buttonContent\"}}\n                  </span>\n                </ButtonElement>\n                {{#if\n                  (and\n                    @extraAction (has-block \"extraAction\") (not this.isLoading)\n                  )\n                }}\n                  <div class=\"euiAccordion__optionalAction\">\n                    {{yield this.isOpen to=\"extraAction\"}}\n                  </div>\n                {{else if this.isLoading}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    <EuiLoadingSpinner />\n                  </div>\n                {{/if}}\n                {{#if (eq this._arrowDisplay \"right\")}}\n                  <EuiButtonIcon\n                    @color=\"text\"\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{regionId}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n              </div>\n              <div\n                class=\"euiAccordion__childWrapper\"\n                style={{this.childContentStyle}}\n                id={{regionId}}\n                aria-labelledby={{buttonId}}\n                {{didInsert (set this \"childWrapper\")}}\n                tabindex=\"-1\"\n                role=\"region\"\n              >\n                <div\n                  class={{classNames\n                    (if this.isLoading \"euiAccordion__children-isLoading\")\n                    @childClassName\n                  }}\n                  {{didInsert\n                    (queue (set this \"childContent\") this.setChildContentHeight)\n                  }}\n                  {{resizeObserver onResize=this.setChildContentHeight}}\n                  {{didUpdate this.setChildContentHeight @forceState}}\n                >\n                  {{#if (and this.isLoading this.isLoadingMessage)}}\n                    <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                    <span>\n                      {{#if this.hasLoadingMessage}}\n                        {{this.isLoadingMessage}}\n                      {{else}}\n                        {{! <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> }}\n                        Loading...\n                      {{/if}}\n                    </span>\n                  {{else}}\n                    <div\n                      class={{classNames\n                        componentName=\"EuiAccordion\"\n                        paddingSize=this.paddingSize\n                      }}\n                    >\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </div>\n              </div>\n            </Accordion>\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiAccordionComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","constructor","owner","args","_opened","forceState","initialIsOpen","buttonElement","element","buttonElementIsFocusable","_arrowDisplay","arrowDisplay","isOpen","hasLoadingMessage","isLoadingMessage","buttonClasses","buttonClassName","buttonProps","className","join","buttonContentClasses","buttonContentClassName","childContentStyle","undefined","htmlSafe","setChildContentHeight","requestAnimationFrame","height","childContent","clientHeight","childWrapper","setAttribute","onToggle","focus","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","classNames","eq","EuiButtonIcon","on","not","EuiLoadingSpinner","didInsert","set","queue","resizeObserver","didUpdate"],"mappings":"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"}

package/dist/components/eui-aspect-ratio.js

@@ -0,0 +1,20 @@
+import { hash } from '@ember/helper';
+import cssStyle from '../-private/css-style.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function paddingBottom(height, width) {
+  return `${height / width * 100}%`;
+}
+const EuiAspectRatio = setComponentTemplate(precompileTemplate("{{#if @maxWidth}}\n  <div style={{cssStyle (hash maxWidth=@maxWidth)}}>\n    <div class=\"euiAspectRatio\" style={{cssStyle (hash paddingBottom=(paddingBottom @height @width) maxWidth=@maxWidth)}} ...attributes>{{yield}}</div>\n  </div>\n{{else}}\n  <div class=\"euiAspectRatio\" style={{cssStyle (hash paddingBottom=(paddingBottom @height @width))}} ...attributes>{{yield}}</div>\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    cssStyle,
+    hash,
+    paddingBottom
+  })
+}), templateOnly());
+
+export { EuiAspectRatio as default };
+//# sourceMappingURL=eui-aspect-ratio.js.map

package/dist/components/eui-aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-aspect-ratio.js","sources":["../../src/components/eui-aspect-ratio.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport cssStyle from '../-private/css-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Keeps its content (an iframe, video, image or map) at a fixed aspect\n * ratio while it takes the available width.\n */\nexport interface EuiAspectRatioSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width part of the ratio, e.g. `16` for 16:9. */\n    width: number;\n    /** Height part of the ratio, e.g. `9` for 16:9. */\n    height: number;\n    /** Maximum width, e.g. `500` (px) or `'50%'`. */\n    maxWidth?: number | string;\n  };\n  Blocks: {\n    /** One element that fills the box, e.g. an `<iframe>`. */\n    default: [];\n  };\n}\n\nfunction paddingBottom(height: number, width: number): string {\n  return `${(height / width) * 100}%`;\n}\n\nconst EuiAspectRatio: TemplateOnlyComponent<EuiAspectRatioSignature> = <template>\n  {{#if @maxWidth}}\n    <div style={{cssStyle (hash maxWidth=@maxWidth)}}>\n      <div\n        class=\"euiAspectRatio\"\n        style={{cssStyle\n          (hash\n            paddingBottom=(paddingBottom @height @width) maxWidth=@maxWidth\n          )\n        }}\n        ...attributes\n      >{{yield}}</div>\n    </div>\n  {{else}}\n    <div\n      class=\"euiAspectRatio\"\n      style={{cssStyle (hash paddingBottom=(paddingBottom @height @width))}}\n      ...attributes\n    >{{yield}}</div>\n  {{/if}}\n</template>;\n\nexport default EuiAspectRatio;\n"],"names":["paddingBottom","height","width","EuiAspectRatio","setComponentTemplate","precompileTemplate","strictMode","scope","cssStyle","hash","templateOnly"],"mappings":";;;;;;AA0BA,SAASA,cAAcC,MAAc,EAAEC,KAAa,EAAS;AAC3D,EAAA,OAAO,GAAID,MAAA,GAASC,KAAK,GAAI,GAAA,CAAA,CAAA,CAAM;AACrC;AAEA,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,uYAAA,EAoBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAU,YAAA,EAAA;;"}