@ember-eui/core 14.0.0 → 14.1.0

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

@@ -0,0 +1,27 @@
+import EuiButtonIcon from '../eui-button-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function icon(externalPosition, direction, isCollapsed) {
+  const horizontal = direction === 'horizontal';
+  if (externalPosition === 'before') {
+    return isCollapsed ? horizontal ? 'menuLeft' : 'menuUp' : horizontal ? 'menuRight' : 'menuDown';
+  }
+  return isCollapsed ? horizontal ? 'menuRight' : 'menuDown' : horizontal ? 'menuLeft' : 'menuUp';
+}
+function classes(direction, externalPosition, internalPosition = 'middle', isVisible, isCollapsed) {
+  return ['euiResizableToggleButton', `euiResizableToggleButton--${direction}`, `euiResizableToggleButton--${externalPosition}`, `euiResizableToggleButton--${internalPosition}`, isVisible && 'euiResizableToggleButton-isVisible', isCollapsed && 'euiResizableToggleButton-isCollapsed'].filter(Boolean).join(' ');
+}
+/** @private The button collapsing or expanding a resizable panel. */
+const EuiResizableCollapseButton = setComponentTemplate(precompileTemplate("<EuiButtonIcon class={{classes @direction @externalPosition @internalPosition @isVisible @isCollapsed}} @display={{if @isCollapsed \"empty\" \"fill\"}} @color={{if @isCollapsed \"text\" \"ghost\"}} @iconType={{icon @externalPosition @direction @isCollapsed}} ...attributes />", {
+  strictMode: true,
+  scope: () => ({
+    EuiButtonIcon,
+    classes,
+    icon
+  })
+}), templateOnly());
+
+export { EuiResizableCollapseButton as default };
+//# sourceMappingURL=collapse-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-button.js","sources":["../../../src/components/eui-resizable-container/collapse-button.gts"],"sourcesContent":["import EuiButtonIcon from '../eui-button-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface CollapseButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    externalPosition: 'before' | 'after';\n    internalPosition?: 'top' | 'middle' | 'bottom' | 'left' | 'right';\n    direction: 'horizontal' | 'vertical';\n    isVisible?: boolean;\n    isCollapsed?: boolean;\n  };\n}\n\nfunction icon(externalPosition: string, direction: string, isCollapsed?: boolean): string {\n  const horizontal = direction === 'horizontal';\n\n  if (externalPosition === 'before') {\n    return isCollapsed ? (horizontal ? 'menuLeft' : 'menuUp') : horizontal ? 'menuRight' : 'menuDown';\n  }\n\n  return isCollapsed ? (horizontal ? 'menuRight' : 'menuDown') : horizontal ? 'menuLeft' : 'menuUp';\n}\n\nfunction classes(\n  direction: string,\n  externalPosition: string,\n  internalPosition = 'middle',\n  isVisible?: boolean,\n  isCollapsed?: boolean\n): string {\n  return [\n    'euiResizableToggleButton',\n    `euiResizableToggleButton--${direction}`,\n    `euiResizableToggleButton--${externalPosition}`,\n    `euiResizableToggleButton--${internalPosition}`,\n    isVisible && 'euiResizableToggleButton-isVisible',\n    isCollapsed && 'euiResizableToggleButton-isCollapsed'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** @private The button collapsing or expanding a resizable panel. */\nconst EuiResizableCollapseButton: TemplateOnlyComponent<CollapseButtonSignature> = <template>\n  <EuiButtonIcon\n    class={{classes @direction @externalPosition @internalPosition @isVisible @isCollapsed}}\n    @display={{if @isCollapsed \"empty\" \"fill\"}}\n    @color={{if @isCollapsed \"text\" \"ghost\"}}\n    @iconType={{icon @externalPosition @direction @isCollapsed}}\n    ...attributes\n  />\n</template>;\n\nexport default EuiResizableCollapseButton;\n"],"names":["icon","externalPosition","direction","isCollapsed","horizontal","classes","internalPosition","isVisible","filter","Boolean","join","EuiResizableCollapseButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","templateOnly"],"mappings":";;;;;AAeA,SAASA,IAAAA,CAAKC,gBAAwB,EAAEC,SAAiB,EAAEC,WAAqB,EAAS;AACvF,EAAA,MAAMC,aAAaF,SAAA,KAAc,YAAA;EAEjC,IAAID,qBAAqB,QAAA,EAAU;AACjC,IAAA,OAAOE,cAAeC,UAAA,GAAa,aAAa,QAAQ,GAAIA,aAAa,WAAA,GAAc,UAAA;AACzF,EAAA;AAEA,EAAA,OAAOD,cAAeC,UAAA,GAAa,cAAc,UAAU,GAAIA,aAAa,UAAA,GAAa,QAAA;AAC3F;AAEA,SAASC,QACPH,SAAiB,EACjBD,gBAAwB,EACxBK,gBAAA,GAAmB,QAAQ,EAC3BC,SAAmB,EACnBJ,WAAqB,EACd;AACP,EAAA,OAAO,CACL,0BAAA,EACA,CAAA,0BAAA,EAA6BD,SAAA,CAAA,CAAW,EACxC,CAAA,0BAAA,EAA6BD,gBAAA,CAAA,CAAkB,EAC/C,CAAA,0BAAA,EAA6BK,gBAAA,EAAkB,EAC/CC,SAAA,IAAa,oCAAA,EACbJ,WAAA,IAAe,sCAAA,CAChB,CACEK,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA;AACA,MAAMC,0BAAkD,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,qRAAA,EAQnF;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,aAAA;IAAAX,OAAA;AAAAL,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAiB,YAAA,EAAA;;"}

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

@@ -0,0 +1,190 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { schedule } from '@ember/runloop';
+import { service } from '@ember/service';
+import { modifier } from 'ember-modifier';
+import cssStyle from '../../-private/css-style.js';
+import { randomId } from '../../-private/random-id.js';
+import { PANEL_PADDING } from '../../-private/resizable.js';
+import EuiPanel from '../eui-panel.js';
+import EuiResizableCollapseButton from './collapse-button.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+const WRAPPER_PADDING = {
+  none: undefined,
+  s: 'euiResizablePanel--paddingSmall',
+  m: 'euiResizablePanel--paddingMedium',
+  l: 'euiResizablePanel--paddingLarge'
+};
+class EuiResizablePanel extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  ownId = `resizable-panel_${randomId()}`;
+  element;
+  // ids of the resize buttons before and after it
+  resizerIds = ['', ''];
+  get id() {
+    return this.args.id ?? this.ownId;
+  }
+  get container() {
+    return this.args.container;
+  }
+  get state() {
+    return this.container.panels[this.id];
+  }
+  get modeType() {
+    const mode = this.args.mode;
+    return Array.isArray(mode) ? mode[0] : mode;
+  }
+  get togglePosition() {
+    const mode = this.args.mode;
+    return (Array.isArray(mode) ? mode[1].position : undefined) ?? 'middle';
+  }
+  get isCollapsible() {
+    return this.modeType === 'collapsible';
+  }
+  get isCollapsed() {
+    return this.state?.isCollapsed ?? false;
+  }
+  get position() {
+    return this.state?.position ?? 'middle';
+  }
+  get size() {
+    return this.args.size ?? this.state?.size ?? this.args.initialSize ?? 0;
+  }
+  get style() {
+    const horizontal = this.container.isHorizontal;
+    return cssStyle({
+      width: horizontal ? `${this.size}%` : '100%',
+      height: horizontal ? 'auto' : `${this.size}%`
+    });
+  }
+  get classes() {
+    return ['euiResizablePanel', WRAPPER_PADDING[this.args.wrapperPadding ?? 'none'], this.isCollapsible && 'euiResizablePanel--collapsible', this.isCollapsed && 'euiResizablePanel-isCollapsed', `euiResizablePanel--${this.position}`].filter(Boolean).join(' ');
+  }
+  get contentClasses() {
+    return this.args.scrollable === false ? 'euiResizablePanel__content' : 'euiResizablePanel__content euiResizablePanel__content--scrollable';
+  }
+  /** Which way a middle panel collapses: toward its main neighbour. */
+  get direction() {
+    if (this.position !== 'middle' || !(this.isCollapsible || this.isCollapsed)) return null;
+    const panels = this.container.panels;
+    const ids = Object.keys(panels);
+    const index = ids.indexOf(this.id);
+    const prev = panels[ids[index - 1] ?? ''];
+    const next = panels[ids[index + 1] ?? ''];
+    const prevMode = prev?.mode;
+    const nextMode = next?.mode;
+    if (prevMode === 'main') return 'right';
+    if (nextMode === 'main') return 'left';
+    if (prevMode && prevMode !== 'collapsible') return 'right';
+    if (nextMode && nextMode !== 'collapsible') return 'left';
+    if (prev && next) return prev.size > next.size ? 'right' : 'left';
+    if (prev) return 'right';
+    if (next) return 'left';
+    return null;
+  }
+  get toggle() {
+    const canToggle = this.isCollapsible || this.modeType === 'custom' || this.modeType === undefined;
+    const showsToggle = this.isCollapsible || this.isCollapsed;
+    if (!canToggle || !showsToggle) return null;
+    if (this.position === 'last' || this.position === 'middle' && this.direction === 'right') {
+      return {
+        externalPosition: 'before',
+        resizerId: this.resizerIds[0]
+      };
+    }
+    if (this.position === 'first' || this.position === 'middle' && this.direction === 'left') {
+      return {
+        externalPosition: 'after',
+        resizerId: this.resizerIds[1]
+      };
+    }
+    return null;
+  }
+  get hasVisibleToggle() {
+    return this.modeType !== 'main' && this.isCollapsed || this.isCollapsible;
+  }
+  get toggleLabel() {
+    return this.euiI18n.lookupToken('euiResizablePanel.toggleButtonAriaLabel', 'Press to toggle this panel');
+  }
+  resizer = id => this.container.resizers[id];
+  onToggleClick(externalPosition, event) {
+    this.container.onPanelToggle(this.id, {
+      direction: externalPosition === 'before' ? 'right' : 'left'
+    });
+    // a mouse click should not leave the focus ring
+    if (event.detail) event.currentTarget.blur();
+  }
+  static {
+    n(this.prototype, "onToggleClick", [action]);
+  }
+  register = modifier((element, [size, minSize, mode]) => {
+    this.element = element;
+    const id = this.id;
+    const initSize = size ?? this.args.initialSize ?? 0;
+    const padding = `${PANEL_PADDING[this.args.paddingSize ?? 'm'] * 2}px`;
+    const horizontal = this.container.isHorizontal;
+    schedule('afterRender', () => {
+      this.resizerIds = [element.previousElementSibling?.id ?? '', element.nextElementSibling?.id ?? ''];
+      const siblings = Array.from(element.parentElement?.children ?? []).filter(el => el.classList.contains('euiResizablePanel'));
+      const position = siblings[0] === element ? 'first' : siblings[siblings.length - 1] === element ? 'last' : 'middle';
+      this.container.registerPanel({
+        id,
+        size: initSize,
+        prevSize: initSize,
+        getSizePx: () => {
+          const rect = element.getBoundingClientRect();
+          return horizontal ? rect.width : rect.height;
+        },
+        minSize: [minSize ?? '0px', padding],
+        mode: this.modeType,
+        isCollapsed: false,
+        position
+      });
+    });
+    return () => schedule('afterRender', () => this.container.deregisterPanel(id));
+  });
+  static {
+    setComponentTemplate(precompileTemplate("<div id={{this.id}} class={{this.classes}} style={{this.style}} {{this.register @size @minSize @mode}}>\n  {{#if this.hasVisibleToggle}}\n    {{#let this.toggle as |toggle|}}\n      {{#if (isBefore toggle)}}\n        <EuiResizableCollapseButton aria-label={{this.toggleLabel}} @externalPosition=\"before\" @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}} @internalPosition={{this.togglePosition}} @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}} @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}} {{on \"click\" (fnToggle this.onToggleClick \"before\")}} />\n      {{/if}}\n    {{/let}}\n  {{/if}}\n  <EuiPanel class={{this.contentClasses}} @hasShadow={{if @hasShadow true false}} @borderRadius={{if @borderRadius @borderRadius \"none\"}} @color={{if @color @color \"transparent\"}} @paddingSize={{if this.isCollapsed \"none\" (if @paddingSize @paddingSize \"m\")}} ...attributes>\n    {{yield}}\n  </EuiPanel>\n  {{#if this.hasVisibleToggle}}\n    {{#let this.toggle as |toggle|}}\n      {{#if (isAfter toggle)}}\n        <EuiResizableCollapseButton aria-label={{this.toggleLabel}} @externalPosition=\"after\" @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}} @internalPosition={{this.togglePosition}} @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}} @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}} {{on \"click\" (fnToggle this.onToggleClick \"after\")}} />\n      {{/if}}\n    {{/let}}\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        isBefore,
+        EuiResizableCollapseButton,
+        resizerVisible,
+        resizerIdOf,
+        resizerDisabled,
+        on,
+        fnToggle,
+        EuiPanel,
+        isAfter
+      })
+    }), this);
+  }
+}
+function isBefore(toggle) {
+  return toggle?.externalPosition === 'before';
+}
+function isAfter(toggle) {
+  return toggle?.externalPosition === 'after';
+}
+function resizerIdOf(toggle) {
+  return toggle?.resizerId ?? '';
+}
+function resizerVisible(resizer) {
+  return Boolean(resizer && (resizer.isFocused || resizer.isDisabled));
+}
+function resizerDisabled(resizer) {
+  return Boolean(resizer?.isDisabled);
+}
+function fnToggle(handler, position) {
+  return event => handler(position, event);
+}
+
+export { EuiResizablePanel as default };
+//# sourceMappingURL=panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sources":["../../../src/components/eui-resizable-container/panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport cssStyle from '../../-private/css-style.ts';\nimport { randomId } from '../../-private/random-id.ts';\nimport { PANEL_PADDING } from '../../-private/resizable.ts';\nimport EuiPanel from '../eui-panel.gts';\nimport EuiResizableCollapseButton from './collapse-button.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { PanelModeType, PanelPosition } from '../../-private/resizable.ts';\nimport type EuiResizableContainer from '../eui-resizable-container.gts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\ntype Mode = PanelModeType | [PanelModeType, { position?: 'top' | 'middle' | 'bottom' | 'left' | 'right' }];\n\n/**\n * A panel of an `EuiResizableContainer` (yielded as `Panel`), sized in\n * percent of the container.\n */\nexport interface EuiResizablePanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Id of the panel, e.g. to toggle it. Defaults to a random id. */\n    id?: string;\n    /** Starting size in percent of the container. */\n    initialSize?: number;\n    /** Controlled size in percent (update it from `@onPanelWidthChange`). */\n    size?: number;\n    /** Smallest size, e.g. `'20%'` or `'200px'`. Defaults to `'0px'`. */\n    minSize?: string;\n    /** Scrolls its content when it overflows. Defaults to `true`. */\n    scrollable?: boolean;\n    /**\n     * `'collapsible'` (with a toggle button, next to a `'main'` panel),\n     * `'main'`, or `['collapsible', { position }]` to place the toggle\n     * (`'top'`, `'middle'`, `'bottom'`).\n     */\n    mode?: Mode;\n    /** Padding inside the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Padding around the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'none'`. */\n    wrapperPadding?: 'none' | 's' | 'm' | 'l';\n    /** Background, any `EuiPanel` color. Defaults to `'transparent'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Adds a shadow. */\n    hasShadow?: boolean;\n    /** `'none'` or `'m'` rounded corners. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** @private The container, set by `EuiResizableContainer`. */\n    container: EuiResizableContainer;\n  };\n  Blocks: {\n    /** The panel's content. */\n    default: [];\n  };\n}\n\nconst WRAPPER_PADDING = {\n  none: undefined,\n  s: 'euiResizablePanel--paddingSmall',\n  m: 'euiResizablePanel--paddingMedium',\n  l: 'euiResizablePanel--paddingLarge'\n};\n\nexport default class EuiResizablePanel extends Component<EuiResizablePanelSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  ownId = `resizable-panel_${randomId()}`;\n  element?: HTMLElement;\n  // ids of the resize buttons before and after it\n  resizerIds: [string, string] = ['', ''];\n\n  get id(): string {\n    return this.args.id ?? this.ownId;\n  }\n\n  get container(): EuiResizableContainer {\n    return this.args.container;\n  }\n\n  get state() {\n    return this.container.panels[this.id];\n  }\n\n  get modeType(): PanelModeType | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[0] : mode;\n  }\n\n  get togglePosition(): 'top' | 'middle' | 'bottom' | 'left' | 'right' {\n    const mode = this.args.mode;\n\n    return (Array.isArray(mode) ? mode[1].position : undefined) ?? 'middle';\n  }\n\n  get isCollapsible(): boolean {\n    return this.modeType === 'collapsible';\n  }\n\n  get isCollapsed(): boolean {\n    return this.state?.isCollapsed ?? false;\n  }\n\n  get position(): PanelPosition {\n    return this.state?.position ?? 'middle';\n  }\n\n  get size(): number {\n    return this.args.size ?? this.state?.size ?? this.args.initialSize ?? 0;\n  }\n\n  get style() {\n    const horizontal = this.container.isHorizontal;\n\n    return cssStyle({\n      width: horizontal ? `${this.size}%` : '100%',\n      height: horizontal ? 'auto' : `${this.size}%`\n    });\n  }\n\n  get classes(): string {\n    return [\n      'euiResizablePanel',\n      WRAPPER_PADDING[this.args.wrapperPadding ?? 'none'],\n      this.isCollapsible && 'euiResizablePanel--collapsible',\n      this.isCollapsed && 'euiResizablePanel-isCollapsed',\n      `euiResizablePanel--${this.position}`\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get contentClasses(): string {\n    return this.args.scrollable === false\n      ? 'euiResizablePanel__content'\n      : 'euiResizablePanel__content euiResizablePanel__content--scrollable';\n  }\n\n  /** Which way a middle panel collapses: toward its main neighbour. */\n  get direction(): 'left' | 'right' | null {\n    if (this.position !== 'middle' || !(this.isCollapsible || this.isCollapsed)) return null;\n\n    const panels = this.container.panels;\n    const ids = Object.keys(panels);\n    const index = ids.indexOf(this.id);\n    const prev = panels[ids[index - 1] ?? ''];\n    const next = panels[ids[index + 1] ?? ''];\n    const prevMode = prev?.mode;\n    const nextMode = next?.mode;\n\n    if (prevMode === 'main') return 'right';\n    if (nextMode === 'main') return 'left';\n    if (prevMode && prevMode !== 'collapsible') return 'right';\n    if (nextMode && nextMode !== 'collapsible') return 'left';\n    if (prev && next) return prev.size > next.size ? 'right' : 'left';\n    if (prev) return 'right';\n    if (next) return 'left';\n\n    return null;\n  }\n\n  get toggle(): { externalPosition: 'before' | 'after'; resizerId: string } | null {\n    const canToggle = this.isCollapsible || this.modeType === 'custom' || this.modeType === undefined;\n    const showsToggle = this.isCollapsible || this.isCollapsed;\n\n    if (!canToggle || !showsToggle) return null;\n\n    if (this.position === 'last' || (this.position === 'middle' && this.direction === 'right')) {\n      return { externalPosition: 'before', resizerId: this.resizerIds[0] };\n    }\n\n    if (this.position === 'first' || (this.position === 'middle' && this.direction === 'left')) {\n      return { externalPosition: 'after', resizerId: this.resizerIds[1] };\n    }\n\n    return null;\n  }\n\n  get hasVisibleToggle(): boolean {\n    return (this.modeType !== 'main' && this.isCollapsed) || this.isCollapsible;\n  }\n\n  get toggleLabel(): string {\n    return this.euiI18n.lookupToken('euiResizablePanel.toggleButtonAriaLabel', 'Press to toggle this panel');\n  }\n\n  resizer = (id: string) => this.container.resizers[id];\n\n  @action\n  onToggleClick(externalPosition: 'before' | 'after', event: MouseEvent): void {\n    this.container.onPanelToggle(this.id, { direction: externalPosition === 'before' ? 'right' : 'left' });\n\n    // a mouse click should not leave the focus ring\n    if (event.detail) (event.currentTarget as HTMLElement).blur();\n  }\n\n  register = modifier((element: HTMLElement, [size, minSize, mode]: [number | undefined, string | undefined, unknown]) => {\n    this.element = element;\n    void mode;\n\n    const id = this.id;\n    const initSize = size ?? this.args.initialSize ?? 0;\n    const padding = `${PANEL_PADDING[this.args.paddingSize ?? 'm'] * 2}px`;\n    const horizontal = this.container.isHorizontal;\n\n    schedule('afterRender', () => {\n      this.resizerIds = [element.previousElementSibling?.id ?? '', element.nextElementSibling?.id ?? ''];\n\n      const siblings = Array.from(element.parentElement?.children ?? []).filter((el) =>\n        el.classList.contains('euiResizablePanel')\n      );\n      const position: PanelPosition =\n        siblings[0] === element ? 'first' : siblings[siblings.length - 1] === element ? 'last' : 'middle';\n\n      this.container.registerPanel({\n        id,\n        size: initSize,\n        prevSize: initSize,\n        getSizePx: () => {\n          const rect = element.getBoundingClientRect();\n\n          return horizontal ? rect.width : rect.height;\n        },\n        minSize: [minSize ?? '0px', padding],\n        mode: this.modeType,\n        isCollapsed: false,\n        position\n      });\n    });\n\n    return () => schedule('afterRender', () => this.container.deregisterPanel(id));\n  });\n\n  <template>\n    <div\n      id={{this.id}}\n      class={{this.classes}}\n      style={{this.style}}\n      {{this.register @size @minSize @mode}}\n    >\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isBefore toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              @externalPosition=\"before\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"before\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n      <EuiPanel\n        class={{this.contentClasses}}\n        @hasShadow={{if @hasShadow true false}}\n        @borderRadius={{if @borderRadius @borderRadius \"none\"}}\n        @color={{if @color @color \"transparent\"}}\n        @paddingSize={{if this.isCollapsed \"none\" (if @paddingSize @paddingSize \"m\")}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiPanel>\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isAfter toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              @externalPosition=\"after\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"after\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    </div>\n  </template>\n}\n\ntype Toggle = EuiResizablePanel['toggle'];\n\nfunction isBefore(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'before';\n}\n\nfunction isAfter(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'after';\n}\n\nfunction resizerIdOf(toggle: Toggle): string {\n  return toggle?.resizerId ?? '';\n}\n\nfunction resizerVisible(resizer?: { isFocused: boolean; isDisabled: boolean }): boolean {\n  return Boolean(resizer && (resizer.isFocused || resizer.isDisabled));\n}\n\nfunction resizerDisabled(resizer?: { isDisabled: boolean }): boolean {\n  return Boolean(resizer?.isDisabled);\n}\n\nfunction fnToggle(\n  handler: (position: 'before' | 'after', event: MouseEvent) => void,\n  position: 'before' | 'after'\n): (event: MouseEvent) => void {\n  return (event) => handler(position, event);\n}\n\n"],"names":["WRAPPER_PADDING","none","undefined","s","m","l","EuiResizablePanel","Component","g","prototype","service","i","ownId","randomId","element","resizerIds","id","args","container","state","panels","modeType","mode","Array","isArray","togglePosition","position","isCollapsible","isCollapsed","size","initialSize","style","horizontal","isHorizontal","cssStyle","width","height","classes","wrapperPadding","filter","Boolean","join","contentClasses","scrollable","direction","ids","Object","keys","index","indexOf","prev","next","prevMode","nextMode","toggle","canToggle","showsToggle","externalPosition","resizerId","hasVisibleToggle","toggleLabel","euiI18n","lookupToken","resizer","resizers","onToggleClick","event","onPanelToggle","detail","currentTarget","blur","n","action","register","modifier","minSize","initSize","padding","PANEL_PADDING","paddingSize","schedule","previousElementSibling","nextElementSibling","siblings","from","parentElement","children","el","classList","contains","length","registerPanel","prevSize","getSizePx","rect","getBoundingClientRect","deregisterPanel","setComponentTemplate","precompileTemplate","strictMode","scope","isBefore","EuiResizableCollapseButton","resizerVisible","resizerIdOf","resizerDisabled","on","fnToggle","EuiPanel","isAfter","isFocused","isDisabled","handler"],"mappings":"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"}

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

@@ -0,0 +1,291 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { hash } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { modifier } from 'ember-modifier';
+import { sizesOnly, pxToPercent, getPanelMinSize, getPointerPosition, getSiblingPanel } from '../-private/resizable.js';
+import ResizeObserver from '../modifiers/resize-observer.js';
+import EuiResizableButton from './eui-resizable-container/button.js';
+import EuiResizablePanel from './eui-resizable-container/panel.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+class EuiResizableContainer extends Component {
+  static {
+    g(this.prototype, "panels", [tracked], function () {
+      return {};
+    });
+  }
+  #panels = (i(this, "panels"), void 0);
+  static {
+    g(this.prototype, "resizers", [tracked], function () {
+      return {};
+    });
+  }
+  #resizers = (i(this, "resizers"), void 0);
+  static {
+    g(this.prototype, "isDragging", [tracked], function () {
+      return false;
+    });
+  }
+  #isDragging = (i(this, "isDragging"), void 0);
+  currentResizerPos = -1;
+  prevPanelId = null;
+  nextPanelId = null;
+  containerSize = 1;
+  element;
+  get isHorizontal() {
+    return (this.args.direction ?? 'horizontal') === 'horizontal';
+  }
+  get classes() {
+    return `euiResizableContainer euiResizableContainer--${this.isHorizontal ? 'horizontal' : 'vertical'}`;
+  }
+  measure() {
+    if (!this.element) return;
+    const {
+      width,
+      height
+    } = this.element.getBoundingClientRect();
+    this.containerSize = this.isHorizontal ? width : height;
+  }
+  changed() {
+    this.args.onPanelWidthChange?.(sizesOnly(this.panels));
+  }
+  /* registration ---------------------------------------------------------- */
+  registerPanel = panel => {
+    this.panels = {
+      ...this.panels,
+      [panel.id]: panel
+    };
+  };
+  deregisterPanel = panelId => {
+    const {
+      [panelId]: _removed,
+      ...panels
+    } = this.panels;
+    this.panels = panels;
+  };
+  registerResizer = resizer => {
+    this.resizers = {
+      ...this.resizers,
+      [resizer.id]: resizer
+    };
+  };
+  deregisterResizer = resizerId => {
+    const {
+      [resizerId]: _removed,
+      ...resizers
+    } = this.resizers;
+    this.resizers = resizers;
+  };
+  /* resizing -------------------------------------------------------------- */
+  resize(prevPanelId, nextPanelId, deltaPx) {
+    const prevPanel = this.panels[prevPanelId];
+    const nextPanel = this.panels[nextPanelId];
+    if (!prevPanel || !nextPanel) return false;
+    this.measure();
+    const prevSize = pxToPercent(prevPanel.getSizePx() + deltaPx, this.containerSize);
+    const nextSize = pxToPercent(nextPanel.getSizePx() - deltaPx, this.containerSize);
+    if (prevSize < getPanelMinSize(prevPanel.minSize, this.containerSize) || nextSize < getPanelMinSize(nextPanel.minSize, this.containerSize)) {
+      return false;
+    }
+    this.panels = {
+      ...this.panels,
+      [prevPanelId]: {
+        ...prevPanel,
+        size: prevSize
+      },
+      [nextPanelId]: {
+        ...nextPanel,
+        size: nextSize
+      }
+    };
+    this.changed();
+    return true;
+  }
+  onResizerMouseDown(event) {
+    const button = event.currentTarget;
+    const prevPanel = button.previousElementSibling;
+    const nextPanel = button.nextElementSibling;
+    if (!prevPanel || !nextPanel) return;
+    this.isDragging = true;
+    this.currentResizerPos = getPointerPosition(event, this.isHorizontal);
+    this.prevPanelId = prevPanel.id;
+    this.nextPanelId = nextPanel.id;
+  }
+  static {
+    n(this.prototype, "onResizerMouseDown", [action]);
+  }
+  onMouseMove(event) {
+    if (!this.isDragging || !this.prevPanelId || !this.nextPanelId) return;
+    const position = getPointerPosition(event, this.isHorizontal);
+    if (this.resize(this.prevPanelId, this.nextPanelId, position - this.currentResizerPos)) {
+      this.currentResizerPos = position;
+    }
+  }
+  static {
+    n(this.prototype, "onMouseMove", [action]);
+  }
+  onMouseUp() {
+    this.isDragging = false;
+    this.currentResizerPos = -1;
+    this.prevPanelId = null;
+    this.nextPanelId = null;
+  }
+  static {
+    n(this.prototype, "onMouseUp", [action]);
+  }
+  onResizerKeyDown(event) {
+    const button = event.currentTarget;
+    const {
+      key
+    } = event;
+    const forward = key === 'ArrowDown' || key === 'ArrowRight';
+    const backward = key === 'ArrowUp' || key === 'ArrowLeft';
+    const matchesDirection = this.isHorizontal ? key === 'ArrowLeft' || key === 'ArrowRight' : key === 'ArrowUp' || key === 'ArrowDown';
+    const prevPanelId = button.previousElementSibling?.id;
+    const nextPanelId = button.nextElementSibling?.id;
+    if (!(forward || backward) || !matchesDirection || !prevPanelId || !nextPanelId) return;
+    event.preventDefault();
+    this.resize(prevPanelId, nextPanelId, forward ? 10 : -10);
+  }
+  static {
+    n(this.prototype, "onResizerKeyDown", [action]);
+  }
+  onResizerFocus(resizerId) {
+    this.resizers = Object.fromEntries(Object.values(this.resizers).map(resizer => [resizer.id, {
+      ...resizer,
+      isFocused: resizer.id === resizerId
+    }]));
+  }
+  static {
+    n(this.prototype, "onResizerFocus", [action]);
+  }
+  onResizerBlur() {
+    this.resizers = Object.fromEntries(Object.values(this.resizers).map(resizer => [resizer.id, {
+      ...resizer,
+      isFocused: false
+    }]));
+  }
+  static {
+    n(this.prototype, "onResizerBlur", [action]);
+  }
+  onContainerResize() {
+    this.measure();
+  }
+  /* collapsing ------------------------------------------------------------ */
+  static {
+    n(this.prototype, "onContainerResize", [action]);
+  }
+  togglePanel(panelId, options) {
+    const current = this.panels[panelId];
+    const element = document.getElementById(panelId);
+    if (!current || !element) return;
+    this.measure();
+    const panels = this.panels;
+    const shouldCollapse = !current.isCollapsed;
+    const prevResizer = element.previousElementSibling;
+    const prevPanel = prevResizer?.previousElementSibling;
+    const nextResizer = element.nextElementSibling;
+    const nextPanel = nextResizer?.nextElementSibling;
+    const resizersToDisable = {};
+    if (prevResizer && prevPanel && panels[prevPanel.id]) {
+      resizersToDisable[prevResizer.id] = panels[prevPanel.id].isCollapsed ? true : shouldCollapse;
+    }
+    if (nextResizer && nextPanel && panels[nextPanel.id]) {
+      resizersToDisable[nextResizer.id] = panels[nextPanel.id].isCollapsed ? true : shouldCollapse;
+    }
+    let others = {};
+    if (prevPanel && panels[prevPanel.id] && !panels[prevPanel.id].isCollapsed && options.direction === 'right') {
+      others[prevPanel.id] = panels[prevPanel.id];
+    }
+    if (nextPanel && panels[nextPanel.id] && !panels[nextPanel.id].isCollapsed && options.direction === 'left') {
+      others[nextPanel.id] = panels[nextPanel.id];
+    }
+    let siblings = Object.keys(others).length;
+    // several neighbours are collapsed: look further for an open panel
+    if (!siblings) {
+      const maybePrev = getSiblingPanel(element, 'prev');
+      const maybeNext = getSiblingPanel(element, 'next');
+      const validPrev = maybePrev ? panels[maybePrev.id] : undefined;
+      const validNext = maybeNext ? panels[maybeNext.id] : undefined;
+      if (validPrev && options.direction === 'right') {
+        others[validPrev.id] = validPrev;
+      } else if (validNext && options.direction === 'left') {
+        others[validNext.id] = validNext;
+      } else {
+        if (validPrev) others[validPrev.id] = validPrev;
+        if (validNext) others[validNext.id] = validNext;
+      }
+      siblings = Object.keys(others).length;
+    }
+    // collapsed panels keep room for the toggle button (24px)
+    let newSize = shouldCollapse ? pxToPercent(current.mode ? 24 : 0, this.containerSize) : current.prevSize;
+    const delta = shouldCollapse ? (current.size - newSize) / siblings : (newSize - current.size) / siblings * -1;
+    const collapsedSize = Object.values(panels).reduce((sum, panel) => panel.id !== panelId && panel.isCollapsed ? sum + panel.size : sum, 0);
+    // reopening the only open panel: give it all the room left
+    if (!shouldCollapse && !siblings) newSize = 100 - collapsedSize;
+    let updated;
+    if (delta < 0 && Object.values(others).some(panel => panel.size + delta < getPanelMinSize(panel.minSize, this.containerSize))) {
+      // not enough room next to it: share the space evenly between open panels
+      others = Object.fromEntries(Object.values(panels).filter(panel => panel.id !== panelId && !panel.isCollapsed).map(panel => [panel.id, panel]));
+      newSize = (100 - collapsedSize) / (Object.keys(others).length + 1);
+      updated = Object.fromEntries(Object.values(others).map(panel => [panel.id, {
+        ...panel,
+        size: newSize
+      }]));
+    } else {
+      updated = Object.fromEntries(Object.values(others).map(panel => [panel.id, {
+        ...panel,
+        size: panel.size + delta
+      }]));
+    }
+    this.panels = {
+      ...panels,
+      ...updated,
+      [panelId]: {
+        ...current,
+        size: newSize,
+        isCollapsed: shouldCollapse,
+        prevSize: shouldCollapse ? current.size : newSize
+      }
+    };
+    this.resizers = Object.fromEntries(Object.values(this.resizers).map(resizer => [resizer.id, {
+      ...resizer,
+      isFocused: false,
+      isDisabled: resizersToDisable[resizer.id] ?? resizer.isDisabled
+    }]));
+    this.changed();
+  }
+  static {
+    n(this.prototype, "togglePanel", [action]);
+  }
+  onPanelToggle(panelId, options) {
+    this.togglePanel(panelId, options);
+    this.args.onToggleCollapsed?.(panelId, options);
+  }
+  static {
+    n(this.prototype, "onPanelToggle", [action]);
+  }
+  registerElement = modifier(element => {
+    this.element = element;
+    this.measure();
+  });
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n<div class={{this.classes}} {{on \"mousemove\" this.onMouseMove}} {{on \"mouseup\" this.onMouseUp}} {{on \"mouseleave\" this.onMouseUp}} {{on \"touchmove\" this.onMouseMove}} {{on \"touchend\" this.onMouseUp}} {{resizeObserver onResize=this.onContainerResize}} {{this.registerElement}} ...attributes>\n  {{yield (hash Panel=(component EuiResizablePanel container=this) Button=(component EuiResizableButton container=this) togglePanel=this.togglePanel)}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        resizeObserver: ResizeObserver,
+        hash,
+        EuiResizablePanel,
+        EuiResizableButton
+      })
+    }), this);
+  }
+}
+
+export { EuiResizableContainer as default };
+//# sourceMappingURL=eui-resizable-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-resizable-container.js","sources":["../../src/components/eui-resizable-container.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { modifier } from 'ember-modifier';\n\nimport {\n  getPanelMinSize,\n  getPointerPosition,\n  getSiblingPanel,\n  pxToPercent,\n  sizesOnly\n} from '../-private/resizable.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiResizableButton from './eui-resizable-container/button.gts';\nimport EuiResizablePanel from './eui-resizable-container/panel.gts';\n\nimport type { PanelState, ResizerState } from '../-private/resizable.ts';\nimport type { EuiResizableButtonSignature } from './eui-resizable-container/button';\nimport type { EuiResizablePanelSignature } from './eui-resizable-container/panel';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface ToggleOptions {\n  /** Which way the panel collapses: toward the `'left'` or the `'right'`. */\n  direction: 'left' | 'right';\n}\n\n/**\n * Panels separated by draggable resize buttons, side by side\n * (`'horizontal'`) or stacked (`'vertical'`), like an IDE's sidebar and\n * editor. It yields `{ Panel, Button, togglePanel }`: alternate\n * `<c.Panel>`s and `<c.Button />`s as its direct children. Panels can be\n * collapsible (`@mode=\"collapsible\"` next to a `@mode=\"main\"` one).\n */\nexport interface EuiResizableContainerSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** `'horizontal'` (side by side) or `'vertical'` (stacked). Defaults to `'horizontal'`. */\n    direction?: 'horizontal' | 'vertical';\n    /** Called with every panel's size (`{ [panelId]: percent }`) after a change. */\n    onPanelWidthChange?: (sizes: Record<string, number>) => void;\n    /** Called when a panel is collapsed or expanded. */\n    onToggleCollapsed?: (panelId: string, options: ToggleOptions) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        /** A panel; see `EuiResizablePanel`'s arguments. */\n        Panel: ComponentLike<{\n          Element: HTMLDivElement;\n          Args: Omit<EuiResizablePanelSignature['Args'], 'container'>;\n          Blocks: EuiResizablePanelSignature['Blocks'];\n        }>;\n        /** The draggable separator between two panels. */\n        Button: ComponentLike<{\n          Element: HTMLButtonElement;\n          Args: Omit<EuiResizableButtonSignature['Args'], 'container'>;\n        }>;\n        /** Collapses or expands a panel by id, e.g. from a button elsewhere. */\n        togglePanel: (panelId: string, options: ToggleOptions) => void;\n      }\n    ];\n  };\n}\n\nexport default class EuiResizableContainer extends Component<EuiResizableContainerSignature> {\n  @tracked panels: Record<string, PanelState> = {};\n  @tracked resizers: Record<string, ResizerState> = {};\n  @tracked isDragging = false;\n\n  currentResizerPos = -1;\n  prevPanelId: string | null = null;\n  nextPanelId: string | null = null;\n  containerSize = 1;\n  element?: HTMLElement;\n\n  get isHorizontal(): boolean {\n    return (this.args.direction ?? 'horizontal') === 'horizontal';\n  }\n\n  get classes(): string {\n    return `euiResizableContainer euiResizableContainer--${this.isHorizontal ? 'horizontal' : 'vertical'}`;\n  }\n\n  measure(): void {\n    if (!this.element) return;\n\n    const { width, height } = this.element.getBoundingClientRect();\n\n    this.containerSize = this.isHorizontal ? width : height;\n  }\n\n  changed(): void {\n    this.args.onPanelWidthChange?.(sizesOnly(this.panels));\n  }\n\n  /* registration ---------------------------------------------------------- */\n\n  registerPanel = (panel: PanelState): void => {\n    this.panels = { ...this.panels, [panel.id]: panel };\n  };\n\n  deregisterPanel = (panelId: string): void => {\n    const { [panelId]: _removed, ...panels } = this.panels;\n\n    this.panels = panels;\n  };\n\n  registerResizer = (resizer: ResizerState): void => {\n    this.resizers = { ...this.resizers, [resizer.id]: resizer };\n  };\n\n  deregisterResizer = (resizerId: string): void => {\n    const { [resizerId]: _removed, ...resizers } = this.resizers;\n\n    this.resizers = resizers;\n  };\n\n  /* resizing -------------------------------------------------------------- */\n\n  resize(prevPanelId: string, nextPanelId: string, deltaPx: number): boolean {\n    const prevPanel = this.panels[prevPanelId];\n    const nextPanel = this.panels[nextPanelId];\n\n    if (!prevPanel || !nextPanel) return false;\n\n    this.measure();\n\n    const prevSize = pxToPercent(prevPanel.getSizePx() + deltaPx, this.containerSize);\n    const nextSize = pxToPercent(nextPanel.getSizePx() - deltaPx, this.containerSize);\n\n    if (\n      prevSize < getPanelMinSize(prevPanel.minSize, this.containerSize) ||\n      nextSize < getPanelMinSize(nextPanel.minSize, this.containerSize)\n    ) {\n      return false;\n    }\n\n    this.panels = {\n      ...this.panels,\n      [prevPanelId]: { ...prevPanel, size: prevSize },\n      [nextPanelId]: { ...nextPanel, size: nextSize }\n    };\n    this.changed();\n\n    return true;\n  }\n\n  @action\n  onResizerMouseDown(event: MouseEvent | TouchEvent): void {\n    const button = event.currentTarget as HTMLElement;\n    const prevPanel = button.previousElementSibling;\n    const nextPanel = button.nextElementSibling;\n\n    if (!prevPanel || !nextPanel) return;\n\n    this.isDragging = true;\n    this.currentResizerPos = getPointerPosition(event, this.isHorizontal);\n    this.prevPanelId = prevPanel.id;\n    this.nextPanelId = nextPanel.id;\n  }\n\n  @action\n  onMouseMove(event: MouseEvent | TouchEvent): void {\n    if (!this.isDragging || !this.prevPanelId || !this.nextPanelId) return;\n\n    const position = getPointerPosition(event, this.isHorizontal);\n\n    if (this.resize(this.prevPanelId, this.nextPanelId, position - this.currentResizerPos)) {\n      this.currentResizerPos = position;\n    }\n  }\n\n  @action\n  onMouseUp(): void {\n    this.isDragging = false;\n    this.currentResizerPos = -1;\n    this.prevPanelId = null;\n    this.nextPanelId = null;\n  }\n\n  @action\n  onResizerKeyDown(event: KeyboardEvent): void {\n    const button = event.currentTarget as HTMLElement;\n    const { key } = event;\n    const forward = key === 'ArrowDown' || key === 'ArrowRight';\n    const backward = key === 'ArrowUp' || key === 'ArrowLeft';\n    const matchesDirection = this.isHorizontal\n      ? key === 'ArrowLeft' || key === 'ArrowRight'\n      : key === 'ArrowUp' || key === 'ArrowDown';\n    const prevPanelId = button.previousElementSibling?.id;\n    const nextPanelId = button.nextElementSibling?.id;\n\n    if (!(forward || backward) || !matchesDirection || !prevPanelId || !nextPanelId) return;\n\n    event.preventDefault();\n    this.resize(prevPanelId, nextPanelId, forward ? 10 : -10);\n  }\n\n  @action\n  onResizerFocus(resizerId: string): void {\n    this.resizers = Object.fromEntries(\n      Object.values(this.resizers).map((resizer) => [\n        resizer.id,\n        { ...resizer, isFocused: resizer.id === resizerId }\n      ])\n    );\n  }\n\n  @action\n  onResizerBlur(): void {\n    this.resizers = Object.fromEntries(\n      Object.values(this.resizers).map((resizer) => [resizer.id, { ...resizer, isFocused: false }])\n    );\n  }\n\n  @action\n  onContainerResize(): void {\n    this.measure();\n  }\n\n  /* collapsing ------------------------------------------------------------ */\n\n  @action\n  togglePanel(panelId: string, options: ToggleOptions): void {\n    const current = this.panels[panelId];\n    const element = document.getElementById(panelId);\n\n    if (!current || !element) return;\n\n    this.measure();\n\n    const panels = this.panels;\n    const shouldCollapse = !current.isCollapsed;\n    const prevResizer = element.previousElementSibling;\n    const prevPanel = prevResizer?.previousElementSibling;\n    const nextResizer = element.nextElementSibling;\n    const nextPanel = nextResizer?.nextElementSibling;\n    const resizersToDisable: Record<string, boolean> = {};\n\n    if (prevResizer && prevPanel && panels[prevPanel.id]) {\n      resizersToDisable[prevResizer.id] = panels[prevPanel.id]!.isCollapsed ? true : shouldCollapse;\n    }\n    if (nextResizer && nextPanel && panels[nextPanel.id]) {\n      resizersToDisable[nextResizer.id] = panels[nextPanel.id]!.isCollapsed ? true : shouldCollapse;\n    }\n\n    let others: Record<string, PanelState> = {};\n\n    if (prevPanel && panels[prevPanel.id] && !panels[prevPanel.id]!.isCollapsed && options.direction === 'right') {\n      others[prevPanel.id] = panels[prevPanel.id]!;\n    }\n    if (nextPanel && panels[nextPanel.id] && !panels[nextPanel.id]!.isCollapsed && options.direction === 'left') {\n      others[nextPanel.id] = panels[nextPanel.id]!;\n    }\n\n    let siblings = Object.keys(others).length;\n\n    // several neighbours are collapsed: look further for an open panel\n    if (!siblings) {\n      const maybePrev = getSiblingPanel(element, 'prev');\n      const maybeNext = getSiblingPanel(element, 'next');\n      const validPrev = maybePrev ? panels[maybePrev.id] : undefined;\n      const validNext = maybeNext ? panels[maybeNext.id] : undefined;\n\n      if (validPrev && options.direction === 'right') {\n        others[validPrev.id] = validPrev;\n      } else if (validNext && options.direction === 'left') {\n        others[validNext.id] = validNext;\n      } else {\n        if (validPrev) others[validPrev.id] = validPrev;\n        if (validNext) others[validNext.id] = validNext;\n      }\n\n      siblings = Object.keys(others).length;\n    }\n\n    // collapsed panels keep room for the toggle button (24px)\n    let newSize = shouldCollapse\n      ? pxToPercent(current.mode ? 24 : 0, this.containerSize)\n      : current.prevSize;\n    const delta = shouldCollapse\n      ? (current.size - newSize) / siblings\n      : ((newSize - current.size) / siblings) * -1;\n    const collapsedSize = Object.values(panels).reduce(\n      (sum, panel) => (panel.id !== panelId && panel.isCollapsed ? sum + panel.size : sum),\n      0\n    );\n\n    // reopening the only open panel: give it all the room left\n    if (!shouldCollapse && !siblings) newSize = 100 - collapsedSize;\n\n    let updated: Record<string, PanelState>;\n\n    if (\n      delta < 0 &&\n      Object.values(others).some(\n        (panel) => panel.size + delta < getPanelMinSize(panel.minSize, this.containerSize)\n      )\n    ) {\n      // not enough room next to it: share the space evenly between open panels\n      others = Object.fromEntries(\n        Object.values(panels)\n          .filter((panel) => panel.id !== panelId && !panel.isCollapsed)\n          .map((panel) => [panel.id, panel])\n      );\n      newSize = (100 - collapsedSize) / (Object.keys(others).length + 1);\n      updated = Object.fromEntries(\n        Object.values(others).map((panel) => [panel.id, { ...panel, size: newSize }])\n      );\n    } else {\n      updated = Object.fromEntries(\n        Object.values(others).map((panel) => [panel.id, { ...panel, size: panel.size + delta }])\n      );\n    }\n\n    this.panels = {\n      ...panels,\n      ...updated,\n      [panelId]: {\n        ...current,\n        size: newSize,\n        isCollapsed: shouldCollapse,\n        prevSize: shouldCollapse ? current.size : newSize\n      }\n    };\n    this.resizers = Object.fromEntries(\n      Object.values(this.resizers).map((resizer) => [\n        resizer.id,\n        {\n          ...resizer,\n          isFocused: false,\n          isDisabled: resizersToDisable[resizer.id] ?? resizer.isDisabled\n        }\n      ])\n    );\n    this.changed();\n  }\n\n  @action\n  onPanelToggle(panelId: string, options: ToggleOptions): void {\n    this.togglePanel(panelId, options);\n    this.args.onToggleCollapsed?.(panelId, options);\n  }\n\n  registerElement = modifier((element: HTMLElement) => {\n    this.element = element;\n    this.measure();\n  });\n\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    <div\n      class={{this.classes}}\n      {{on \"mousemove\" this.onMouseMove}}\n      {{on \"mouseup\" this.onMouseUp}}\n      {{on \"mouseleave\" this.onMouseUp}}\n      {{on \"touchmove\" this.onMouseMove}}\n      {{on \"touchend\" this.onMouseUp}}\n      {{resizeObserver onResize=this.onContainerResize}}\n      {{this.registerElement}}\n      ...attributes\n    >\n      {{yield\n        (hash\n          Panel=(component EuiResizablePanel container=this)\n          Button=(component EuiResizableButton container=this)\n          togglePanel=this.togglePanel\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["EuiResizableContainer","Component","g","prototype","tracked","i","currentResizerPos","prevPanelId","nextPanelId","containerSize","element","isHorizontal","args","direction","classes","measure","width","height","getBoundingClientRect","changed","onPanelWidthChange","sizesOnly","panels","registerPanel","panel","id","deregisterPanel","panelId","_removed","registerResizer","resizer","resizers","deregisterResizer","resizerId","resize","deltaPx","prevPanel","nextPanel","prevSize","pxToPercent","getSizePx","nextSize","getPanelMinSize","minSize","size","onResizerMouseDown","event","button","currentTarget","previousElementSibling","nextElementSibling","isDragging","getPointerPosition","n","action","onMouseMove","position","onMouseUp","onResizerKeyDown","key","forward","backward","matchesDirection","preventDefault","onResizerFocus","Object","fromEntries","values","map","isFocused","onResizerBlur","onContainerResize","togglePanel","options","current","document","getElementById","shouldCollapse","isCollapsed","prevResizer","nextResizer","resizersToDisable","others","siblings","keys","length","maybePrev","getSiblingPanel","maybeNext","validPrev","undefined","validNext","newSize","mode","delta","collapsedSize","reduce","sum","updated","some","filter","isDisabled","onPanelToggle","onToggleCollapsed","registerElement","modifier","setComponentTemplate","precompileTemplate","strictMode","scope","on","resizeObserver","hash","EuiResizablePanel","EuiResizableButton"],"mappings":"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"}