npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.1.0 - Mend

@ember-eui/core 13.0.5 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2392) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n Element: Element;\n Args: {\n grow?: keyof typeof growMapping \| boolean;\n tagName?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n {{#let (argOrDefault @tagName \"div\") as \|tagName\|}}\n {{#if (eq tagName \"div\")}}\n <div\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </div>\n {{else if (eq tagName \"span\")}}\n <span\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </span>\n {{else}}\n {{#let (element tagName) as \|TagElement\|}}\n <TagElement\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </TagElement>\n {{/let}}\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;~~AAoBA~~,MAAMA,~~WAA2D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA2BjE~~,~~mnBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n Element: Element;\n Args: {\n /*\n How the item grows: `true` (default) takes an equal share of the\n * space, `false` only takes its content's width, `1`–`10` take that\n * many shares.\n /\n grow?: keyof typeof growMapping \| boolean;\n /* Tag of the item. Defaults to `'div'`. /\n tagName?: string;\n };\n Blocks: {\n /* The content. */\n default: [];\n };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n {{#let (argOrDefault @tagName \"div\") as \|tagName\|}}\n {{#if (eq tagName \"div\")}}\n <div\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </div>\n {{else if (eq tagName \"span\")}}\n <span\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </span>\n {{else}}\n {{#let (element tagName) as \|TagElement\|}}\n <TagElement\n class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n ...attributes\n >\n {{yield}}\n </TagElement>\n {{/let}}\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,6kBAAA,EA2BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-flyout-body.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFlyoutBody = setComponentTemplate(precompileTemplate("\n  <div class=\"euiFlyoutBody\" ...attributes>\n    <div tabindex={{0}} class={{classNames \"euiFlyoutBody__overflow\" (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")}}>\n      {{#if (has-block \"banner\")}}\n        <div class=\"euiFlyoutBody__banner\">\n          {{yield to=\"banner\"}}\n        </div>\n      {{/if}}\n\n      {{#if (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))}}\n        <div class=\"euiFlyoutBody__overflowContent\">\n          {{#if (has-block \"default\")}}\n            {{yield to=\"default\"}}\n          {{else}}\n            {{yield to=\"content\"}}\n          {{/if}}\n        </div>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </div>\n", {
+const EuiFlyoutBody = setComponentTemplate(precompileTemplate("<div class=\"euiFlyoutBody\" ...attributes>\n  <div tabindex={{0}} class={{classNames \"euiFlyoutBody__overflow\" (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")}}>\n    {{#if (has-block \"banner\")}}\n      <div class=\"euiFlyoutBody__banner\">\n        {{yield to=\"banner\"}}\n      </div>\n    {{/if}}\n\n    {{#if (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))}}\n      <div class=\"euiFlyoutBody__overflowContent\">\n        {{#if (has-block \"default\")}}\n          {{yield to=\"default\"}}\n        {{else}}\n          {{yield to=\"content\"}}\n        {{/if}}\n      </div>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-flyout-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutBodySignature {\n Element: HTMLDivElement;\n Blocks: {\n banner?: [];\n content?: [];\n default?: [];\n };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n <div class=\"euiFlyoutBody\" ...attributes>\n <div\n tabindex={{0}}\n class={{classNames\n \"euiFlyoutBody__overflow\"\n (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n }}\n >\n {{#if (has-block \"banner\")}}\n <div class=\"euiFlyoutBody__banner\">\n {{yield to=\"banner\"}}\n </div>\n {{/if}}\n\n {{#if\n (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n }}\n <div class=\"euiFlyoutBody__overflowContent\">\n {{#if (has-block \"default\")}}\n {{yield to=\"default\"}}\n {{else}}\n {{yield to=\"content\"}}\n {{/if}}\n </div>\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;~~AAeA~~,MAAMA,~~aAA+D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA8BrE~~,~~muBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-flyout-body.js","sources":["../../src/components/eui-flyout-body.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The scrolling main content of an EuiFlyout. /\nexport interface EuiFlyoutBodySignature {\n Element: HTMLDivElement;\n Blocks: {\n /* Content pinned above the scrolling body, e.g. an `EuiCallOut`. /\n banner?: [];\n /* The body; same as the default block. /\n content?: [];\n /* The body. */\n default?: [];\n };\n}\n\nconst EuiFlyoutBody: TemplateOnlyComponent<EuiFlyoutBodySignature> = <template>\n <div class=\"euiFlyoutBody\" ...attributes>\n <div\n tabindex={{0}}\n class={{classNames\n \"euiFlyoutBody__overflow\"\n (if (has-block \"banner\") \"euiFlyoutBody__overflow--hasBanner\")\n }}\n >\n {{#if (has-block \"banner\")}}\n <div class=\"euiFlyoutBody__banner\">\n {{yield to=\"banner\"}}\n </div>\n {{/if}}\n\n {{#if\n (or (has-block \"banner\") (has-block \"content\") (has-block \"default\"))\n }}\n <div class=\"euiFlyoutBody__overflowContent\">\n {{#if (has-block \"default\")}}\n {{yield to=\"default\"}}\n {{else}}\n {{yield to=\"content\"}}\n {{/if}}\n </div>\n {{else}}\n {{yield}}\n {{/if}}\n </div>\n </div>\n</template>;\n\nexport default EuiFlyoutBody;\n"],"names":["EuiFlyoutBody","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,urBAAA,EA8BrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-flyout-footer.js CHANGED Viewed

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFlyoutFooter = setComponentTemplate(precompileTemplate("\n    <div class=\"euiFlyoutFooter\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** The bottom bar of an EuiFlyout, usually with its buttons. */
+const EuiFlyoutFooter = setComponentTemplate(precompileTemplate("<div class=\"euiFlyoutFooter\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-flyout-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlyoutFooterSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n <template>\n <div class=\"euiFlyoutFooter\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAIA~~,~~sFAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-flyout-footer.js","sources":["../../src/components/eui-flyout-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The bottom bar of an EuiFlyout, usually with its buttons. /\nexport interface EuiFlyoutFooterSignature {\n Element: HTMLDivElement;\n Blocks: {\n /* Usually an `EuiFlexGroup` with close/cancel and primary buttons. */\n default: [];\n };\n}\n\nconst EuiFlyoutFooter: TemplateOnlyComponent<EuiFlyoutFooterSignature> =\n <template>\n <div class=\"euiFlyoutFooter\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFlyoutFooter;\n"],"names":["EuiFlyoutFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,oEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFlyoutHeader = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiFlyoutHeader\" (if @hasBorder \"euiFlyoutHeader--hasBorder\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiFlyoutHeader = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiFlyoutHeader\" (if @hasBorder \"euiFlyoutHeader--hasBorder\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\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 <template>\n <div\n class={{classNames\n \"euiFlyoutHeader\"\n (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFlyoutHeader;\n"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;~~AAcA~~,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAUA~~,~~oJAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-flyout-header.js","sources":["../../src/components/eui-flyout-header.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The top of an EuiFlyout, usually with an `EuiTitle`. /\nexport interface EuiFlyoutHeaderSignature {\n Element: HTMLDivElement;\n Args: {\n /* Adds a border between the header and the body. /\n hasBorder?: boolean;\n };\n Blocks: {\n /* The title, e.g. `<EuiTitle @size=\"m\" @tagName=\"h2\">Details</EuiTitle>`. */\n default: [];\n };\n}\n\nconst EuiFlyoutHeader: TemplateOnlyComponent<EuiFlyoutHeaderSignature> =\n <template>\n <div\n class={{classNames\n \"euiFlyoutHeader\"\n (if @hasBorder \"euiFlyoutHeader--hasBorder\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFlyoutHeader;\n"],"names":["EuiFlyoutHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAiBA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,kIAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -16,13 +16,13 @@ import OutsideClickDetector from '../modifiers/outside-click-detector.js';
 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 keysOf from './common.js';
 import EuiButtonIcon from './eui-button-icon.js';
 import EuiOverlayMaskComponent from './eui-overlay-mask.js';
 import EuiPortal from './eui-portal.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 const classesModifier = modifier((_element, _pos, {
   type,
@@ -63,6 +63,12 @@ const SIZES = keysOf(sizeMapping);
 function isEuiFlyoutSizeNamed(value) {
   return SIZES.includes(value);
 }
+/**
+ * A panel sliding in from the side of the window, for details or forms
+ * that keep the page context. Render it only while open:
+ * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.
+ */
 class EuiFlyoutComponent extends Component {
   static {
     g(this.prototype, "windowIsLargeEnoughToPush", [tracked], function () {
@@ -162,7 +168,7 @@ class EuiFlyoutComponent extends Component {
     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  ", {
+    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|}}\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}} {{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 \"Close this dialog\"}} 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}} {{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 \"Close this dialog\"}} 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 \"Close this dialog\"}} data-test-subj=\"euiFlyoutCloseButton\" class={{closeButtonClasses}} {{on \"click\" this.onButtonCloseClicked}} />\n      {{/if}}\n      {{yield}}\n    </TheElement>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n closeAriaLabel?: string;\n /*\n Shows the navigation flyout\n /\n isOpen?: boolean;\n /\n Keeps navigation flyout visible and push `<body>` content via padding\n /\n isDocked?: boolean;\n /\n Named breakpoint or pixel value for customizing the minimum window width to enable docking\n /\n dockedBreakpoint?: EuiBreakpointSize \| number;\n /\n Keeps the display of toggle button when in docked state\n /\n showButtonIfDocked?: boolean;\n\n isFocusTrapActive?: boolean;\n\n as?: string;\n\n size?: number \| string;\n\n side?: 'left' \| 'right';\n\n role?: null \| string;\n\n ownFocus?: boolean;\n\n outsideClickCloses?: boolean;\n\n closeButtonPosition?: 'outside' \| 'inside';\n\n paddingSize?: string;\n\n hideCloseButton?: boolean;\n\n closeButtonProps?: {\n className?: string;\n onClick?: (e: MouseEvent) => void;\n classes?: string;\n };\n\n closeButtonAriaLabel?: string;\n\n onClose?: () => void;\n\n maxWidth?: boolean \| number;\n\n maskProps?: Record<string, unknown>;\n\n type?: string;\n\n pushMinBreakpoint?: number \| EuiBreakpointSize;\n\n shouldSelfFocus?: boolean;\n\n focusTrapOptions?: {\n allowOutsideClick?: boolean;\n clickOutsideDeactivates?: boolean;\n initialFocus?: string \| HTMLElement \| (() => HTMLElement);\n fallbackFocus?: string \| HTMLElement \| (() => HTMLElement);\n escapeDeactivates?: boolean;\n returnFocusOnDeactivate?: boolean;\n preventScroll?: boolean;\n };\n};\n\nconst classesModifier = modBuilder(\n (\n _element: Element,\n _pos,\n {\n type,\n isPushed,\n side,\n dimensions = {},\n functionToCallOnWindowResize\n }: {\n type: string;\n isPushed: boolean;\n side: string;\n dimensions?: { width?: number };\n functionToCallOnWindowResize: () => void;\n }\n ) => {\n // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n document.body.classList.add('euiBody--hasFlyout');\n\n /\n Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n */\n if (type === 'push') {\n // Only add the event listener if we'll need to accommodate with padding\n window.addEventListener('resize', functionToCallOnWindowResize);\n\n if (isPushed && dimensions.width) {\n if (side === 'right') {\n document.body.style.paddingRight = `${dimensions.width}px`;\n } else if (side === 'left') {\n document.body.style.paddingLeft = `${dimensions.width}px`;\n }\n }\n }\n\n return () => {\n document.body.classList.remove('euiBody--hasFlyout');\n\n if (type === 'push') {\n window.removeEventListener('resize', functionToCallOnWindowResize);\n\n if (side === 'right') {\n document.body.style.paddingRight = '';\n } else if (side === 'left') {\n document.body.style.paddingLeft = '';\n }\n }\n };\n }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n return SIZES.includes(value);\n}\n\nexport interface EuiFlyoutSignature {\n Element: any;\n Args: EuiFlyoutArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n typeof window === 'undefined' ? -Infinity : window.innerWidth,\n this.pushMinBreakpoint\n );\n\n @tracked dimensions?: { width?: number; height?: number };\n\n get as() {\n return this.args.as ?? 'div';\n }\n\n get hideCloseButton() {\n return this.args.hideCloseButton ?? false;\n }\n\n get closeButtonPosition() {\n return this.args.closeButtonPosition ?? 'inside';\n }\n\n get ownFocus() {\n return this.args.ownFocus ?? true;\n }\n\n get side() {\n return this.args.side ?? 'right';\n }\n\n get size() {\n return this.args.size ?? 'm';\n }\n\n get paddingSize() {\n return this.args.paddingSize ?? 'l';\n }\n\n get maxWidth() {\n return this.args.maxWidth ?? false;\n }\n\n get type() {\n return this.args.type ?? 'overlay';\n }\n\n get outsideClickCloses() {\n return this.args.outsideClickCloses ?? false;\n }\n\n get role() {\n return this.args.role ?? 'dialog';\n }\n\n get pushMinBreakpoint() {\n return this.args.pushMinBreakpoint ?? 'l';\n }\n\n get isPushed() {\n return this.type === 'push' && this.windowIsLargeEnoughToPush;\n }\n\n get styles() {\n let newStyle: { [key: string]: unknown } = {};\n\n if (this.maxWidth !== false) {\n const value =\n typeof this.maxWidth === 'number'\n ? `${this.maxWidth}px`\n : this.maxWidth;\n\n newStyle = { maxWidth: value };\n }\n\n if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n newStyle['width'] = this.size;\n } else {\n newStyle = { width: this.size };\n }\n\n return newStyle;\n }\n\n @action\n functionToCallOnWindowResize() {\n throttle(() => {\n if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n this.windowIsLargeEnoughToPush = true;\n } else {\n this.windowIsLargeEnoughToPush = false;\n }\n }, 50);\n }\n\n @action\n onClose() {\n this.args.onClose?.();\n }\n\n @action\n onButtonCloseClicked(e: MouseEvent) {\n this.onClose();\n this.args.closeButtonProps?.onClick?.(e);\n }\n\n @action\n onResize(dimensions: { width: number; height: number }) {\n this.dimensions = dimensions;\n }\n\n <template>\n {{#let\n (classNames\n (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n componentName=\"EuiFlyout\"\n type=this.type\n side=this.side\n size=this.size\n padding=this.paddingSize\n )\n (classNames\n \"euiFlyout__closeButton\"\n (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n (or @closeButtonProps.className @closeButtonProps.classes)\n )\n (modifier\n focusTrap\n isActive=(argOrDefault @isFocusTrapActive true)\n shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n isPaused=this.isPushed\n focusTrapOptions=(argOrDefault\n @focusTrapOptions\n (hash\n allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n )\n )\n )\n (modifier\n outsideClickDetectorModifier\n isDisabled=(or this.isPushed (not this.outsideClickCloses))\n onOutsideClick=this.onClose\n )\n (modifier styleModifier this.styles)\n (modifier onKey \"Escape\" this.onClose)\n (modifier\n classesModifier\n type=this.type\n isPushed=this.isPushed\n side=this.side\n dimensions=this.dimensions\n functionToCallOnWindowResize=this.functionToCallOnWindowResize\n )\n (modifier resizeObserverModifier onResize=this.onResize)\n (element this.as)\n as \|classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement\|\n }}\n\n {{#if (and this.ownFocus (not this.isPushed))}}\n <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{!@glint-expect-error}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n </EuiOverlayMask>\n {{else if (not this.isPushed)}}\n <EuiPortal>\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n </EuiPortal>\n {{else}}\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{onEscape}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","void 0","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}
1	+ {"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n /** Same as `@closeButtonAriaLabel`. /\n closeAriaLabel?: string;\n /* @deprecated Has no effect: render the flyout only while it is open. /\n isOpen?: boolean;\n /* @deprecated Has no effect, see EuiCollapsibleNav; use `@type=\"push\"`. /\n isDocked?: boolean;\n /* @deprecated Has no effect; use `@pushMinBreakpoint`. /\n dockedBreakpoint?: EuiBreakpointSize \| number;\n /* @deprecated Has no effect. /\n showButtonIfDocked?: boolean;\n\n /* Traps keyboard focus inside the flyout. Defaults to `true`. /\n isFocusTrapActive?: boolean;\n\n /* Tag of the flyout, e.g. `'nav'` or `'aside'`. Defaults to `'div'`. /\n as?: string;\n\n /\n Width: `'s'`, `'m'` or `'l'`, a number in px or any CSS width.\n * Defaults to `'m'`.\n /\n size?: number \| string;\n\n /* Side of the window it slides in from. Defaults to `'right'`. /\n side?: 'left' \| 'right';\n\n /* `role` of the flyout. Defaults to `'dialog'`. /\n role?: null \| string;\n\n /\n Renders a mask over the page behind the flyout, which closes it when\n * clicked. Without it, the page stays usable. Defaults to `true`.\n /\n ownFocus?: boolean;\n\n /* Clicking outside the flyout calls `@onClose`. Defaults to `false`. /\n outsideClickCloses?: boolean;\n\n /\n Close button `'inside'` the flyout's corner or `'outside'` next to it.\n * Defaults to `'inside'`.\n /\n closeButtonPosition?: 'outside' \| 'inside';\n\n /\n Padding of `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`:\n * `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`.\n /\n paddingSize?: string;\n\n /* Hides the close button (e.g. when the flyout has its own). /\n hideCloseButton?: boolean;\n\n /* Props for the close button: `{ className, onClick }`. /\n closeButtonProps?: {\n className?: string;\n onClick?: (e: MouseEvent) => void;\n classes?: string;\n };\n\n /* Accessible label of the close button. Defaults to \"Close this dialog\". /\n closeButtonAriaLabel?: string;\n\n /\n Called by the close button, Escape, the mask and outside clicks. Stop\n * rendering the flyout here. Without it there is no close button.\n /\n onClose?: () => void;\n\n /\n Caps the width: `true` for EUI's default max width, or a number in px.\n * Defaults to `false`.\n /\n maxWidth?: boolean \| number;\n\n /* @deprecated Has no effect. /\n maskProps?: Record<string, unknown>;\n\n /\n `'overlay'` covers the page; `'push'` pads the page so the flyout sits\n * beside it (on windows at least `@pushMinBreakpoint` wide).\n * Defaults to `'overlay'`.\n /\n type?: string;\n\n /\n Minimum window width for `@type=\"push\"`: a named breakpoint (`'xs'`\n * to `'xl'`) or px. Smaller windows get an overlay. Defaults to `'l'`.\n /\n pushMinBreakpoint?: number \| EuiBreakpointSize;\n\n /* Focuses the flyout itself when it opens. Defaults to `true`. /\n shouldSelfFocus?: boolean;\n\n /\n Options for the focus trap (focus-trap library), e.g.\n * `{ initialFocus: '#name' }`. Defaults to allowing outside clicks.\n /\n focusTrapOptions?: {\n allowOutsideClick?: boolean;\n clickOutsideDeactivates?: boolean;\n initialFocus?: string \| HTMLElement \| (() => HTMLElement);\n fallbackFocus?: string \| HTMLElement \| (() => HTMLElement);\n escapeDeactivates?: boolean;\n returnFocusOnDeactivate?: boolean;\n preventScroll?: boolean;\n };\n};\n\nconst classesModifier = modBuilder(\n (\n _element: Element,\n _pos,\n {\n type,\n isPushed,\n side,\n dimensions = {},\n functionToCallOnWindowResize\n }: {\n type: string;\n isPushed: boolean;\n side: string;\n dimensions?: { width?: number };\n functionToCallOnWindowResize: () => void;\n }\n ) => {\n // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n document.body.classList.add('euiBody--hasFlyout');\n\n /\n Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n /\n if (type === 'push') {\n // Only add the event listener if we'll need to accommodate with padding\n window.addEventListener('resize', functionToCallOnWindowResize);\n\n if (isPushed && dimensions.width) {\n if (side === 'right') {\n document.body.style.paddingRight = `${dimensions.width}px`;\n } else if (side === 'left') {\n document.body.style.paddingLeft = `${dimensions.width}px`;\n }\n }\n }\n\n return () => {\n document.body.classList.remove('euiBody--hasFlyout');\n\n if (type === 'push') {\n window.removeEventListener('resize', functionToCallOnWindowResize);\n\n if (side === 'right') {\n document.body.style.paddingRight = '';\n } else if (side === 'left') {\n document.body.style.paddingLeft = '';\n }\n }\n };\n }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n return SIZES.includes(value);\n}\n\n/\n A panel sliding in from the side of the window, for details or forms\n * that keep the page context. Render it only while open:\n * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.\n /\nexport interface EuiFlyoutSignature {\n Element: any;\n Args: EuiFlyoutArgs;\n Blocks: {\n /* Usually `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`. */\n default: [];\n };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n typeof window === 'undefined' ? -Infinity : window.innerWidth,\n this.pushMinBreakpoint\n );\n\n @tracked dimensions?: { width?: number; height?: number };\n\n get as() {\n return this.args.as ?? 'div';\n }\n\n get hideCloseButton() {\n return this.args.hideCloseButton ?? false;\n }\n\n get closeButtonPosition() {\n return this.args.closeButtonPosition ?? 'inside';\n }\n\n get ownFocus() {\n return this.args.ownFocus ?? true;\n }\n\n get side() {\n return this.args.side ?? 'right';\n }\n\n get size() {\n return this.args.size ?? 'm';\n }\n\n get paddingSize() {\n return this.args.paddingSize ?? 'l';\n }\n\n get maxWidth() {\n return this.args.maxWidth ?? false;\n }\n\n get type() {\n return this.args.type ?? 'overlay';\n }\n\n get outsideClickCloses() {\n return this.args.outsideClickCloses ?? false;\n }\n\n get role() {\n return this.args.role ?? 'dialog';\n }\n\n get pushMinBreakpoint() {\n return this.args.pushMinBreakpoint ?? 'l';\n }\n\n get isPushed() {\n return this.type === 'push' && this.windowIsLargeEnoughToPush;\n }\n\n get styles() {\n let newStyle: { [key: string]: unknown } = {};\n\n if (this.maxWidth !== false) {\n const value =\n typeof this.maxWidth === 'number'\n ? `${this.maxWidth}px`\n : this.maxWidth;\n\n newStyle = { maxWidth: value };\n }\n\n if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n newStyle['width'] = this.size;\n } else {\n newStyle = { width: this.size };\n }\n\n return newStyle;\n }\n\n @action\n functionToCallOnWindowResize() {\n throttle(() => {\n if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n this.windowIsLargeEnoughToPush = true;\n } else {\n this.windowIsLargeEnoughToPush = false;\n }\n }, 50);\n }\n\n @action\n onClose() {\n this.args.onClose?.();\n }\n\n @action\n onButtonCloseClicked(e: MouseEvent) {\n this.onClose();\n this.args.closeButtonProps?.onClick?.(e);\n }\n\n @action\n onResize(dimensions: { width: number; height: number }) {\n this.dimensions = dimensions;\n }\n\n <template>\n {{#let\n (classNames\n (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n componentName=\"EuiFlyout\"\n type=this.type\n side=this.side\n size=this.size\n padding=this.paddingSize\n )\n (classNames\n \"euiFlyout__closeButton\"\n (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n (or @closeButtonProps.className @closeButtonProps.classes)\n )\n (modifier\n focusTrap\n isActive=(argOrDefault @isFocusTrapActive true)\n shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n isPaused=this.isPushed\n focusTrapOptions=(argOrDefault\n @focusTrapOptions\n (hash\n allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n )\n )\n )\n (modifier\n outsideClickDetectorModifier\n isDisabled=(or this.isPushed (not this.outsideClickCloses))\n onOutsideClick=this.onClose\n )\n (modifier styleModifier this.styles)\n (modifier onKey \"Escape\" this.onClose)\n (modifier\n classesModifier\n type=this.type\n isPushed=this.isPushed\n side=this.side\n dimensions=this.dimensions\n functionToCallOnWindowResize=this.functionToCallOnWindowResize\n )\n (modifier resizeObserverModifier onResize=this.onResize)\n (element this.as)\n as \|classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement\|\n }}\n\n {{#if (and this.ownFocus (not this.isPushed))}}\n <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{!@glint-expect-error}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{onEscape}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n </EuiOverlayMask>\n {{else if (not this.isPushed)}}\n <EuiPortal>\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{onEscape}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n </EuiPortal>\n {{else}}\n <TheElement\n role={{this.role}}\n class={{classes}}\n tabindex={{-1}}\n {{currentStyles}}\n {{!@glint-expect-error}}\n {{focusTrapModifier}}\n {{outsideClickDetector}}\n {{onEscape}}\n {{classesModifier}}\n {{resizeObserver}}\n ...attributes\n >\n {{#if (and @onClose (not @hideCloseButton))}}\n <EuiButtonIcon\n @display={{if\n (eq this.closeButtonPosition \"outside\")\n \"fill\"\n \"empty\"\n }}\n @iconType=\"cross\"\n @color=\"text\"\n aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n data-test-subj=\"euiFlyoutCloseButton\"\n class={{closeButtonClasses}}\n {{on \"click\" this.onButtonCloseClicked}}\n />\n {{/if}}\n {{yield}}\n </TheElement>\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}

package/dist/components/eui-form-control-layout-clear-button.js CHANGED Viewed

@@ -5,7 +5,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate("\n    <button class={{classNames componentName=\"EuiFormControlLayoutClearButton\" size=(argOrDefault @size \"m\")}} type=\"button\" aria-label={{@label}} ...attributes>\n      <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @type=\"cross\" />\n    </button>\n  ", {
+/** @private The clear ("x") button of EuiFormControlLayout; add `{{on "click" …}}`. */
+const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate("<button class={{classNames componentName=\"EuiFormControlLayoutClearButton\" size=(argOrDefault @size \"m\")}} type=\"button\" aria-label={{@label}} ...attributes>\n  <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @type=\"cross\" />\n</button>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-control-layout-clear-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-control-layout-clear-button.js","sources":["../../src/components/eui-form-control-layout-clear-button.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-form-control-layout-clear-button.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutClearButtonArgs = CommonArgs & {\n size?: keyof typeof sizeMapping;\n label?: string;\n};\n\nexport interface EuiFormControlLayoutClearButtonSignature {\n Element: HTMLButtonElement;\n Args: EuiFormControlLayoutClearButtonArgs;\n}\n\nconst EuiFormControlLayoutClearButton: TemplateOnlyComponent<EuiFormControlLayoutClearButtonSignature> =\n <template>\n <button\n class={{classNames\n componentName=\"EuiFormControlLayoutClearButton\"\n size=(argOrDefault @size \"m\")\n }}\n type=\"button\"\n aria-label={{@label}}\n ...attributes\n >\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutClearButton__icon\"\n @type=\"cross\"\n />\n </button>\n </template>;\n\nexport default EuiFormControlLayoutClearButton;\n"],"names":["EuiFormControlLayoutClearButton","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;~~AAkBA~~,MAAMA,+~~BACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAeA~~,~~wRAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-control-layout-clear-button.js","sources":["../../src/components/eui-form-control-layout-clear-button.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-form-control-layout-clear-button.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutClearButtonArgs = CommonArgs & {\n /** `'s'` or `'m'`. Defaults to `'m'`. /\n size?: keyof typeof sizeMapping;\n /* Accessible label of the button. /\n label?: string;\n};\n\n/* @private The clear (\"x\") button of EuiFormControlLayout; add `{{on \"click\" …}}`. */\nexport interface EuiFormControlLayoutClearButtonSignature {\n Element: HTMLButtonElement;\n Args: EuiFormControlLayoutClearButtonArgs;\n}\n\nconst EuiFormControlLayoutClearButton: TemplateOnlyComponent<EuiFormControlLayoutClearButtonSignature> =\n <template>\n <button\n class={{classNames\n componentName=\"EuiFormControlLayoutClearButton\"\n size=(argOrDefault @size \"m\")\n }}\n type=\"button\"\n aria-label={{@label}}\n ...attributes\n >\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutClearButton__icon\"\n @type=\"cross\"\n />\n </button>\n </template>;\n\nexport default EuiFormControlLayoutClearButton;\n"],"names":["EuiFormControlLayoutClearButton","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAeA;AAMA,MAAMA,+BAAuD,GAAAC,oBAAA,CAC3DC,kBAAA,CAAA,sQAAA,EAeA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-control-layout-custom-icon.js CHANGED Viewed

@@ -4,7 +4,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormControlLayoutCustomIcon = setComponentTemplate(precompileTemplate("\n    {{#if @onClick}}\n      <button type=\"button\" class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\" ...attributes {{on \"click\" @onClick}}>\n        <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n      </button>\n    {{else}}\n      <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n        <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n      </span>\n    {{/if}}\n  ", {
+/** @private An icon inside EuiFormControlLayout. */
+const EuiFormControlLayoutCustomIcon = setComponentTemplate(precompileTemplate("{{#if @onClick}}\n  <button type=\"button\" class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\" ...attributes {{on \"click\" @onClick}}>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n  </button>\n{{else}}\n  <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n  </span>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     on,

package/dist/components/eui-form-control-layout-custom-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-control-layout-custom-icon.js","sources":["../../src/components/eui-form-control-layout-custom-icon.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiIconSignature } from './eui-icon.gts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutCustomIconArgs = CommonArgs & {\n onClick?: (event: MouseEvent) => void;\n type: EuiIconSignature['Args']['type'];\n size?: EuiIconSignature['Args']['size'];\n iconRef?: string \| ((el: HTMLButtonElement \| HTMLSpanElement \| null) => void);\n};\n\nexport interface EuiFormControlLayoutCustomIconSignature {\n Element: HTMLButtonElement \| HTMLSpanElement;\n Args: EuiFormControlLayoutCustomIconArgs;\n}\n\nconst EuiFormControlLayoutCustomIcon: TemplateOnlyComponent<EuiFormControlLayoutCustomIconSignature> =\n <template>\n {{#if @onClick}}\n <button\n type=\"button\"\n class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\"\n ...attributes\n {{on \"click\" @onClick}}\n >\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n @type={{@type}}\n @size={{@size}}\n aria-hidden=\"true\"\n />\n </button>\n {{else}}\n <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n @type={{@type}}\n @size={{@size}}\n aria-hidden=\"true\"\n />\n </span>\n {{/if}}\n </template>;\n\nexport default EuiFormControlLayoutCustomIcon;\n"],"names":["EuiFormControlLayoutCustomIcon","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","templateOnly"],"mappings":";;;;;;~~AAoBA~~,MAAMA,~~8BACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAyBA~~,~~ujBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-control-layout-custom-icon.js","sources":["../../src/components/eui-form-control-layout-custom-icon.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiIconSignature } from './eui-icon.gts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutCustomIconArgs = CommonArgs & {\n /** Makes the icon a button calling this function. /\n onClick?: (event: MouseEvent) => void;\n /* The icon; anything `EuiIcon`'s `@type` accepts. /\n type: EuiIconSignature['Args']['type'];\n /* Size of the icon. /\n size?: EuiIconSignature['Args']['size'];\n /* @deprecated Has no effect. /\n iconRef?: string \| ((el: HTMLButtonElement \| HTMLSpanElement \| null) => void);\n};\n\n/* @private An icon inside EuiFormControlLayout. */\nexport interface EuiFormControlLayoutCustomIconSignature {\n Element: HTMLButtonElement \| HTMLSpanElement;\n Args: EuiFormControlLayoutCustomIconArgs;\n}\n\nconst EuiFormControlLayoutCustomIcon: TemplateOnlyComponent<EuiFormControlLayoutCustomIconSignature> =\n <template>\n {{#if @onClick}}\n <button\n type=\"button\"\n class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\"\n ...attributes\n {{on \"click\" @onClick}}\n >\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n @type={{@type}}\n @size={{@size}}\n aria-hidden=\"true\"\n />\n </button>\n {{else}}\n <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n <EuiIcon\n @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n @type={{@type}}\n @size={{@size}}\n aria-hidden=\"true\"\n />\n </span>\n {{/if}}\n </template>;\n\nexport default EuiFormControlLayoutCustomIcon;\n"],"names":["EuiFormControlLayoutCustomIcon","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","templateOnly"],"mappings":";;;;;;AAmBA;AAMA,MAAMA,8BAAsD,GAAAC,oBAAA,CAC1DC,kBAAA,CAAA,6gBAAA,EAyBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-control-layout-delimited.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormControlLayoutDelimited = setComponentTemplate(precompileTemplate("\n    {{#let (has-block \"prepend\") (has-block \"append\") (has-block \"delimiter\") (argOrDefault @delimiter \"\u2192\") (argOrDefault @useGroup true) as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|}}\n      <EuiFormControlLayout class=\"euiFormControlLayoutDelimited\" @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{and useGroup (or hasPrepend hasAppend)}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText class=\"euiFormControlLayoutDelimited__delimeter\" @size=\"s\" @color=\"subdued\">\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  ", {
+const EuiFormControlLayoutDelimited = setComponentTemplate(precompileTemplate("{{#let (has-block \"prepend\") (has-block \"append\") (has-block \"delimiter\") (argOrDefault @delimiter \"\u2192\") (argOrDefault @useGroup true) as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|}}\n  <EuiFormControlLayout class=\"euiFormControlLayoutDelimited\" @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{and useGroup (or hasPrepend hasAppend)}}>\n    <:prepend as |prependClasses|>\n      {{yield prependClasses to=\"prepend\"}}\n    </:prepend>\n    <:field>\n      {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n      <EuiText class=\"euiFormControlLayoutDelimited__delimeter\" @size=\"s\" @color=\"subdued\">\n        {{#if (or delimiter hasDelimeterBlock)}}\n          {{#if hasDelimeterBlock}}\n            {{yield to=\"delimiter\"}}\n          {{else}}\n            {{delimiter}}\n          {{/if}}\n        {{/if}}\n      </EuiText>\n      {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n    </:field>\n    <:append as |appendClasses|>\n      {{yield appendClasses to=\"append\"}}\n    </:append>\n  </EuiFormControlLayout>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-control-layout-delimited.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormControlLayoutDelimitedSignature {\n Args: {\n icon?: string;\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n delimiter?: string;\n useGroup?: boolean;\n };\n Blocks: {\n prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n startControl: [classes: string];\n delimiter: [];\n endControl: [classes: string];\n append: EuiFormControlLayoutSignature['Blocks']['append'];\n };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n <template>\n {{#let\n (has-block \"prepend\")\n (has-block \"append\")\n (has-block \"delimiter\")\n (argOrDefault @delimiter \"→\")\n (argOrDefault @useGroup true)\n as \|hasPrepend hasAppend hasDelimeterBlock delimiter useGroup\|\n }}\n <EuiFormControlLayout\n class=\"euiFormControlLayoutDelimited\"\n @icon={{@icon}}\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:field>\n {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n <EuiText\n class=\"euiFormControlLayoutDelimited__delimeter\"\n @size=\"s\"\n @color=\"subdued\"\n >\n {{#if (or delimiter hasDelimeterBlock)}}\n {{#if hasDelimeterBlock}}\n {{yield to=\"delimiter\"}}\n {{else}}\n {{delimiter}}\n {{/if}}\n {{/if}}\n </EuiText>\n {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayout>\n {{/let}}\n </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;~~AA8BA~~,MAAMA,~~6BACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA6CA~~,~~szCAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/*\n Two controls in one field with a delimiter between them, e.g. a number\n * range (\"0 → 100\") or start and end dates.\n /\nexport interface EuiFormControlLayoutDelimitedSignature {\n Args: {\n /* Icon at the start of the control, anything `EuiIcon`'s `@type` accepts. /\n icon?: string;\n /* Shows a clear (\"x\") button calling this function. /\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n /* Stretches the control to its container's width. /\n fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n /* Shows a spinner. /\n isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n /* Shorter control, for dense forms. /\n compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n /* Read-only styling. /\n readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n /* Disabled styling. /\n disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n /* Text between the two controls. Defaults to `'→'`. /\n delimiter?: string;\n /* Styles it as a group with `<:prepend>` / `<:append>`. Defaults to `true`. /\n useGroup?: boolean;\n };\n Blocks: {\n /* Content before the controls; yields the class to put on it. /\n prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n /\n The first control, e.g. an `EuiFieldNumber @controlOnly={{true}}`;\n * yields the class to put on it.\n /\n startControl: [classes: string];\n /* Custom delimiter content, instead of `@delimiter`. /\n delimiter: [];\n /* The second control; yields the class to put on it. /\n endControl: [classes: string];\n /* Content after the controls; yields the class to put on it. */\n append: EuiFormControlLayoutSignature['Blocks']['append'];\n };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n <template>\n {{#let\n (has-block \"prepend\")\n (has-block \"append\")\n (has-block \"delimiter\")\n (argOrDefault @delimiter \"→\")\n (argOrDefault @useGroup true)\n as \|hasPrepend hasAppend hasDelimeterBlock delimiter useGroup\|\n }}\n <EuiFormControlLayout\n class=\"euiFormControlLayoutDelimited\"\n @icon={{@icon}}\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:field>\n {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n <EuiText\n class=\"euiFormControlLayoutDelimited__delimeter\"\n @size=\"s\"\n @color=\"subdued\"\n >\n {{#if (or delimiter hasDelimeterBlock)}}\n {{#if hasDelimeterBlock}}\n {{yield to=\"delimiter\"}}\n {{else}}\n {{delimiter}}\n {{/if}}\n {{/if}}\n </EuiText>\n {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayout>\n {{/let}}\n </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;AAmDA,MAAMA,6BAAqD,GAAAC,oBAAA,CACzDC,kBAAA,CAAA,otCAAA,EA6CA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-control-layout-icons.js CHANGED Viewed

@@ -9,7 +9,10 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 const ICON_SIDES = ['left', 'right'];
-const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  ", {
+/** @private The icon, clear button and spinner inside EuiFormControlLayout. */
+const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n  {{#if (eq iconSide \"left\")}}\n    <div class=\"euiFormControlLayoutIcons\">\n      {{#if @icon}}\n        <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n      {{/if}}\n    </div>\n  {{/if}}\n  {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n    <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n      {{#if @clear}}\n        <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n      {{/if}}\n      {{#if @isLoading}}\n        <EuiLoadingSpinner @size=\"m\" />\n      {{/if}}\n      {{#if (eq iconSide \"right\")}}\n        {{#if @icon}}\n          <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n        {{/if}}\n      {{/if}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-control-layout-icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n iconSide?: (typeof ICON_SIDES)[number];\n clear?: (v: any) => void;\n isLoading?: boolean;\n compressed?: boolean;\n}\n\nexport interface EuiFormControlLayoutIconsSignature {\n Element: EuiFormControlLayoutCustomIconSignature['Element'];\n Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n <template>\n {{#let (argOrDefault @iconSide \"left\") as \|iconSide\|}}\n {{#if (eq iconSide \"left\")}}\n <div class=\"euiFormControlLayoutIcons\">\n {{#if @icon}}\n <EuiFormControlLayoutCustomIcon\n @size={{if @compressed \"s\" \"m\"}}\n @type={{@icon}}\n ...attributes\n />\n {{/if}}\n </div>\n {{/if}}\n {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n {{#if @clear}}\n <EuiFormControlLayoutClearButton\n @size={{if @compressed \"s\" \"m\"}}\n {{on \"click\" @clear}}\n ...attributes\n />\n {{/if}}\n {{#if @isLoading}}\n <EuiLoadingSpinner @size=\"m\" />\n {{/if}}\n {{#if (eq iconSide \"right\")}}\n {{#if @icon}}\n <EuiFormControlLayoutCustomIcon\n @size={{if @compressed \"s\" \"m\"}}\n @type={{@icon}}\n ...attributes\n />\n {{/if}}\n {{/if}}\n </div>\n {{/if}}\n {{/let}}\n </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,~~UAAgC~~,~~GAAA~~,CAAC,MAAA,EAAQ,OAAA;AAetD,MAAMC,~~yBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAqCA~~,~~khCAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n /** The icon, see EuiFormControlLayout's `@icon`. /\n icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n /* `'left'` or `'right'`. Defaults to `'left'`. /\n iconSide?: (typeof ICON_SIDES)[number];\n /* Shows a clear button calling this function. /\n clear?: (v: any) => void;\n /* Shows a spinner. /\n isLoading?: boolean;\n /* Smaller icons, for compressed controls. /\n compressed?: boolean;\n}\n\n/* @private The icon, clear button and spinner inside EuiFormControlLayout. */\nexport interface EuiFormControlLayoutIconsSignature {\n Element: EuiFormControlLayoutCustomIconSignature['Element'];\n Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n <template>\n {{#let (argOrDefault @iconSide \"left\") as \|iconSide\|}}\n {{#if (eq iconSide \"left\")}}\n <div class=\"euiFormControlLayoutIcons\">\n {{#if @icon}}\n <EuiFormControlLayoutCustomIcon\n @size={{if @compressed \"s\" \"m\"}}\n @type={{@icon}}\n ...attributes\n />\n {{/if}}\n </div>\n {{/if}}\n {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n {{#if @clear}}\n <EuiFormControlLayoutClearButton\n @size={{if @compressed \"s\" \"m\"}}\n {{on \"click\" @clear}}\n ...attributes\n />\n {{/if}}\n {{#if @isLoading}}\n <EuiLoadingSpinner @size=\"m\" />\n {{/if}}\n {{#if (eq iconSide \"right\")}}\n {{#if @icon}}\n <EuiFormControlLayoutCustomIcon\n @size={{if @compressed \"s\" \"m\"}}\n @type={{@icon}}\n ...attributes\n />\n {{/if}}\n {{/if}}\n </div>\n {{/if}}\n {{/let}}\n </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,UAAqB,GAAW,CAAC,MAAA,EAAQ,OAAA;;AAetD;;AAMA,MAAMC,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,46BAAA,EAqCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-control-layout.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormControlLayout = setComponentTemplate(precompileTemplate("\n    <div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  ", {
+const EuiFormControlLayout = setComponentTemplate(precompileTemplate("<div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n  {{#if (has-block \"prepend\")}}\n    {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n  {{/if}}\n  <div class=\"euiFormControlLayout__childrenWrapper\">\n    {{#if (has-block \"field\")}}\n      {{yield to=\"field\"}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n    <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n  </div>\n  {{#if (has-block \"append\")}}\n    {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-control-layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\~~nimport~~ ~~type~~ ~~Component~~ ~~from~~ '~~@glimmer/component';\~~n~~\ntype~~ ~~StringOrComponent~~ = ~~string~~ \| ~~Component;\ntype~~ ~~PrependAppendType~~ = ~~StringOrComponent~~ \| ~~StringOrComponent[];\~~n\nexport interface EuiFormControlLayoutSignature {\n Element: HTMLDivElement;\n Args: {\n fullWidth?: boolean;\n /*\n ~~Creates~~ an ~~input~~ group with ~~element(s)~~ ~~coming~~ ~~before~~ ~~children.\~~n * */\n ~~compressed~~?: boolean;\n ~~readOnly?:~~ ~~boolean;\~~n ~~useGroup~~?: boolean;\n disabled?: ~~boolean;\~~n isDisabled?: boolean;\n icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n isLoading?: boolean;\n inputId?: string;\n };\n Blocks: {\n prepend: [classes: 'euiFormControlLayout__prepend'];\n field: [];\n default: [];\n append: [classes: 'euiFormControlLayout__append'];\n };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n <template>\n <div\n class={{classNames\n (if @fullWidth \"euiFormControlLayout--fullWidth\")\n (if @compressed \"euiFormControlLayout--compressed\")\n (if @readOnly \"euiFormControlLayout--readOnly\")\n (if\n (and\n (argOrDefault @useGroup true)\n (or (has-block \"append\") (has-block \"prepend\"))\n )\n \"euiFormControlLayout--group\"\n )\n (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n \"euiFormControlLayout\"\n }}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n {{/if}}\n <div class=\"euiFormControlLayout__childrenWrapper\">\n {{#if (has-block \"field\")}}\n {{yield to=\"field\"}}\n {{else}}\n {{yield}}\n {{/if}}\n <EuiFormControlLayoutIcons\n @icon={{@icon}}\n @iconSide={{@iconSide}}\n @clear={{@clear}}\n @compressed={{@compressed}}\n @isLoading={{@isLoading}}\n />\n </div>\n {{#if (has-block \"append\")}}\n {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n {{/if}}\n </div>\n </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;~~AAuCA~~,MAAMA,~~oBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAuCA~~,~~2gCAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n\n/*\n The wrapper EUI's inputs use for icons, the clear button, the loading\n * spinner and prepend/append content. Use it around your own controls to\n * match them.\n /\nexport interface EuiFormControlLayoutSignature {\n Element: HTMLDivElement;\n Args: {\n /* Stretches the control to its container's width. /\n fullWidth?: boolean;\n /* Shorter control, for dense forms. /\n compressed?: boolean;\n /* Read-only styling. /\n readOnly?: boolean;\n /\n Styles the control as a group with its `<:prepend>` / `<:append>`\n * content. Defaults to `true`.\n /\n useGroup?: boolean;\n /* Disabled styling. /\n disabled?: boolean;\n /* Same as `@disabled`. /\n isDisabled?: boolean;\n /* Icon inside the control, anything `EuiIcon`'s `@type` accepts. /\n icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n /* Side of `@icon`: `'left'` or `'right'`. Defaults to `'left'`. /\n iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n /* Shows a clear (\"x\") button calling this function. /\n clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n /* Shows a spinner. /\n isLoading?: boolean;\n /* @deprecated Has no effect. /\n inputId?: string;\n };\n Blocks: {\n /* Content before the control; yields the class to put on it. /\n prepend: [classes: 'euiFormControlLayout__prepend'];\n /* The control (e.g. an `<input>`); same as the default block. /\n field: [];\n /* The control. /\n default: [];\n /* Content after the control; yields the class to put on it. */\n append: [classes: 'euiFormControlLayout__append'];\n };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n <template>\n <div\n class={{classNames\n (if @fullWidth \"euiFormControlLayout--fullWidth\")\n (if @compressed \"euiFormControlLayout--compressed\")\n (if @readOnly \"euiFormControlLayout--readOnly\")\n (if\n (and\n (argOrDefault @useGroup true)\n (or (has-block \"append\") (has-block \"prepend\"))\n )\n \"euiFormControlLayout--group\"\n )\n (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n \"euiFormControlLayout\"\n }}\n ...attributes\n >\n {{#if (has-block \"prepend\")}}\n {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n {{/if}}\n <div class=\"euiFormControlLayout__childrenWrapper\">\n {{#if (has-block \"field\")}}\n {{yield to=\"field\"}}\n {{else}}\n {{yield}}\n {{/if}}\n <EuiFormControlLayoutIcons\n @icon={{@icon}}\n @iconSide={{@iconSide}}\n @clear={{@clear}}\n @compressed={{@compressed}}\n @isLoading={{@isLoading}}\n />\n </div>\n {{#if (has-block \"append\")}}\n {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n {{/if}}\n </div>\n </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;AAwDA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,q8BAAA,EAuCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-error-text.js CHANGED Viewed

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormErrorText = setComponentTemplate(precompileTemplate("\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** An error message under a control; EuiFormRow renders these from `@error`. */
+const EuiFormErrorText = setComponentTemplate(precompileTemplate("<div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-form-error-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormErrorTextSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n <template>\n <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,~~gBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAIA~~,~~4GAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** An error message under a control; EuiFormRow renders these from `@error`. /\nexport interface EuiFormErrorTextSignature {\n Element: HTMLDivElement;\n Blocks: {\n /* The message. */\n default: [];\n };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n <template>\n <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,0FAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-fieldset.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormFieldset = setComponentTemplate(precompileTemplate("\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  ", {
+const EuiFormFieldset = setComponentTemplate(precompileTemplate("<fieldset ...attributes>\n  {{#if (or @legend (has-block \"legend\"))}}\n    <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n      {{#if (has-block \"legend\")}}\n        {{yield to=\"legend\"}}\n      {{else}}\n        {{@legend}}\n      {{/if}}\n    </EuiFormLegend>\n  {{/if}}\n  {{#if (has-block \"fieldset\")}}\n    {{yield to=\"fieldset\"}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</fieldset>", {
   strictMode: true,
   scope: () => ({
     or,

package/dist/components/eui-form-fieldset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormFieldsetSignature {\n Element: HTMLFieldSetElement;\n Args: {\n legend?: string;\n compressed?: boolean;\n display?: EuiFormLegendSignature['Args']['display'];\n };\n Blocks: {\n default?: [];\n legend?: [];\n fieldset?: [];\n };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n <template>\n <fieldset ...attributes>\n {{#if (or @legend (has-block \"legend\"))}}\n <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n {{#if (has-block \"legend\")}}\n {{yield to=\"legend\"}}\n {{else}}\n {{@legend}}\n {{/if}}\n </EuiFormLegend>\n {{/if}}\n {{#if (has-block \"fieldset\")}}\n {{yield to=\"fieldset\"}}\n {{else}}\n {{yield}}\n {{/if}}\n </fieldset>\n </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;~~AAqBA~~,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAiBA~~,~~weAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Groups related controls (e.g. radios) under a legend. /\nexport interface EuiFormFieldsetSignature {\n Element: HTMLFieldSetElement;\n Args: {\n /* The legend describing the group. Use the `<:legend>` block for markup. /\n legend?: string;\n /* Smaller legend, for compressed forms. /\n compressed?: boolean;\n /\n `'hidden'` keeps the legend for screen readers only.\n * Defaults to `'visible'`.\n /\n display?: EuiFormLegendSignature['Args']['display'];\n };\n Blocks: {\n /* The controls. /\n default?: [];\n /* The legend, instead of `@legend`. /\n legend?: [];\n /* The controls; same as the default block. */\n fieldset?: [];\n };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n <template>\n <fieldset ...attributes>\n {{#if (or @legend (has-block \"legend\"))}}\n <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n {{#if (has-block \"legend\")}}\n {{yield to=\"legend\"}}\n {{else}}\n {{@legend}}\n {{/if}}\n </EuiFormLegend>\n {{/if}}\n {{#if (has-block \"fieldset\")}}\n {{yield to=\"fieldset\"}}\n {{else}}\n {{yield}}\n {{/if}}\n </fieldset>\n </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;AA+BA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,kaAAA,EAiBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-help-text.js CHANGED Viewed

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormHelpText = setComponentTemplate(precompileTemplate("\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** Help text under a control; EuiFormRow renders it from `@helpText`. */
+const EuiFormHelpText = setComponentTemplate(precompileTemplate("<div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-form-help-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormHelpTextSignature {\n Element: HTMLDivElement;\n Args: {\n id?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n <template>\n <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;~~AAYA~~,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAIA~~,~~iGAAA,EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Help text under a control; EuiFormRow renders it from `@helpText`. /\nexport interface EuiFormHelpTextSignature {\n Element: HTMLDivElement;\n Args: {\n /* Id, to reference from the control's `aria-describedby`. /\n id?: string;\n };\n Blocks: {\n /* The text. */\n default: [];\n };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n <template>\n <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAaA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,+EAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-label.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormLabel = setComponentTemplate(precompileTemplate("\n  {{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n", {
+const EuiFormLabel = setComponentTemplate(precompileTemplate("{{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n  {{#if (eq @type \"legend\")}}\n    <legend class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </legend>\n  {{else}}\n    <label class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </label>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLabelSignature {\n Element: HTMLLabelElement \| HTMLLegendElement;\n Args: {\n isFocused?: boolean;\n isInvalid?: boolean;\n type?: 'legend' \| 'label';\n for?: string;\n label?: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n {{#let\n (classNames\n (if @isFocused \"euiFormLabel-isFocused\")\n (if @isInvalid \"euiFormLabel-isInvalid\")\n \"euiFormLabel\"\n )\n as \|classes\|\n }}\n {{#if (eq @type \"legend\")}}\n <legend class={{classes}} for={{@for}} ...attributes>\n {{@label}}\n {{yield}}\n </legend>\n {{else}}\n <label class={{classes}} for={{@for}} ...attributes>\n {{@label}}\n {{yield}}\n </label>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;~~AAoBA~~,MAAMA,~~YAA6D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAqBnE~~,~~mcAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The label of a control; EuiFormRow renders it from `@label`. /\nexport interface EuiFormLabelSignature {\n Element: HTMLLabelElement \| HTMLLegendElement;\n Args: {\n /* Focused styling (the control has focus). /\n isFocused?: boolean;\n /* Invalid styling. /\n isInvalid?: boolean;\n /\n `'label'` renders a `<label>`, `'legend'` a `<legend>` (for fieldsets).\n * Defaults to `'label'`.\n /\n type?: 'legend' \| 'label';\n /* Id of the control it labels. /\n for?: string;\n /* The label text, before the block content. /\n label?: string;\n };\n Blocks: {\n /* The label text. */\n default: [];\n };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n {{#let\n (classNames\n (if @isFocused \"euiFormLabel-isFocused\")\n (if @isInvalid \"euiFormLabel-isInvalid\")\n \"euiFormLabel\"\n )\n as \|classes\|\n }}\n {{#if (eq @type \"legend\")}}\n <legend class={{classes}} for={{@for}} ...attributes>\n {{@label}}\n {{yield}}\n </legend>\n {{else}}\n <label class={{classes}} for={{@for}} ...attributes>\n {{@label}}\n {{yield}}\n </label>\n {{/if}}\n {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;AA8BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,qaAAA,EAqBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-form-legend.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFormLegend = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend class={{classNames (if (eq display \"hiddden\") \"euiFormLengend--isHidden\") (if @compressed \"euiFormLegend--compresed\") \"euiFormLegend\"}} ...attributes>\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n", {
+const EuiFormLegend = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @display \"visible\") as |display|}}\n  <legend class={{classNames (if (eq display \"hidden\") \"euiFormLegend-isHidden\") (if @compressed \"euiFormLegend--compressed\") \"euiFormLegend\"}} ...attributes>\n    {{#if (eq display \"hidden\")}}\n      <span {{screenReaderOnly}}>\n        {{yield}}\n      </span>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </legend>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-legend.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLegendSignature {\n Element: HTMLLegendElement;\n Args: {\n display?: 'hidden' \| 'visible';\n compressed?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n {{#let (argOrDefault @display \"visible\") as \|display\|}}\n <legend\n class={{classNames\n (if (eq display \"~~hiddden~~\") \"~~euiFormLengend--~~isHidden\")\n (if @compressed \"euiFormLegend--~~compresed~~\")\n \"euiFormLegend\"\n }}\n ...attributes\n >\n {{#if (eq display \"hidden\")}}\n <span {{screenReaderOnly}}>\n {{yield}}\n </span>\n {{else}}\n {{yield}}\n {{/if}}\n </legend>\n {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;~~AAmBA~~,MAAMA,~~aAA+D~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAmBrE~~,~~4aAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The legend of an EuiFormFieldset. /\nexport interface EuiFormLegendSignature {\n Element: HTMLLegendElement;\n Args: {\n /* `'hidden'` keeps it for screen readers only. Defaults to `'visible'`. /\n display?: 'hidden' \| 'visible';\n /* Smaller legend, for compressed forms. /\n compressed?: boolean;\n };\n Blocks: {\n /* The legend text. */\n default: [];\n };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n {{#let (argOrDefault @display \"visible\") as \|display\|}}\n <legend\n class={{classNames\n (if (eq display \"hidden\") \"euiFormLegend-isHidden\")\n (if @compressed \"euiFormLegend--compressed\")\n \"euiFormLegend\"\n }}\n ...attributes\n >\n {{#if (eq display \"hidden\")}}\n <span {{screenReaderOnly}}>\n {{yield}}\n </span>\n {{else}}\n {{yield}}\n {{/if}}\n </legend>\n {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;AAuBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,gZAAA,EAmBrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}