@ember-eui/core 14.1.4 → 16.0.0

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

@@ -1,27 +1,53 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { useEuiBorealisStyles } from '../../utils/eui/styles.js';
+import { v as euiScreenReaderOnlyStyles, eQ as euiResizableCollapseButtonStyles } from '../../styles.generated-SYAxYhey.js';
 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';
+import { n } from 'decorator-transforms/runtime-esm';
 
-function icon(externalPosition, direction, isCollapsed) {
+/** Upstream's `transition*In/Out` icons. */function icon(externalPosition, direction, isCollapsed) {
   const horizontal = direction === 'horizontal';
   if (externalPosition === 'before') {
-    return isCollapsed ? horizontal ? 'menuLeft' : 'menuUp' : horizontal ? 'menuRight' : 'menuDown';
+    return isCollapsed ? horizontal ? 'transitionLeftOut' : 'transitionTopOut' : horizontal ? 'transitionLeftIn' : 'transitionTopIn';
   }
-  return isCollapsed ? horizontal ? 'menuRight' : 'menuDown' : horizontal ? 'menuLeft' : 'menuUp';
+  return isCollapsed ? horizontal ? 'transitionRightOut' : 'transitionBottomOut' : horizontal ? 'transitionRightIn' : 'transitionBottomIn';
 }
-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: an empty
+ * text `EuiButtonIcon`, styled through its `@css`. While the panel is open
+ * it floats over the edge (shown when its resizer has focus, or while it
+ * has focus itself); a collapsed panel is all button.
+ */
+class EuiResizableCollapseButton extends Component {
+  get css() {
+    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizableCollapseButtonStyles);
+    const {
+      direction,
+      externalPosition,
+      isCollapsed,
+      isVisible
+    } = this.args;
+    const internalPosition = this.args.internalPosition ?? 'middle';
+    return [styles.euiResizableCollapseButton, !isCollapsed && !isVisible && euiScreenReaderOnlyStyles['euiScreenReaderOnly-showOnFocus'], ...(isCollapsed ? [styles.collapsed.collapsed, styles.collapsed[direction], styles.collapsed[`${direction}Positions`][internalPosition]] : [styles.collapsible.collapsible, styles.collapsible[direction][externalPosition], styles.collapsible[direction][internalPosition]])];
+  }
+  static {
+    n(this.prototype, "css", [cached]);
+  }
+  get iconType() {
+    return icon(this.args.externalPosition, this.args.direction, this.args.isCollapsed);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiButtonIcon class=\"euiResizableCollapseButton\" @display=\"empty\" @color=\"text\" @iconType={{this.iconType}} @css={{this.css}} ...attributes />", {
+      strictMode: true,
+      scope: () => ({
+        EuiButtonIcon
+      })
+    }), this);
+  }
 }
-/** @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

@@ -1 +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;;"}
+{"version":3,"file":"collapse-button.js","sources":["../../../src/components/eui-resizable-container/collapse-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiResizableCollapseButtonStyles,\n  euiScreenReaderOnlyStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\n\ntype InternalPosition = 'top' | 'middle' | 'bottom' | 'left' | 'right';\n\ninterface CollapseButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    externalPosition: 'before' | 'after';\n    internalPosition?: InternalPosition;\n    direction: 'horizontal' | 'vertical';\n    isVisible?: boolean;\n    isCollapsed?: boolean;\n  };\n}\n\n/** Upstream's `transition*In/Out` icons. */\nfunction icon(externalPosition: string, direction: string, isCollapsed?: boolean): string {\n  const horizontal = direction === 'horizontal';\n\n  if (externalPosition === 'before') {\n    return isCollapsed ? (horizontal ? 'transitionLeftOut' : 'transitionTopOut') : horizontal ? 'transitionLeftIn' : 'transitionTopIn';\n  }\n\n  return isCollapsed ? (horizontal ? 'transitionRightOut' : 'transitionBottomOut') : horizontal ? 'transitionRightIn' : 'transitionBottomIn';\n}\n\n/**\n * @private The button collapsing or expanding a resizable panel: an empty\n * text `EuiButtonIcon`, styled through its `@css`. While the panel is open\n * it floats over the edge (shown when its resizer has focus, or while it\n * has focus itself); a collapsed panel is all button.\n */\nexport default class EuiResizableCollapseButton extends Component<CollapseButtonSignature> {\n  @cached\n  get css(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizableCollapseButtonStyles);\n    const { direction, externalPosition, isCollapsed, isVisible } = this.args;\n    const internalPosition = this.args.internalPosition ?? 'middle';\n\n    return [\n      styles.euiResizableCollapseButton,\n      !isCollapsed && !isVisible && euiScreenReaderOnlyStyles['euiScreenReaderOnly-showOnFocus'],\n      ...(isCollapsed\n        ? [\n            styles.collapsed.collapsed,\n            styles.collapsed[direction],\n            styles.collapsed[`${direction}Positions`][internalPosition]\n          ]\n        : [\n            styles.collapsible.collapsible,\n            styles.collapsible[direction][externalPosition],\n            styles.collapsible[direction][internalPosition]\n          ])\n    ];\n  }\n\n  get iconType(): string {\n    return icon(this.args.externalPosition, this.args.direction, this.args.isCollapsed);\n  }\n\n  <template>\n    <EuiButtonIcon\n      class=\"euiResizableCollapseButton\"\n      @display=\"empty\"\n      @color=\"text\"\n      @iconType={{this.iconType}}\n      @css={{this.css}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["icon","externalPosition","direction","isCollapsed","horizontal","EuiResizableCollapseButton","Component","css","styles","useEuiBorealisStyles","getEuiThemeContext","euiResizableCollapseButtonStyles","isVisible","args","internalPosition","euiResizableCollapseButton","euiScreenReaderOnlyStyles","collapsed","collapsible","n","prototype","cached","iconType","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon"],"mappings":";;;;;;;;;;AA0BA,4CACA,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,sBAAsB,kBAAkB,GAAIA,aAAa,kBAAA,GAAqB,iBAAA;AACnH,EAAA;AAEA,EAAA,OAAOD,cAAeC,UAAA,GAAa,uBAAuB,qBAAqB,GAAIA,aAAa,mBAAA,GAAsB,oBAAA;AACxH;AAEA;;;;;;AAMe,MAAMC,0BAAA,SAAmCC,SAAA,CAAU;EAChE,IACIC,MAAc;IAChB,MAAMC,MAAA,GAASC,oBAAA,CAAqBC,kBAAA,CAAmB,IAAI,CAAA,EAAGC,gCAAA,CAAA;IAC9D,MAAM;MAAET,SAAS;MAAED,gBAAgB;MAAEE,WAAW;AAAES,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;IACzE,MAAMC,mBAAmB,IAAI,CAACD,IAAI,CAACC,gBAAgB,IAAI,QAAA;AAEvD,IAAA,OAAO,CACLN,MAAA,CAAOO,0BAA0B,EACjC,CAACZ,WAAA,IAAe,CAACS,SAAA,IAAaI,yBAAyB,CAAC,iCAAA,CAAkC,EACvF,IAACb,WAAA,GACA,CACEK,MAAA,CAAOS,SAAS,CAACA,SAAS,EAC1BT,MAAA,CAAOS,SAAS,CAACf,SAAA,CAAU,EAC3BM,MAAA,CAAOS,SAAS,CAAC,CAAA,EAAGf,SAAA,CAAA,SAAA,CAAoB,CAAC,CAACY,gBAAA,CAAiB,CAC5D,GACD,CACEN,MAAA,CAAOU,WAAW,CAACA,WAAW,EAC9BV,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACD,gBAAA,CAAiB,EAC/CO,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACY,gBAAA,CAAiB,CAChD,CAAA,CACN;AACH,EAAA;AAAA,EAAA;IAAAK,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CArBCC,MAAA,CAAA,CAAA;AAAA;EAuBD,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOtB,KAAK,IAAI,CAACa,IAAI,CAACZ,gBAAgB,EAAE,IAAI,CAACY,IAAI,CAACX,SAAS,EAAE,IAAI,CAACW,IAAI,CAACV,WAAW,CAAA;AACpF,EAAA;AAEA,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CAAA,uJAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,4 +1,5 @@
 import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import { schedule } from '@ember/runloop';
@@ -6,19 +7,15 @@ 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 { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.js';
+import { j as euiPaddingSize, em as euiResizablePanelStyles, en as euiResizablePanelContentStyles } from '../../styles.generated-SYAxYhey.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]);
@@ -43,7 +40,15 @@ class EuiResizablePanel extends Component {
   }
   get togglePosition() {
     const mode = this.args.mode;
-    return (Array.isArray(mode) ? mode[1].position : undefined) ?? 'middle';
+    return (Array.isArray(mode) ? mode[1]?.position : undefined) ?? 'middle';
+  }
+  get toggleClassName() {
+    const mode = this.args.mode;
+    return Array.isArray(mode) ? mode[1]?.className : undefined;
+  }
+  get toggleTestSubj() {
+    const mode = this.args.mode;
+    return Array.isArray(mode) ? mode[1]?.['data-test-subj'] : undefined;
   }
   get isCollapsible() {
     return this.modeType === 'collapsible';
@@ -65,12 +70,35 @@ class EuiResizablePanel extends Component {
     });
   }
   get classes() {
-    return ['euiResizablePanel', WRAPPER_PADDING[this.args.wrapperPadding ?? 'none'], this.isCollapsible && 'euiResizablePanel--collapsible', this.isCollapsed && 'euiResizablePanel-isCollapsed', `euiResizablePanel--${this.position}`].filter(Boolean).join(' ');
+    const context = getEuiThemeContext(this);
+    const styles = euiResizablePanelStyles;
+    return `euiResizablePanel ${euiClass(context, {
+      boxSizing: 'border-box'
+    }, styles.euiResizablePanel, this.isCollapsed && styles.collapsed, {
+      padding: euiPaddingSize(context.upstream, this.args.wrapperPadding ?? 'none') ?? undefined
+    })}`;
+  }
+  /** Composed into the content `EuiPanel`'s own class. */
+  static {
+    n(this.prototype, "classes", [cached]);
   }
-  get contentClasses() {
-    return this.args.scrollable === false ? 'euiResizablePanel__content' : 'euiResizablePanel__content euiResizablePanel__content--scrollable';
+  get contentCss() {
+    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizablePanelContentStyles);
+    const axis = this.container.isHorizontal ? styles.horizontal : styles.vertical;
+    return [styles.euiResizablePanel__content, this.args.scrollable !== false && styles.scrollable, this.isCollapsed && styles.collapsedChildren, this.isCollapsed && !this.isCollapsible && axis.collapsed, this.isCollapsible && axis.hasCollapsibleButton];
+  }
+  /** Twice the content padding, the smallest the panel can get. */
+  static {
+    n(this.prototype, "contentCss", [cached]);
+  }
+  get paddingSizes() {
+    const padding = euiPaddingSize(getEuiThemeContext(this).upstream, this.args.paddingSize ?? 'm') ?? '0px';
+    return `${parseFloat(padding) * 2}px`;
   }
   /** Which way a middle panel collapses: toward its main neighbour. */
+  static {
+    n(this.prototype, "paddingSizes", [cached]);
+  }
   get direction() {
     if (this.position !== 'middle' || !(this.isCollapsible || this.isCollapsed)) return null;
     const panels = this.container.panels;
@@ -128,7 +156,7 @@ class EuiResizablePanel extends Component {
     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 padding = this.paddingSizes;
     const horizontal = this.container.isHorizontal;
     schedule('afterRender', () => {
       this.resizerIds = [element.previousElementSibling?.id ?? '', element.nextElementSibling?.id ?? ''];
@@ -151,7 +179,7 @@ class EuiResizablePanel extends Component {
     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>", {
+    setComponentTemplate(precompileTemplate("<div id={{this.id}} class={{this.classes}} style={{this.style}} data-collapsed={{if this.isCollapsed \"true\"}} data-position={{this.position}} {{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}} class={{this.toggleClassName}} data-test-subj={{this.toggleTestSubj}} @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=\"euiResizablePanel__content\" @css={{this.contentCss}} @hasShadow={{if @hasShadow true false}} @hasBorder={{if @hasBorder 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}} class={{this.toggleClassName}} data-test-subj={{this.toggleTestSubj}} @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,

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

@@ -1 +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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"}
+{"version":3,"file":"panel.js","sources":["../../../src/components/eui-resizable-container/panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\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 { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiPaddingSize,\n  euiResizablePanelContentStyles,\n  euiResizablePanelStyles\n} from '../../utils/eui/styles.generated.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 { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** Upstream `ToggleOptions`: where the toggle sits and attributes for it. */\nexport interface EuiResizablePanelToggleOptions {\n  /** Where the toggle button sits along the edge. Defaults to `'middle'`. */\n  position?: 'top' | 'middle' | 'bottom' | 'left' | 'right';\n  /** Extra class of the toggle button. */\n  className?: string;\n  /** `data-test-subj` of the toggle button. */\n  'data-test-subj'?: string;\n}\n\ntype Mode = PanelModeType | [PanelModeType, EuiResizablePanelToggleOptions];\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, className, 'data-test-subj' }]`\n     * to place the toggle (`'top'`, `'middle'`, `'bottom'`) and to give it\n     * a class and a `data-test-subj`.\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 (when there is no border). Defaults to `false`. */\n    hasShadow?: boolean;\n    /** Adds a border, like `EuiPanel`'s (whose own default is `true`). Defaults to `false`. */\n    hasBorder?: 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\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 toggleClassName(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.className : undefined;\n  }\n\n  get toggleTestSubj(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.['data-test-subj'] : undefined;\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  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiResizablePanelStyles;\n\n    return `euiResizablePanel ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiResizablePanel,\n      this.isCollapsed && styles.collapsed,\n      { padding: euiPaddingSize(context.upstream, this.args.wrapperPadding ?? 'none') ?? undefined }\n    )}`;\n  }\n\n  /** Composed into the content `EuiPanel`'s own class. */\n  @cached\n  get contentCss(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizablePanelContentStyles);\n    const axis = this.container.isHorizontal ? styles.horizontal : styles.vertical;\n\n    return [\n      styles.euiResizablePanel__content,\n      this.args.scrollable !== false && styles.scrollable,\n      this.isCollapsed && styles.collapsedChildren,\n      this.isCollapsed && !this.isCollapsible && axis.collapsed,\n      this.isCollapsible && axis.hasCollapsibleButton\n    ];\n  }\n\n  /** Twice the content padding, the smallest the panel can get. */\n  @cached\n  get paddingSizes(): string {\n    const padding = euiPaddingSize(getEuiThemeContext(this).upstream, this.args.paddingSize ?? 'm') ?? '0px';\n\n    return `${parseFloat(padding) * 2}px`;\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 = this.paddingSizes;\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      data-collapsed={{if this.isCollapsed \"true\"}}\n      data-position={{this.position}}\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              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\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=\"euiResizablePanel__content\"\n        @css={{this.contentCss}}\n        @hasShadow={{if @hasShadow true false}}\n        @hasBorder={{if @hasBorder 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              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\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":["EuiResizablePanel","Component","g","prototype","service","i","ownId","randomId","element","resizerIds","id","args","container","state","panels","modeType","mode","Array","isArray","togglePosition","position","undefined","toggleClassName","className","toggleTestSubj","isCollapsible","isCollapsed","size","initialSize","style","horizontal","isHorizontal","cssStyle","width","height","classes","context","getEuiThemeContext","styles","euiResizablePanelStyles","euiClass","boxSizing","euiResizablePanel","collapsed","padding","euiPaddingSize","upstream","wrapperPadding","n","cached","contentCss","useEuiBorealisStyles","euiResizablePanelContentStyles","axis","vertical","euiResizablePanel__content","scrollable","collapsedChildren","hasCollapsibleButton","paddingSizes","paddingSize","parseFloat","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","action","register","modifier","minSize","initSize","schedule","previousElementSibling","nextElementSibling","siblings","from","parentElement","children","filter","el","classList","contains","length","registerPanel","prevSize","getSizePx","rect","getBoundingClientRect","deregisterPanel","setComponentTemplate","precompileTemplate","strictMode","scope","isBefore","EuiResizableCollapseButton","resizerVisible","resizerIdOf","resizerDisabled","on","fnToggle","EuiPanel","isAfter","Boolean","isFocused","isDisabled","handler"],"mappings":"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"}

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

@@ -1,11 +1,14 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
+import { tracked, cached } 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 { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { euiClass } from '../utils/eui/styles.js';
+import { cQ as euiResizableContainerStyles } from '../styles.generated-SYAxYhey.js';
 import EuiResizableButton from './eui-resizable-container/button.js';
 import EuiResizablePanel from './eui-resizable-container/panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -32,6 +35,9 @@ class EuiResizableContainer extends Component {
   }
   #isDragging = (i(this, "isDragging"), void 0);
   currentResizerPos = -1;
+  // the resize reported to @onResizeStart, until @onResizeEnd
+  resizeTrigger = null;
+  resizeKeyDirection = null;
   prevPanelId = null;
   nextPanelId = null;
   containerSize = 1;
@@ -40,7 +46,14 @@ class EuiResizableContainer extends Component {
     return (this.args.direction ?? 'horizontal') === 'horizontal';
   }
   get classes() {
-    return `euiResizableContainer euiResizableContainer--${this.isHorizontal ? 'horizontal' : 'vertical'}`;
+    const context = getEuiThemeContext(this);
+    const styles = euiResizableContainerStyles;
+    return `euiResizableContainer ${euiClass(context, {
+      boxSizing: 'border-box'
+    }, styles.euiResizableContainer, this.isHorizontal ? styles.horizontal : styles.vertical)}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
   }
   measure() {
     if (!this.element) return;
@@ -53,6 +66,23 @@ class EuiResizableContainer extends Component {
   changed() {
     this.args.onPanelWidthChange?.(sizesOnly(this.panels));
   }
+  resizeStart(trigger, keyDirection = null) {
+    if (this.resizeTrigger) this.resizeEnd();
+    this.resizeTrigger = trigger;
+    this.resizeKeyDirection = keyDirection;
+    this.args.onResizeStart?.(trigger);
+  }
+  resizeEnd() {
+    if (!this.resizeTrigger) return;
+    this.resizeTrigger = null;
+    this.resizeKeyDirection = null;
+    this.args.onResizeEnd?.();
+  }
+  keyDirection(key) {
+    if (this.isHorizontal ? key === 'ArrowLeft' : key === 'ArrowUp') return 'backward';
+    if (this.isHorizontal ? key === 'ArrowRight' : key === 'ArrowDown') return 'forward';
+    return null;
+  }
   /* registration ---------------------------------------------------------- */
   registerPanel = panel => {
     this.panels = {
@@ -110,6 +140,7 @@ class EuiResizableContainer extends Component {
     const prevPanel = button.previousElementSibling;
     const nextPanel = button.nextElementSibling;
     if (!prevPanel || !nextPanel) return;
+    this.resizeStart('pointer');
     this.isDragging = true;
     this.currentResizerPos = getPointerPosition(event, this.isHorizontal);
     this.prevPanelId = prevPanel.id;
@@ -129,6 +160,7 @@ class EuiResizableContainer extends Component {
     n(this.prototype, "onMouseMove", [action]);
   }
   onMouseUp() {
+    if (this.resizeTrigger === 'pointer') this.resizeEnd();
     this.isDragging = false;
     this.currentResizerPos = -1;
     this.prevPanelId = null;
@@ -139,21 +171,25 @@ class EuiResizableContainer extends Component {
   }
   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 direction = this.keyDirection(event.key);
     const prevPanelId = button.previousElementSibling?.id;
     const nextPanelId = button.nextElementSibling?.id;
-    if (!(forward || backward) || !matchesDirection || !prevPanelId || !nextPanelId) return;
+    if (!direction || !prevPanelId || !nextPanelId) return;
+    if (!event.repeat) this.resizeStart('key', direction);
     event.preventDefault();
-    this.resize(prevPanelId, nextPanelId, forward ? 10 : -10);
+    this.resize(prevPanelId, nextPanelId, direction === 'forward' ? 10 : -10);
   }
   static {
     n(this.prototype, "onResizerKeyDown", [action]);
   }
+  onResizerKeyUp(event) {
+    if (this.resizeTrigger === 'key' && this.resizeKeyDirection === this.keyDirection(event.key)) {
+      this.resizeEnd();
+    }
+  }
+  static {
+    n(this.prototype, "onResizerKeyUp", [action]);
+  }
   onResizerFocus(resizerId) {
     this.resizers = Object.fromEntries(Object.values(this.resizers).map(resizer => [resizer.id, {
       ...resizer,
@@ -164,6 +200,7 @@ class EuiResizableContainer extends Component {
     n(this.prototype, "onResizerFocus", [action]);
   }
   onResizerBlur() {
+    if (this.resizeTrigger === 'key') this.resizeEnd();
     this.resizers = Object.fromEntries(Object.values(this.resizers).map(resizer => [resizer.id, {
       ...resizer,
       isFocused: false

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

@@ -1 +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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"}
+{"version":3,"file":"eui-resizable-container.js","sources":["../../src/components/eui-resizable-container.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, 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 { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass } from '../utils/eui/styles.ts';\nimport { euiResizableContainerStyles } from '../utils/eui/styles.generated.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\n/** What started a resize: dragging a button, or its arrow keys. */\nexport type ResizeTrigger = 'pointer' | 'key';\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     * Called when a resize starts: `'pointer'` when a button is pressed,\n     * `'key'` when an arrow key goes down on a focused button.\n     */\n    onResizeStart?: (trigger: ResizeTrigger) => void;\n    /**\n     * Called when that resize ends: the pointer is released (or leaves the\n     * container), the arrow key is released, or the button loses focus.\n     */\n    onResizeEnd?: () => 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  // the resize reported to @onResizeStart, until @onResizeEnd\n  resizeTrigger: ResizeTrigger | null = null;\n  resizeKeyDirection: 'forward' | 'backward' | null = null;\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  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiResizableContainerStyles;\n\n    return `euiResizableContainer ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiResizableContainer,\n      this.isHorizontal ? styles.horizontal : styles.vertical\n    )}`;\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  resizeStart(trigger: ResizeTrigger, keyDirection: 'forward' | 'backward' | null = null): void {\n    if (this.resizeTrigger) this.resizeEnd();\n\n    this.resizeTrigger = trigger;\n    this.resizeKeyDirection = keyDirection;\n    this.args.onResizeStart?.(trigger);\n  }\n\n  resizeEnd(): void {\n    if (!this.resizeTrigger) return;\n\n    this.resizeTrigger = null;\n    this.resizeKeyDirection = null;\n    this.args.onResizeEnd?.();\n  }\n\n  keyDirection(key: string): 'forward' | 'backward' | null {\n    if (this.isHorizontal ? key === 'ArrowLeft' : key === 'ArrowUp') return 'backward';\n    if (this.isHorizontal ? key === 'ArrowRight' : key === 'ArrowDown') return 'forward';\n\n    return null;\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.resizeStart('pointer');\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    if (this.resizeTrigger === 'pointer') this.resizeEnd();\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 direction = this.keyDirection(event.key);\n    const prevPanelId = button.previousElementSibling?.id;\n    const nextPanelId = button.nextElementSibling?.id;\n\n    if (!direction || !prevPanelId || !nextPanelId) return;\n\n    if (!event.repeat) this.resizeStart('key', direction);\n    event.preventDefault();\n    this.resize(prevPanelId, nextPanelId, direction === 'forward' ? 10 : -10);\n  }\n\n  @action\n  onResizerKeyUp(event: KeyboardEvent): void {\n    if (this.resizeTrigger === 'key' && this.resizeKeyDirection === this.keyDirection(event.key)) {\n      this.resizeEnd();\n    }\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    if (this.resizeTrigger === 'key') this.resizeEnd();\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","resizeTrigger","resizeKeyDirection","prevPanelId","nextPanelId","containerSize","element","isHorizontal","args","direction","classes","context","getEuiThemeContext","styles","euiResizableContainerStyles","euiClass","boxSizing","euiResizableContainer","horizontal","vertical","n","cached","measure","width","height","getBoundingClientRect","changed","onPanelWidthChange","sizesOnly","panels","resizeStart","trigger","keyDirection","resizeEnd","onResizeStart","onResizeEnd","key","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","action","onMouseMove","position","onMouseUp","onResizerKeyDown","repeat","preventDefault","onResizerKeyUp","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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"}