@ember-eui/core 9.0.1 → 10.0.0

package/dist/components/eui-flyout-header.js

@@ -1,24 +1,14 @@
-import templateOnly from '@ember/component/template-only';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import classNames from '../helpers/class-names.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
 
-const EuiFlyoutHeader = setComponentTemplate(precompileTemplate(`
-    <div
-      class={{classNames
-        "euiFlyoutHeader"
-        (if @hasBorder "euiFlyoutHeader--hasBorder")
-      }}
-      ...attributes
-    >
-      {{yield}}
-    </div>
-  `, {
-  strictMode: true,
+const EuiFlyoutHeader = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiFlyoutHeader\" (if @hasBorder \"euiFlyoutHeader--hasBorder\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
   scope: () => ({
     classNames
-  })
-}), templateOnly("eui-flyout-header", "EuiFlyoutHeader"));
+  }),
+  strictMode: true
+}), templateOnly());
 
 export { EuiFlyoutHeader as default };
 //# sourceMappingURL=eui-flyout-header.js.map

package/dist/components/eui-flyout-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.ts"],"sourcesContent":["import classNames from '../helpers/class-names';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    hasBorder?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFlyoutHeader: TemplateOnlyComponent<EuiFlyoutHeaderSignature> =\n  [__GLIMMER_TEMPLATE(`\n    <div\n      class={{classNames\n        \"euiFlyoutHeader\"\n        (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  `, { strictMode: true, scope: () => ({classNames}) })];\n\nexport default EuiFlyoutHeader;\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZseW91dC1oZWFkZXIuanMiLCJzb3VyY2VzIjpbImV1aS1mbHlvdXQtaGVhZGVyLmd0cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xhc3NOYW1lcyBmcm9tICcuLi9oZWxwZXJzL2NsYXNzLW5hbWVzJztcblxuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZU9ubHlDb21wb25lbnQgfSBmcm9tICdAZW1iZXIvY29tcG9uZW50L3RlbXBsYXRlLW9ubHknO1xuXG5leHBvcnQgaW50ZXJmYWNlIEV1aUZseW91dEhlYWRlclNpZ25hdHVyZSB7XG4gIEVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50O1xuICBBcmdzOiB7XG4gICAgaGFzQm9yZGVyPzogYm9vbGVhbjtcbiAgfTtcbiAgQmxvY2tzOiB7XG4gICAgZGVmYXVsdDogW107XG4gIH07XG59XG5cbmNvbnN0IEV1aUZseW91dEhlYWRlcjogVGVtcGxhdGVPbmx5Q29tcG9uZW50PEV1aUZseW91dEhlYWRlclNpZ25hdHVyZT4gPVxuICA8dGVtcGxhdGU+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9e3tjbGFzc05hbWVzXG4gICAgICAgIFwiZXVpRmx5b3V0SGVhZGVyXCJcbiAgICAgICAgKGlmIEBoYXNCb3JkZXIgXCJldWlGbHlvdXRIZWFkZXItLWhhc0JvcmRlclwiKVxuICAgICAgfX1cbiAgICAgIC4uLmF0dHJpYnV0ZXNcbiAgICA+XG4gICAgICB7e3lpZWxkfX1cbiAgICA8L2Rpdj5cbiAgPC90ZW1wbGF0ZT47XG5cbmV4cG9ydCBkZWZhdWx0IEV1aUZseW91dEhlYWRlcjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNoRDtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDNUU7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzNDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMxQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNULENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3hCLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDWCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2hCLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDSixDQUFDO0FBQ0Q7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN4RSxDQUFDLENBQUMscUJBQVU7QUFDWjs7Ozs7Ozs7O0NBU0MsQ0FBQyxzREFBVyxDQUFDO0FBQ2Q7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOyJ9"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAcA,MAAMA,eAAgE,GAAAC,oBAAA,CAAAC,kBAAA,CAC1D,CAAA;AACZ;;;;;;;;;AASE,EAAA,CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA,EAAAC,YAAA,CAAW,mBAAA,EAAA,iBAAA,CAAA;;;;"}
+{"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport classNames from '../helpers/class-names.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nexport interface EuiFlyoutHeaderSignature {\n    Element: HTMLDivElement;\n    Args: {\n        hasBorder?: boolean;\n    };\n    Blocks: {\n        default: [];\n    };\n}\nconst EuiFlyoutHeader: TemplateOnlyComponent<EuiFlyoutHeaderSignature> = template(`\n    <div\n      class={{classNames\n        \"euiFlyoutHeader\"\n        (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  `, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nexport default EuiFlyoutHeader;\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZXRvY2FudHU5My9wcnlzbWV4L2VtYmVyLWV1aS9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL2V1aS1mbHlvdXQtaGVhZGVyLmd0cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xhc3NOYW1lcyBmcm9tICcuLi9oZWxwZXJzL2NsYXNzLW5hbWVzLnRzJztcblxuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZU9ubHlDb21wb25lbnQgfSBmcm9tICdAZW1iZXIvY29tcG9uZW50L3RlbXBsYXRlLW9ubHknO1xuXG5leHBvcnQgaW50ZXJmYWNlIEV1aUZseW91dEhlYWRlclNpZ25hdHVyZSB7XG4gIEVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50O1xuICBBcmdzOiB7XG4gICAgaGFzQm9yZGVyPzogYm9vbGVhbjtcbiAgfTtcbiAgQmxvY2tzOiB7XG4gICAgZGVmYXVsdDogW107XG4gIH07XG59XG5cbmNvbnN0IEV1aUZseW91dEhlYWRlcjogVGVtcGxhdGVPbmx5Q29tcG9uZW50PEV1aUZseW91dEhlYWRlclNpZ25hdHVyZT4gPVxuICA8dGVtcGxhdGU-XG4gICAgPGRpdlxuICAgICAgY2xhc3M9e3tjbGFzc05hbWVzXG4gICAgICAgIFwiZXVpRmx5b3V0SGVhZGVyXCJcbiAgICAgICAgKGlmIEBoYXNCb3JkZXIgXCJldWlGbHlvdXRIZWFkZXItLWhhc0JvcmRlclwiKVxuICAgICAgfX1cbiAgICAgIC4uLmF0dHJpYnV0ZXNcbiAgICA-XG4gICAgICB7e3lpZWxkfX1cbiAgICA8L2Rpdj5cbiAgPC90ZW1wbGF0ZT47XG5cbmV4cG9ydCBkZWZhdWx0IEV1aUZseW91dEhlYWRlcjtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxnQkFBZ0IsNEJBQTRCO0FBRW5ELGNBQWMscUJBQXFCLFFBQVEsaUNBQWlDO0FBRTVFLGlCQUFpQjtJQUNmLFNBQVM7SUFDVDtRQUNFLFlBQVksT0FBTzs7SUFFckI7UUFDRTs7O0FBSUosTUFBTSxpQkFBaUIsc0JBQXNCLDRCQUMzQyxTQUFVLENBQUE7Ozs7Ozs7Ozs7RUFVVixDQUFBLEVBQUE7SUFBQTtRQUFBLE9BQUEsS0FBQSxTQUFBLENBQUEsRUFBVztJQUFEO0FBQUE7QUFFWixlQUFlLGdCQUFnQiJ9"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","scope","classNames","strictMode","templateOnly"],"mappings":";;;;;AAcA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAUA,oJAAA,EAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,CAAA;EAAAC,UAAA,EAAA,IAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-flyout.js

@@ -1,244 +1,79 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
-import { concat, hash } from '@ember/helper';
-import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import { throttle } from '@ember/runloop';
-import { element } from 'ember-element-helper';
-import { focusTrap } from 'ember-focus-trap';
-import onKey from 'ember-keyboard/modifiers/on-key';
 import { modifier } from 'ember-modifier';
-import style from 'ember-style-modifier/modifiers/style';
+import { isWithinMinBreakpoint } from '../utils/breakpoint.js';
+import { sizeMapping } from '../utils/css-mappings/eui-flyout.js';
+import { keysOf } from './common.js';
+import { g, i, n } from 'decorator-transforms/runtime';
+import classNames from '../helpers/class-names.js';
 import { eq, or, not, and } from 'ember-truth-helpers';
+import { concat, hash } from '@ember/helper';
+import { focusTrap } from 'ember-focus-trap';
 import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
 import OutsideClickDetector from '../modifiers/outside-click-detector.js';
+import style from 'ember-style-modifier/modifiers/style';
+import onKey from 'ember-keyboard/modifiers/on-key';
 import ResizeObserver from '../modifiers/resize-observer.js';
-import { isWithinMinBreakpoint } from '../utils/breakpoint.js';
-import { sizeMapping } from '../utils/css-mappings/eui-flyout.js';
-import { keysOf } from './common.js';
-import EuiButtonIcon from './eui-button-icon.js';
+import { element } from 'ember-element-helper';
 import EuiOverlayMaskComponent from './eui-overlay-mask.js';
+import EuiButtonIcon from './eui-button-icon.js';
+import { on } from '@ember/modifier';
 import EuiPortal from './eui-portal.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
 
-var _class, _descriptor, _descriptor2;
-const classesModifier = modifier((_element, _pos, {
-  type,
-  isPushed,
-  side,
-  dimensions = {},
-  functionToCallOnWindowResize
+const classesModifier = modifier((_element1, _pos1, {
+  type: type1,
+  isPushed: isPushed1,
+  side: side1,
+  dimensions: dimensions1 = {},
+  functionToCallOnWindowResize: functionToCallOnWindowResize1
 }) => {
   // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)
   document.body.classList.add('euiBody--hasFlyout');
-
   /**
    * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element
    */
-  if (type === 'push') {
+  if (type1 === 'push') {
     // Only add the event listener if we'll need to accommodate with padding
-    window.addEventListener('resize', functionToCallOnWindowResize);
-    if (isPushed && dimensions.width) {
-      if (side === 'right') {
-        document.body.style.paddingRight = `${dimensions.width}px`;
-      } else if (side === 'left') {
-        document.body.style.paddingLeft = `${dimensions.width}px`;
+    window.addEventListener('resize', functionToCallOnWindowResize1);
+    if (isPushed1 && dimensions1.width) {
+      if (side1 === 'right') {
+        document.body.style.paddingRight = `${dimensions1.width}px`;
+      } else if (side1 === 'left') {
+        document.body.style.paddingLeft = `${dimensions1.width}px`;
       }
     }
   }
   return () => {
     document.body.classList.remove('euiBody--hasFlyout');
-    if (type === 'push') {
-      window.removeEventListener('resize', functionToCallOnWindowResize);
-      if (side === 'right') {
+    if (type1 === 'push') {
+      window.removeEventListener('resize', functionToCallOnWindowResize1);
+      if (side1 === 'right') {
         document.body.style.paddingRight = '';
-      } else if (side === 'left') {
+      } else if (side1 === 'left') {
         document.body.style.paddingLeft = '';
       }
     }
   };
 });
 const SIZES = keysOf(sizeMapping);
-function isEuiFlyoutSizeNamed(value) {
-  return SIZES.includes(value);
+function isEuiFlyoutSizeNamed(value1) {
+  return SIZES.includes(value1);
 }
-let EuiFlyoutComponent = setComponentTemplate(precompileTemplate(`
-    {{#let
-      (classNames
-        (if (eq this.maxWidth true) "euiFlyout--maxWidth-default")
-        componentName="EuiFlyout"
-        type=this.type
-        side=this.side
-        size=this.size
-        padding=this.paddingSize
-      )
-      (classNames
-        "euiFlyout__closeButton"
-        (concat "euiFlyout__closeButton--" this.closeButtonPosition)
-        (or @closeButtonProps.className @closeButtonProps.classes)
-      )
-      (modifier
-        focusTrap
-        isActive=(argOrDefault @isFocusTrapActive true)
-        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)
-        isPaused=this.isPushed
-        focusTrapOptions=(argOrDefault
-          @focusTrapOptions
-          (hash
-            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)
-          )
-        )
-      )
-      (modifier
-        outsideClickDetectorModifier
-        isDisabled=(or this.isPushed (not this.outsideClickCloses))
-        onOutsideClick=this.onClose
-      )
-      (modifier styleModifier this.styles)
-      (modifier onKey "Escape" this.onClose)
-      (modifier
-        classesModifier
-        type=this.type
-        isPushed=this.isPushed
-        side=this.side
-        dimensions=this.dimensions
-        functionToCallOnWindowResize=this.functionToCallOnWindowResize
-      )
-      (modifier resizeObserverModifier onResize=this.onResize)
-      (element this.as)
-      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|
-    }}
-
-      {{#if (and this.ownFocus (not this.isPushed))}}
-        <EuiOverlayMask @headerZindexLocation="below" @onClick={{this.onClose}}>
-          <TheElement
-            role={{this.role}}
-            class={{classes}}
-            tabindex={{-1}}
-            {{!@glint-expect-error}}
-            {{currentStyles}}
-            {{!@glint-expect-error}}
-            {{focusTrapModifier}}
-            {{outsideClickDetector}}
-            {{classesModifier}}
-            {{resizeObserver}}
-            ...attributes
-          >
-            {{#if (and @onClose (not @hideCloseButton))}}
-              <EuiButtonIcon
-                @display={{if
-                  (eq this.closeButtonPosition "outside")
-                  "fill"
-                  "empty"
-                }}
-                @iconType="cross"
-                @color="text"
-                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}
-                data-test-subj="euiFlyoutCloseButton"
-                class={{closeButtonClasses}}
-                {{on "click" this.onButtonCloseClicked}}
-              />
-            {{/if}}
-            {{yield}}
-          </TheElement>
-        </EuiOverlayMask>
-      {{else if (not this.isPushed)}}
-        <EuiPortal>
-          <TheElement
-            role={{this.role}}
-            class={{classes}}
-            tabindex={{-1}}
-            {{currentStyles}}
-            {{!@glint-expect-error}}
-            {{focusTrapModifier}}
-            {{outsideClickDetector}}
-            {{classesModifier}}
-            {{resizeObserver}}
-            ...attributes
-          >
-            {{#if (and @onClose (not @hideCloseButton))}}
-              <EuiButtonIcon
-                @display={{if
-                  (eq this.closeButtonPosition "outside")
-                  "fill"
-                  "empty"
-                }}
-                @iconType="cross"
-                @color="text"
-                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}
-                data-test-subj="euiFlyoutCloseButton"
-                class={{closeButtonClasses}}
-                {{on "click" this.onButtonCloseClicked}}
-              />
-            {{/if}}
-            {{yield}}
-          </TheElement>
-        </EuiPortal>
-      {{else}}
-        <TheElement
-          role={{this.role}}
-          class={{classes}}
-          tabindex={{-1}}
-          {{currentStyles}}
-          {{!@glint-expect-error}}
-          {{focusTrapModifier}}
-          {{outsideClickDetector}}
-          {{onEscape}}
-          {{classesModifier}}
-          {{resizeObserver}}
-          ...attributes
-        >
-          {{#if (and @onClose (not @hideCloseButton))}}
-            <EuiButtonIcon
-              @display={{if
-                (eq this.closeButtonPosition "outside")
-                "fill"
-                "empty"
-              }}
-              @iconType="cross"
-              @color="text"
-              aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}
-              data-test-subj="euiFlyoutCloseButton"
-              class={{closeButtonClasses}}
-              {{on "click" this.onButtonCloseClicked}}
-            />
-          {{/if}}
-          {{yield}}
-        </TheElement>
-      {{/if}}
-    {{/let}}
-  `, {
-  strictMode: true,
-  scope: () => ({
-    classNames,
-    eq,
-    concat,
-    or,
-    focusTrap,
-    argOrDefault,
-    hash,
-    not,
-    outsideClickDetectorModifier: OutsideClickDetector,
-    styleModifier: style,
-    onKey,
-    classesModifier,
-    resizeObserverModifier: ResizeObserver,
-    element,
-    and,
-    EuiOverlayMask: EuiOverlayMaskComponent,
-    EuiButtonIcon,
-    on,
-    EuiPortal
-  })
-}), (_class = class EuiFlyoutComponent extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "windowIsLargeEnoughToPush", _descriptor, this);
-    _initializerDefineProperty(this, "dimensions", _descriptor2, this);
+class EuiFlyoutComponent extends Component {
+  static {
+    g(this.prototype, "windowIsLargeEnoughToPush", [tracked], function () {
+      return isWithinMinBreakpoint(typeof window === 'undefined' ? -Infinity : window.innerWidth, this.pushMinBreakpoint);
+    });
   }
+  #windowIsLargeEnoughToPush = (i(this, "windowIsLargeEnoughToPush"), void 0);
+  static {
+    g(this.prototype, "dimensions", [tracked]);
+  }
+  #dimensions = (i(this, "dimensions"), void 0);
   get as() {
     return this.args.as ?? 'div';
   }
@@ -279,21 +114,21 @@ let EuiFlyoutComponent = setComponentTemplate(precompileTemplate(`
     return this.type === 'push' && this.windowIsLargeEnoughToPush;
   }
   get styles() {
-    let newStyle = {};
+    let newStyle1 = {};
     if (this.maxWidth !== false) {
-      const value = typeof this.maxWidth === 'number' ? `${this.maxWidth}px` : this.maxWidth;
-      newStyle = {
-        maxWidth: value
+      const value1 = typeof this.maxWidth === 'number' ? `${this.maxWidth}px` : this.maxWidth;
+      newStyle1 = {
+        maxWidth: value1
       };
     }
-    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {
-      newStyle['width'] = this.size;
+    if (!isEuiFlyoutSizeNamed(this.size) && newStyle1) {
+      newStyle1['width'] = this.size;
     } else {
-      newStyle = {
+      newStyle1 = {
         width: this.size
       };
     }
-    return newStyle;
+    return newStyle1;
   }
   functionToCallOnWindowResize() {
     throttle(() => {
@@ -304,29 +139,55 @@ let EuiFlyoutComponent = setComponentTemplate(precompileTemplate(`
       }
     }, 50);
   }
+  static {
+    n(this.prototype, "functionToCallOnWindowResize", [action]);
+  }
   onClose() {
     this.args.onClose?.();
   }
-  onButtonCloseClicked(e) {
-    this.onClose();
-    this.args.closeButtonProps?.onClick?.(e);
-  }
-  onResize(dimensions) {
-    this.dimensions = dimensions;
+  static {
+    n(this.prototype, "onClose", [action]);
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "windowIsLargeEnoughToPush", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return isWithinMinBreakpoint(typeof window === 'undefined' ? -Infinity : window.innerWidth, this.pushMinBreakpoint);
+  onButtonCloseClicked(e1) {
+    this.onClose();
+    this.args.closeButtonProps?.onClick?.(e1);
+  }
+  static {
+    n(this.prototype, "onButtonCloseClicked", [action]);
+  }
+  onResize(dimensions1) {
+    this.dimensions = dimensions1;
+  }
+  static {
+    n(this.prototype, "onResize", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (classNames (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\") componentName=\"EuiFlyout\" type=this.type side=this.side size=this.size padding=this.paddingSize) (classNames \"euiFlyout__closeButton\" (concat \"euiFlyout__closeButton--\" this.closeButtonPosition) (or @closeButtonProps.className @closeButtonProps.classes)) (modifier focusTrap isActive=(argOrDefault @isFocusTrapActive true) shouldSelfFocus=(argOrDefault @shouldSelfFocus true) isPaused=this.isPushed focusTrapOptions=(argOrDefault @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)))) (modifier outsideClickDetectorModifier isDisabled=(or this.isPushed (not this.outsideClickCloses)) onOutsideClick=this.onClose) (modifier styleModifier this.styles) (modifier onKey \"Escape\" this.onClose) (modifier classesModifier type=this.type isPushed=this.isPushed side=this.side dimensions=this.dimensions functionToCallOnWindowResize=this.functionToCallOnWindowResize) (modifier resizeObserverModifier onResize=this.onResize) (element this.as) as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|}}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{!--@glint-expect-error--}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{classesModifier}} {{resizeObserver}} ...attributes>\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{classesModifier}} {{resizeObserver}} ...attributes>\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement role={{this.role}} class={{classes}} tabindex={{-1}} {{currentStyles}} {{!--@glint-expect-error--}} {{focusTrapModifier}} {{outsideClickDetector}} {{onEscape}} {{classesModifier}} {{resizeObserver}} ...attributes>\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon @display={{if (eq this.closeButtonPosition \"outside\") \"fill\" \"empty\"}} @iconType=\"cross\" @color=\"text\" aria-label={{or @closeButtonAriaLabel @closeAriaLabel}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  ", {
+      scope: () => ({
+        classNames,
+        eq,
+        concat,
+        or,
+        focusTrap,
+        argOrDefault,
+        hash,
+        not,
+        outsideClickDetectorModifier: OutsideClickDetector,
+        styleModifier: style,
+        onKey,
+        classesModifier,
+        resizeObserverModifier: ResizeObserver,
+        element,
+        and,
+        EuiOverlayMask: EuiOverlayMaskComponent,
+        EuiButtonIcon,
+        on,
+        EuiPortal
+      }),
+      strictMode: true
+    }), this);
   }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "dimensions", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "functionToCallOnWindowResize", [action], Object.getOwnPropertyDescriptor(_class.prototype, "functionToCallOnWindowResize"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClose", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClose"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onButtonCloseClicked", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onButtonCloseClicked"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onResize", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onResize"), _class.prototype)), _class));
+}
 
 export { SIZES, EuiFlyoutComponent as default };
 //# sourceMappingURL=eui-flyout.js.map