@ember-eui/core 14.0.0 → 14.1.1

package/dist/components/eui-step-horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\n\nimport type { EuiStepNumberSignature } from './eui-step-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepHorizontalSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The title of the step\n     */\n    title?: string;\n    /**\n     * The number of the step\n     */\n    step?: number;\n    /**\n     * Whether or not the step is selected\n     */\n    isSelected?: boolean;\n    /**\n     * Whether or not the step is complete\n     */\n    isComplete?: boolean;\n    /**\n     * Whether or not the step is disabled\n     */\n    disabled?: boolean;\n    /**\n     * The status of the step\n     */\n    status?: EuiStepNumberSignature['Args']['status'];\n    /**\n     * A callback for when the step is clicked\n     */\n    onStepClick?: (event: MouseEvent) => void;\n  };\n}\n\nconst EuiStepHorizontal: TemplateOnlyComponent<EuiStepHorizontalSignature> =\n  <template>\n    {{#let\n      (if\n        @disabled\n        \"disabled\"\n        (if\n          @isComplete\n          \"complete\"\n          (if @isSelected \"current\" (argOrDefault @status \"incomplete\"))\n        )\n      )\n      as |status|\n    }}\n      <li\n        class=\"euiStepHorizontal__item\"\n        aria-current={{if @isSelected \"step\"}}\n      >\n        <button\n          type=\"button\"\n          class={{classNames\n            \"euiStepHorizontal\"\n            (if (eq status \"current\") \"euiStepHorizontal-isSelected\")\n            (if (eq status \"complete\") \"euiStepHorizontal-isComplete\")\n            (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\")\n            (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")\n          }}\n          title={{@title}}\n          disabled={{@disabled}}\n          ...attributes\n          {{on \"click\" (optional @onStepClick)}}\n        >\n          <EuiStepNumber\n            class=\"euiStepHorizontal__number\"\n            {{!@glint-expect-error}}\n            @status={{status}}\n            @number={{@step}}\n          />\n          <span class=\"euiStepHorizontal__title\">\n            {{@title}}\n          </span>\n        </button>\n      </li>\n    {{/let}}\n  </template>;\n\nexport default EuiStepHorizontal;\n"],"names":["EuiStepHorizontal","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","on","optional","EuiStepNumber","templateOnly"],"mappings":";;;;;;;;;;AA8CA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2CA,k4BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiStepNumber from './eui-step-number.gts';\n\nimport type { EuiStepNumberSignature } from './eui-step-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** One step of an EuiStepsHorizontal, a clickable button. */\nexport interface EuiStepHorizontalSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The title of the step\n     */\n    title?: string;\n    /**\n     * The number of the step\n     */\n    step?: number;\n    /**\n     * Whether or not the step is selected\n     */\n    isSelected?: boolean;\n    /**\n     * Whether or not the step is complete\n     */\n    isComplete?: boolean;\n    /**\n     * Whether or not the step is disabled\n     */\n    disabled?: boolean;\n    /**\n     * `'complete'`, `'incomplete'`, `'disabled'`, `'loading'`,\n     * `'warning'` or `'danger'`. Defaults to `'incomplete'`.\n     */\n    status?: EuiStepNumberSignature['Args']['status'];\n    /**\n     * A callback for when the step is clicked\n     */\n    onStepClick?: (event: MouseEvent) => void;\n  };\n}\n\nconst EuiStepHorizontal: TemplateOnlyComponent<EuiStepHorizontalSignature> =\n  <template>\n    {{#let\n      (if\n        @disabled\n        \"disabled\"\n        (if\n          @isComplete\n          \"complete\"\n          (if @isSelected \"current\" (argOrDefault @status \"incomplete\"))\n        )\n      )\n      as |status|\n    }}\n      <li\n        class=\"euiStepHorizontal__item\"\n        aria-current={{if @isSelected \"step\"}}\n      >\n        <button\n          type=\"button\"\n          class={{classNames\n            \"euiStepHorizontal\"\n            (if (eq status \"current\") \"euiStepHorizontal-isSelected\")\n            (if (eq status \"complete\") \"euiStepHorizontal-isComplete\")\n            (if (eq status \"incomplete\") \"euiStepHorizontal-isIncomplete\")\n            (if (eq status \"disabled\") \"euiStepHorizontal-isDisabled\")\n          }}\n          title={{@title}}\n          disabled={{@disabled}}\n          ...attributes\n          {{on \"click\" (optional @onStepClick)}}\n        >\n          <EuiStepNumber\n            class=\"euiStepHorizontal__number\"\n            {{!@glint-expect-error}}\n            @status={{status}}\n            @number={{@step}}\n          />\n          <span class=\"euiStepHorizontal__title\">\n            {{@title}}\n          </span>\n        </button>\n      </li>\n    {{/let}}\n  </template>;\n\nexport default EuiStepHorizontal;\n"],"names":["EuiStepHorizontal","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","on","optional","EuiStepNumber","templateOnly"],"mappings":";;;;;;;;;;AAgDA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,k4BAAA,EA2CA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-step-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { statusToClassMap } from '../utils/css-mappings/eui-step-number.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiStepSignature } from './eui-step';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepNumberSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The number of the step\n     */\n    number?: number | string;\n    /**\n     * The status of the step\n     */\n    status?: keyof typeof statusToClassMap;\n    /**\n     * The size of the step\n     */\n    titleSize?: EuiStepSignature['Args']['titleSize'];\n    /**\n     * Whether the step is hollow\n     */\n    isHollow?: boolean;\n    /**\n     * The aria-label for the step\n     */\n    stepAriaLabel?: string;\n  };\n}\n\nconst getIconSize = helper(\n  ([titleSize]: [EuiStepNumberSignature['Args']['titleSize']]): Exclude<\n    EuiIconSignature['Args']['size'],\n    'l' | 'xl' | 'xxl'\n  > => (titleSize === 'xs' ? 's' : 'm')\n);\n\nconst EuiStepNumber: TemplateOnlyComponent<EuiStepNumberSignature> = <template>\n  {{#let (getIconSize @titleSize) as |iconSize|}}\n    <span\n      class={{classNames\n        (if @isHollow \"euiStepNumber-isHollow\")\n        componentName=\"EuiStepNumber\"\n        type=@status\n      }}\n      ...attributes\n    >\n      {{#if (eq @status \"complete\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"check\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"warning\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"warning\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"danger\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"cross\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"loading\")}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <EuiLoadingSpinner\n          class=\"euiStepNumber__loader\"\n          @size={{if (eq iconSize \"s\") \"l\" \"xl\"}}\n        />\n      {{else}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n          {{@number}}\n        </span>\n      {{/if}}\n    </span>\n  {{/let}}\n</template>;\n\nexport default EuiStepNumber;\n"],"names":["getIconSize","helper","titleSize","EuiStepNumber","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","screenReaderOnly","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;AAwCA,MAAMA,WAAA,GAAcC,OAClB,CAAC,CAACC,UAAyD,KAGrDA,SAAc,KAAA,IAAA,GAAO,MAAM,GAAG,CAAA;AAGtC,MAAMC,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CA0CrE,s+BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAP,WAAA;IAAAQ,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { statusToClassMap } from '../utils/css-mappings/eui-step-number.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiStepSignature } from './eui-step';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The circle with a step's number or status icon. */\nexport interface EuiStepNumberSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The number of the step\n     */\n    number?: number | string;\n    /**\n     * `'complete'`, `'incomplete'`, `'disabled'`, `'loading'`,\n     * `'warning'` or `'danger'`; without one the number is shown.\n     */\n    status?: keyof typeof statusToClassMap;\n    /**\n     * The size of the step\n     */\n    titleSize?: EuiStepSignature['Args']['titleSize'];\n    /**\n     * Whether the step is hollow\n     */\n    isHollow?: boolean;\n    /**\n     * The aria-label for the step\n     */\n    stepAriaLabel?: string;\n  };\n}\n\nconst getIconSize = helper(\n  ([titleSize]: [EuiStepNumberSignature['Args']['titleSize']]): Exclude<\n    EuiIconSignature['Args']['size'],\n    'l' | 'xl' | 'xxl'\n  > => (titleSize === 'xs' ? 's' : 'm')\n);\n\nconst EuiStepNumber: TemplateOnlyComponent<EuiStepNumberSignature> = <template>\n  {{#let (getIconSize @titleSize) as |iconSize|}}\n    <span\n      class={{classNames\n        (if @isHollow \"euiStepNumber-isHollow\")\n        componentName=\"EuiStepNumber\"\n        type=@status\n      }}\n      ...attributes\n    >\n      {{#if (eq @status \"complete\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"check\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"warning\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"warning\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"danger\")}}\n        <EuiIcon\n          @iconClasses=\"euiStepNumber__icon\"\n          @type=\"cross\"\n          @size={{iconSize}}\n        />\n      {{else if (eq @status \"loading\")}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <EuiLoadingSpinner\n          class=\"euiStepNumber__loader\"\n          @size={{if (eq iconSize \"s\") \"l\" \"xl\"}}\n        />\n      {{else}}\n        <span {{screenReaderOnly}}>{{@stepAriaLabel}}</span>\n        <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n          {{@number}}\n        </span>\n      {{/if}}\n    </span>\n  {{/let}}\n</template>;\n\nexport default EuiStepNumber;\n"],"names":["getIconSize","helper","titleSize","EuiStepNumber","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","screenReaderOnly","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;AA0CA,MAAMA,WAAA,GAAcC,OAClB,CAAC,CAACC,UAAyD,KAGrDA,SAAA,KAAc,IAAA,GAAO,MAAM,GAAG,CAAA;AAGtC,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,s+BAAA,EA0CrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAP,WAAA;IAAAQ,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.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 EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepSignature {\n  Element: HTMLDivElement;\n  Args: {\n    step: number;\n    title: string;\n    status?: 'incomplete' | 'complete' | 'disabled';\n    titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' | 'xxs' | 'l'>;\n    headingElement?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiStep: TemplateOnlyComponent<EuiStepSignature> = <template>\n  <div\n    class={{classNames\n      \"euiStep\"\n      (if (eq @titleSize \"xs\") \"euiStep--small\")\n      (if (eq @status \"disabled\") \"euiStep-isDisabled\")\n    }}\n    ...attributes\n  >\n    <div class=\"euiStep__titleWrapper\">\n      <EuiStepNumber\n        class={{classNames\n          \"euiStep__circle\"\n          (if (eq @titleSize \"xs\") \"euiStepNumber--small\")\n        }}\n        @number={{@step}}\n        @status={{@status}}\n        @titleSize={{argOrDefault @titleSize \"s\"}}\n        @isHollow={{eq @status \"incomplete\"}}\n      />\n      <EuiTitle\n        @size={{@titleSize}}\n        @tagName={{argOrDefault @headingElement \"p\"}}\n        class=\"euiStep__title\"\n      >\n        {{@title}}\n      </EuiTitle>\n    </div>\n    <div class=\"euiStep__content\">\n      {{yield}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiStep;\n"],"names":["EuiStep","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiStepNumber","argOrDefault","EuiTitle","templateOnly"],"mappings":";;;;;;;;;AAwBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAgCzD,opBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-step.js","sources":["../../src/components/eui-step.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 EuiStepNumber from './eui-step-number.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** One step of an EuiSteps list. */\nexport interface EuiStepSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The step's number, shown in its circle. */\n    step: number;\n    /** The step's title. */\n    title: string;\n    /**\n     * `'complete'` shows a check, `'incomplete'` a hollow circle,\n     * `'disabled'` greys it out. Defaults to the number.\n     */\n    status?: 'incomplete' | 'complete' | 'disabled';\n    /** Size of the title: `'xs'`, `'s'` or `'m'`. Defaults to `'s'`. */\n    titleSize?: Exclude<EuiTitleSignature['Args']['size'], 'xxxs' | 'xxs' | 'l'>;\n    /** Tag of the title, e.g. `'h3'`. Defaults to `'p'`. */\n    headingElement?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n  };\n  Blocks: {\n    /** The step's instructions, e.g. text, code blocks or EuiSubSteps. */\n    default: [];\n  };\n}\n\nconst EuiStep: TemplateOnlyComponent<EuiStepSignature> = <template>\n  <div\n    class={{classNames\n      \"euiStep\"\n      (if (eq @titleSize \"xs\") \"euiStep--small\")\n      (if (eq @status \"disabled\") \"euiStep-isDisabled\")\n    }}\n    ...attributes\n  >\n    <div class=\"euiStep__titleWrapper\">\n      <EuiStepNumber\n        class={{classNames\n          \"euiStep__circle\"\n          (if (eq @titleSize \"xs\") \"euiStepNumber--small\")\n        }}\n        @number={{@step}}\n        @status={{@status}}\n        @titleSize={{argOrDefault @titleSize \"s\"}}\n        @isHollow={{eq @status \"incomplete\"}}\n      />\n      <EuiTitle\n        @size={{@titleSize}}\n        @tagName={{argOrDefault @headingElement \"p\"}}\n        class=\"euiStep__title\"\n      >\n        {{@title}}\n      </EuiTitle>\n    </div>\n    <div class=\"euiStep__content\">\n      {{yield}}\n    </div>\n  </div>\n</template>;\n\nexport default EuiStep;\n"],"names":["EuiStep","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiStepNumber","argOrDefault","EuiTitle","templateOnly"],"mappings":";;;;;;;;;AAkCA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,opBAAA,EAgCzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-steps-horizontal.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** A horizontal progress of steps (`EuiStepHorizontal`), e.g. a wizard's header. */
 const EuiStepsHorizontal = setComponentTemplate(precompileTemplate("<ol class=\"euiStepsHorizontal\" ...attributes>\n  {{yield}}\n</ol>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-steps-horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-steps-horizontal.js","sources":["../../src/components/eui-steps-horizontal.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsHorizontalSignature {\n  Element: HTMLOListElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiStepsHorizontal: TemplateOnlyComponent<EuiStepsHorizontalSignature> =\n  <template>\n    <ol class=\"euiStepsHorizontal\" ...attributes>\n      {{yield}}\n    </ol>\n  </template>;\n\nexport default EuiStepsHorizontal;\n"],"names":["EuiStepsHorizontal","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,qEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-steps-horizontal.js","sources":["../../src/components/eui-steps-horizontal.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A horizontal progress of steps (`EuiStepHorizontal`), e.g. a wizard's header. */\nexport interface EuiStepsHorizontalSignature {\n  Element: HTMLOListElement;\n  Blocks: {\n    /** The `EuiStepHorizontal`s. */\n    default: [];\n  };\n}\n\nconst EuiStepsHorizontal: TemplateOnlyComponent<EuiStepsHorizontalSignature> =\n  <template>\n    <ol class=\"euiStepsHorizontal\" ...attributes>\n      {{yield}}\n    </ol>\n  </template>;\n\nexport default EuiStepsHorizontal;\n"],"names":["EuiStepsHorizontal","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,qEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-steps.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** A vertical list of numbered steps (`EuiStep`), e.g. setup instructions. */
 const EuiSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

@@ -1 +1 @@
-{"version":3,"file":"eui-steps.js","sources":["../../src/components/eui-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiStepsSignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiSteps: TemplateOnlyComponent<EuiStepsSignature> = <template>\n  <div class=\"euiSteps\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiSteps;\n"],"names":["EuiSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CAI3D,6DAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-steps.js","sources":["../../src/components/eui-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A vertical list of numbered steps (`EuiStep`), e.g. setup instructions. */\nexport interface EuiStepsSignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    /** The `EuiStep`s. */\n    default: [];\n  };\n}\n\nconst EuiSteps: TemplateOnlyComponent<EuiStepsSignature> = <template>\n  <div class=\"euiSteps\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiSteps;\n"],"names":["EuiSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAUA,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,6DAAA,EAI3D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-sub-steps.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** A shaded box inside an EuiStep for nested instructions. */
 const EuiSubSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSubSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-sub-steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-sub-steps.js","sources":["../../src/components/eui-sub-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiSubStepsSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiSubSteps: TemplateOnlyComponent<EuiSubStepsSignature> = <template>\n  <div class=\"euiSubSteps\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiSubSteps;\n"],"names":["EuiSubSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CAIjE,gEAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-sub-steps.js","sources":["../../src/components/eui-sub-steps.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A shaded box inside an EuiStep for nested instructions. */\nexport interface EuiSubStepsSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiSubSteps: TemplateOnlyComponent<EuiSubStepsSignature> = <template>\n  <div class=\"euiSubSteps\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiSubSteps;\n"],"names":["EuiSubSteps","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,gEAAA,EAIjE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,96 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import EuiFieldText from './eui-field-text.js';
+import EuiIcon from './eui-icon.js';
+import EuiInputPopoverComponent from './eui-input-popover.js';
+import EuiToolTip from './eui-tool-tip.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+const STATUS = {
+  unsaved: {
+    icon: 'dot',
+    color: 'accent',
+    tooltip: 'Changes have not been saved.'
+  },
+  saved: {
+    icon: 'checkInCircleFilled',
+    color: 'success',
+    tooltip: 'Saved.'
+  }
+};
+
+/**
+ * The text field of an `EuiSuggest`, opening a popover with the
+ * suggestions while it has text. Usually rendered for you by `EuiSuggest`.
+ */
+
+class EuiSuggestInput extends Component {
+  static {
+    g(this.prototype, "value", [tracked], function () {
+      return '';
+    });
+  }
+  #value = (i(this, "value"), void 0);
+  static {
+    g(this.prototype, "isPopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isPopoverOpen = (i(this, "isPopoverOpen"), void 0);
+  constructor(...args) {
+    super(...args);
+    this.args.registerClose?.(this.closePopover);
+  }
+  get statusIcon() {
+    const status = this.args.status;
+    return status === 'saved' || status === 'unsaved' ? STATUS[status] : undefined;
+  }
+  get tooltip() {
+    return this.args.tooltipContent ?? this.statusIcon?.tooltip;
+  }
+  onInput(event) {
+    this.value = event.target.value;
+    this.isPopoverOpen = this.value !== '';
+    this.args.sendValue?.(this.value);
+  }
+  static {
+    n(this.prototype, "onInput", [action]);
+  }
+  closePopover() {
+    this.isPopoverOpen = false;
+  }
+  static {
+    n(this.prototype, "closePopover", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiInputPopover class=\"euiSuggestInput\" @isOpen={{and2 @hasSuggestions this.isPopoverOpen}} @closePopover={{this.closePopover}} @panelPaddingSize=\"none\" @fullWidth={{true}} @disableFocusTrap={{true}}>\n  <:input>\n    {{#if (or2 this.statusIcon (has-block \"append\"))}}\n      <EuiFieldText @value={{this.value}} @fullWidth={{true}} @isLoading={{eq2 @status \"loading\"}} @placeholder={{@placeholder}} {{on \"input\" this.onInput}} ...attributes>\n        <:append as |className|>\n          <div class={{className}}>\n            {{#if this.statusIcon}}\n              <EuiToolTip @position=\"left\" @content={{this.tooltip}}>\n                <EuiIcon class=\"euiSuggestInput__statusIcon\" @type={{this.statusIcon.icon}} @color={{this.statusIcon.color}} />\n              </EuiToolTip>\n            {{/if}}\n            {{yield to=\"append\"}}\n          </div>\n        </:append>\n      </EuiFieldText>\n    {{else}}\n      <EuiFieldText @value={{this.value}} @fullWidth={{true}} @isLoading={{eq2 @status \"loading\"}} @placeholder={{@placeholder}} {{on \"input\" this.onInput}} ...attributes />\n    {{/if}}\n  </:input>\n  <:content>\n    {{yield}}\n  </:content>\n</EuiInputPopover>", {
+      strictMode: true,
+      scope: () => ({
+        EuiInputPopover: EuiInputPopoverComponent,
+        and2,
+        or2,
+        EuiFieldText,
+        eq2,
+        on,
+        EuiToolTip,
+        EuiIcon
+      })
+    }), this);
+  }
+}
+function and2(a, b) {
+  return Boolean(a && b);
+}
+function or2(a, b) {
+  return Boolean(a || b);
+}
+function eq2(a, b) {
+  return a === b;
+}
+
+export { EuiSuggestInput as default };
+//# sourceMappingURL=eui-suggest-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-suggest-input.js","sources":["../../src/components/eui-suggest-input.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport EuiFieldText from './eui-field-text.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nconst STATUS = {\n  unsaved: { icon: 'dot', color: 'accent', tooltip: 'Changes have not been saved.' },\n  saved: { icon: 'checkInCircleFilled', color: 'success', tooltip: 'Saved.' }\n} as const;\n\nexport type EuiSuggestStatus = 'unchanged' | 'unsaved' | 'saved' | 'loading';\n\n/**\n * The text field of an `EuiSuggest`, opening a popover with the\n * suggestions while it has text. Usually rendered for you by `EuiSuggest`.\n */\nexport interface EuiSuggestInputSignature {\n  Element: HTMLInputElement;\n  Args: {\n    /** Whether there are suggestions to show (the popover opens only then). */\n    hasSuggestions: boolean;\n    /**\n     * `'unsaved'` (dot), `'saved'` (check), `'loading'` (spinner) or\n     * `'unchanged'` (nothing). Defaults to `'unchanged'`.\n     */\n    status?: EuiSuggestStatus;\n    /** Tooltip of the status icon, instead of \"Saved.\" / \"Changes have not been saved.\". */\n    tooltipContent?: string;\n    /** Called with the field's text on every change. */\n    sendValue?: (value: string) => void;\n    /** Placeholder of the field. */\n    placeholder?: string;\n    /** @private Closes the popover (set after a suggestion is clicked). */\n    registerClose?: (close: () => void) => void;\n  };\n  Blocks: {\n    /** The suggestions, shown in the popover. */\n    default: [];\n    /** Content after the field (and the status icon). */\n    append: [];\n  };\n}\n\nexport default class EuiSuggestInput extends Component<EuiSuggestInputSignature> {\n  @tracked value = '';\n  @tracked isPopoverOpen = false;\n\n  constructor(...args: ConstructorParameters<typeof Component<EuiSuggestInputSignature>>) {\n    super(...args);\n    this.args.registerClose?.(this.closePopover);\n  }\n\n  get statusIcon(): (typeof STATUS)[keyof typeof STATUS] | undefined {\n    const status = this.args.status;\n\n    return status === 'saved' || status === 'unsaved' ? STATUS[status] : undefined;\n  }\n\n  get tooltip(): string | undefined {\n    return this.args.tooltipContent ?? this.statusIcon?.tooltip;\n  }\n\n  @action\n  onInput(event: Event): void {\n    this.value = (event.target as HTMLInputElement).value;\n    this.isPopoverOpen = this.value !== '';\n    this.args.sendValue?.(this.value);\n  }\n\n  @action\n  closePopover(): void {\n    this.isPopoverOpen = false;\n  }\n\n  <template>\n    <EuiInputPopover\n      class=\"euiSuggestInput\"\n      @isOpen={{and2 @hasSuggestions this.isPopoverOpen}}\n      @closePopover={{this.closePopover}}\n      @panelPaddingSize=\"none\"\n      @fullWidth={{true}}\n      @disableFocusTrap={{true}}\n    >\n      <:input>\n        {{#if (or2 this.statusIcon (has-block \"append\"))}}\n          <EuiFieldText\n            @value={{this.value}}\n            @fullWidth={{true}}\n            @isLoading={{eq2 @status \"loading\"}}\n            @placeholder={{@placeholder}}\n            {{on \"input\" this.onInput}}\n            ...attributes\n          >\n            <:append as |className|>\n              <div class={{className}}>\n                {{#if this.statusIcon}}\n                  <EuiToolTip @position=\"left\" @content={{this.tooltip}}>\n                    <EuiIcon\n                      class=\"euiSuggestInput__statusIcon\"\n                      @type={{this.statusIcon.icon}}\n                      @color={{this.statusIcon.color}}\n                    />\n                  </EuiToolTip>\n                {{/if}}\n                {{yield to=\"append\"}}\n              </div>\n            </:append>\n          </EuiFieldText>\n        {{else}}\n          <EuiFieldText\n            @value={{this.value}}\n            @fullWidth={{true}}\n            @isLoading={{eq2 @status \"loading\"}}\n            @placeholder={{@placeholder}}\n            {{on \"input\" this.onInput}}\n            ...attributes\n          />\n        {{/if}}\n      </:input>\n      <:content>\n        {{yield}}\n      </:content>\n    </EuiInputPopover>\n  </template>\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction or2(a: unknown, b: unknown): boolean {\n  return Boolean(a || b);\n}\n\nfunction eq2(a: unknown, b: unknown): boolean {\n  return a === b;\n}\n"],"names":["STATUS","unsaved","icon","color","tooltip","saved","EuiSuggestInput","Component","g","prototype","tracked","i","constructor","args","registerClose","closePopover","statusIcon","status","undefined","tooltipContent","onInput","event","value","target","isPopoverOpen","sendValue","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInputPopover","and2","or2","EuiFieldText","eq2","on","EuiToolTip","EuiIcon","a","b","Boolean"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { on } from '@ember/modifier';
+import { element } from 'ember-element-helper';
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const TINTS = ['tint0', 'tint1', 'tint2', 'tint3', 'tint4', 'tint5', 'tint6', 'tint7', 'tint8', 'tint9', 'tint10'];
+
+/**
+ * One suggestion of an `EuiSuggest`: a colored type icon, a label and an
+ * optional description. With `@onClick` it is a button.
+ */
+
+function typeClass(type) {
+  return type.color && TINTS.includes(type.color) ? `euiSuggestItem__type euiSuggestItem__type--${type.color}` : 'euiSuggestItem__type';
+}
+function labelClass(labelDisplay = 'fixed', labelWidth = '50', description) {
+  const display = description ? labelDisplay : 'expand';
+  return ['euiSuggestItem__label', `euiSuggestItem__labelDisplay--${display}`, labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`].filter(Boolean).join(' ');
+}
+function noop() {}
+const EuiSuggestItem = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n  <Tag class=\"euiSuggestItem {{if @onClick \"euiSuggestItem-isClickable\"}}\" type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class={{typeClass @type}}>\n      <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n    </span>\n    <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n    {{#if @description}}\n      <span class=\"euiSuggestItem__description euiSuggestItem__description--{{if @descriptionDisplay @descriptionDisplay \"truncate\"}}\">{{@description}}</span>\n    {{/if}}\n  </Tag>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    on,
+    noop,
+    typeClass,
+    EuiIcon,
+    labelClass
+  })
+}), templateOnly());
+
+export { EuiSuggestItem as default };
+//# sourceMappingURL=eui-suggest-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-suggest-item.js","sources":["../../src/components/eui-suggest-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst TINTS = [\n  'tint0',\n  'tint1',\n  'tint2',\n  'tint3',\n  'tint4',\n  'tint5',\n  'tint6',\n  'tint7',\n  'tint8',\n  'tint9',\n  'tint10'\n];\n\nexport interface EuiSuggestItemType {\n  /** Icon of the suggestion's type, e.g. `'kqlField'` or `'search'`. */\n  iconType: EuiIconSignature['Args']['type'];\n  /** `'tint0'` to `'tint10'`, the color behind the icon. */\n  color?: string;\n}\n\n/**\n * One suggestion of an `EuiSuggest`: a colored type icon, a label and an\n * optional description. With `@onClick` it is a button.\n */\nexport interface EuiSuggestItemSignature {\n  Element: HTMLButtonElement | HTMLDivElement;\n  Args: {\n    /** The suggestion's type: its icon and color. */\n    type: EuiSuggestItemType;\n    /** The suggestion. */\n    label: string;\n    /** More about it, after the label. */\n    description?: string;\n    /**\n     * `'fixed'` keeps the label at `@labelWidth`; `'expand'` lets it take\n     * the space it needs. Defaults to `'fixed'` (`'expand'` without a\n     * description).\n     */\n    labelDisplay?: 'fixed' | 'expand';\n    /** Width of the label in percent, `'20'` to `'90'` by tens. Defaults to `'50'`. */\n    labelWidth?: '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';\n    /** `'truncate'` or `'wrap'` a long description. Defaults to `'truncate'`. */\n    descriptionDisplay?: 'truncate' | 'wrap';\n    /** Makes it a button. */\n    onClick?: (event: MouseEvent) => void;\n  };\n}\n\nfunction typeClass(type: EuiSuggestItemType): string {\n  return type.color && TINTS.includes(type.color)\n    ? `euiSuggestItem__type euiSuggestItem__type--${type.color}`\n    : 'euiSuggestItem__type';\n}\n\nfunction labelClass(labelDisplay = 'fixed', labelWidth = '50', description?: string): string {\n  const display = description ? labelDisplay : 'expand';\n\n  return [\n    'euiSuggestItem__label',\n    `euiSuggestItem__labelDisplay--${display}`,\n    labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiSuggestItem: TemplateOnlyComponent<EuiSuggestItemSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n    <Tag\n      class=\"euiSuggestItem {{if @onClick 'euiSuggestItem-isClickable'}}\"\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span class={{typeClass @type}}>\n        <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n      </span>\n      <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n      {{#if @description}}\n        <span\n          class=\"euiSuggestItem__description euiSuggestItem__description--{{if\n            @descriptionDisplay\n            @descriptionDisplay\n            'truncate'\n          }}\"\n        >{{@description}}</span>\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nexport default EuiSuggestItem;\n"],"names":["TINTS","typeClass","type","color","includes","labelClass","labelDisplay","labelWidth","description","display","filter","Boolean","join","noop","EuiSuggestItem","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","EuiIcon","templateOnly"],"mappings":";;;;;;;AASA,MAAMA,KAAA,GAAQ,CACZ,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,QAAA,CACD;;AASD;;;AAGC;;AAyBD,SAASC,SAAAA,CAAUC,IAAwB,EAAS;AAClD,EAAA,OAAOA,IAAA,CAAKC,KAAK,IAAIH,KAAA,CAAMI,QAAQ,CAACF,IAAA,CAAKC,KAAK,CAAA,GAC1C,CAAA,2CAAA,EAA8CD,IAAA,CAAKC,KAAK,CAAA,CAAE,GAC1D,sBAAA;AACN;AAEA,SAASE,UAAAA,CAAWC,YAAA,GAAe,OAAO,EAAEC,UAAA,GAAa,IAAI,EAAEC,WAAoB,EAAS;AAC1F,EAAA,MAAMC,OAAA,GAAUD,cAAcF,YAAA,GAAe,QAAA;EAE7C,OAAO,CACL,uBAAA,EACA,CAAA,8BAAA,EAAiCG,OAAA,EAAS,EAC1CH,YAAA,KAAiB,OAAA,IAAW,CAAA,4BAAA,EAA+BC,UAAA,CAAA,CAAY,CACxE,CACEG,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,opBAAA,EAuBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,EAAA;IAAAP,IAAA;IAAAZ,SAAA;IAAAoB,OAAA;AAAAhB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAiB,YAAA,EAAA;;"}

package/dist/components/eui-suggest.js

@@ -0,0 +1,38 @@
+import Component from '@glimmer/component';
+import { fn } from '@ember/helper';
+import { action } from '@ember/object';
+import EuiSuggestInput from './eui-suggest-input.js';
+import EuiSuggestItem from './eui-suggest-item.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+
+class EuiSuggest extends Component {
+  closePopover;
+  registerClose(close) {
+    this.closePopover = close;
+  }
+  static {
+    n(this.prototype, "registerClose", [action]);
+  }
+  onItemClick(item) {
+    this.args.onItemClick?.(item);
+    this.closePopover?.();
+  }
+  static {
+    n(this.prototype, "onItemClick", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div>\n  {{#if (has-block \"append\")}}\n    <EuiSuggestInput @hasSuggestions={{if @suggestions.length true false}} @status={{@status}} @tooltipContent={{@tooltipContent}} @sendValue={{@onInputChange}} @placeholder={{@placeholder}} @registerClose={{this.registerClose}} ...attributes>\n      <:default>\n        {{#each @suggestions as |item|}}\n          <EuiSuggestItem @type={{item.type}} @label={{item.label}} @description={{item.description}} @labelWidth={{item.labelWidth}} @descriptionDisplay={{item.descriptionDisplay}} @onClick={{if @onItemClick (fn this.onItemClick item)}} />\n        {{/each}}\n      </:default>\n      <:append>{{yield to=\"append\"}}</:append>\n    </EuiSuggestInput>\n  {{else}}\n    <EuiSuggestInput @hasSuggestions={{if @suggestions.length true false}} @status={{@status}} @tooltipContent={{@tooltipContent}} @sendValue={{@onInputChange}} @placeholder={{@placeholder}} @registerClose={{this.registerClose}} ...attributes>\n      {{#each @suggestions as |item|}}\n        <EuiSuggestItem @type={{item.type}} @label={{item.label}} @description={{item.description}} @labelWidth={{item.labelWidth}} @descriptionDisplay={{item.descriptionDisplay}} @onClick={{if @onItemClick (fn this.onItemClick item)}} />\n      {{/each}}\n    </EuiSuggestInput>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiSuggestInput,
+        EuiSuggestItem,
+        fn
+      })
+    }), this);
+  }
+}
+
+export { EuiSuggest as default };
+//# sourceMappingURL=eui-suggest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-suggest.js","sources":["../../src/components/eui-suggest.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport EuiSuggestInput from './eui-suggest-input.gts';\nimport EuiSuggestItem from './eui-suggest-item.gts';\n\nimport type { EuiSuggestStatus } from './eui-suggest-input';\nimport type { EuiSuggestItemSignature } from './eui-suggest-item';\n\nexport interface EuiSuggestion {\n  /** The suggestion's type: `{ iconType, color }` (`'tint0'`–`'tint10'`). */\n  type: EuiSuggestItemSignature['Args']['type'];\n  /** The suggestion. */\n  label: string;\n  /** More about it. */\n  description?: string;\n  /** Width of the label in percent. Defaults to `'50'`. */\n  labelWidth?: EuiSuggestItemSignature['Args']['labelWidth'];\n  /** `'truncate'` or `'wrap'` the description. */\n  descriptionDisplay?: EuiSuggestItemSignature['Args']['descriptionDisplay'];\n  [key: string]: unknown;\n}\n\n/**\n * A text field that suggests values as you type (fields, saved queries,\n * recent searches), with an optional save status. You filter the\n * suggestions from the typed text (`@onInputChange`) and handle the\n * chosen one (`@onItemClick`).\n */\nexport interface EuiSuggestSignature {\n  Element: HTMLInputElement;\n  Args: {\n    /** The suggestions to show. */\n    suggestions: EuiSuggestion[];\n    /** Called with the clicked suggestion. */\n    onItemClick?: (item: EuiSuggestion) => void;\n    /** Called with the field's text on every change. */\n    onInputChange?: (value: string) => void;\n    /**\n     * `'unsaved'`, `'saved'`, `'loading'` or `'unchanged'`. Defaults to\n     * `'unchanged'`.\n     */\n    status?: EuiSuggestStatus;\n    /** Tooltip of the status icon. */\n    tooltipContent?: string;\n    /** Placeholder of the field. */\n    placeholder?: string;\n  };\n  Blocks: {\n    /** Content after the field, e.g. a button. */\n    append: [];\n  };\n}\n\nexport default class EuiSuggest extends Component<EuiSuggestSignature> {\n  closePopover?: () => void;\n\n  @action\n  registerClose(close: () => void): void {\n    this.closePopover = close;\n  }\n\n  @action\n  onItemClick(item: EuiSuggestion): void {\n    this.args.onItemClick?.(item);\n    this.closePopover?.();\n  }\n\n  <template>\n    <div>\n      {{#if (has-block \"append\")}}\n        <EuiSuggestInput\n          @hasSuggestions={{if @suggestions.length true false}}\n          @status={{@status}}\n          @tooltipContent={{@tooltipContent}}\n          @sendValue={{@onInputChange}}\n          @placeholder={{@placeholder}}\n          @registerClose={{this.registerClose}}\n          ...attributes\n        >\n          <:default>\n            {{#each @suggestions as |item|}}\n              <EuiSuggestItem\n                @type={{item.type}}\n                @label={{item.label}}\n                @description={{item.description}}\n                @labelWidth={{item.labelWidth}}\n                @descriptionDisplay={{item.descriptionDisplay}}\n                @onClick={{if @onItemClick (fn this.onItemClick item)}}\n              />\n            {{/each}}\n          </:default>\n          <:append>{{yield to=\"append\"}}</:append>\n        </EuiSuggestInput>\n      {{else}}\n        <EuiSuggestInput\n          @hasSuggestions={{if @suggestions.length true false}}\n          @status={{@status}}\n          @tooltipContent={{@tooltipContent}}\n          @sendValue={{@onInputChange}}\n          @placeholder={{@placeholder}}\n          @registerClose={{this.registerClose}}\n          ...attributes\n        >\n          {{#each @suggestions as |item|}}\n            <EuiSuggestItem\n              @type={{item.type}}\n              @label={{item.label}}\n              @description={{item.description}}\n              @labelWidth={{item.labelWidth}}\n              @descriptionDisplay={{item.descriptionDisplay}}\n              @onClick={{if @onItemClick (fn this.onItemClick item)}}\n            />\n          {{/each}}\n        </EuiSuggestInput>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiSuggest","Component","closePopover","registerClose","close","n","prototype","action","onItemClick","item","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiSuggestInput","EuiSuggestItem","fn"],"mappings":";;;;;;;;;AAuDe,MAAMA,mBAAmBC,SAAA,CAAU;EAChDC,YAAA;EAGAC,aAAAA,CAAcC,KAAiB,EAAQ;IACrC,IAAI,CAACF,YAAY,GAAGE,KAAA;AACtB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAMDC,WAAAA,CAAYC,IAAmB,EAAQ;AACrC,IAAA,IAAI,CAACC,IAAI,CAACF,WAAW,GAAGC,IAAA,CAAA;IACxB,IAAI,CAACP,YAAY,IAAA;AACnB,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAJCC,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,ixCAAA,EAiDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;QAAAC,cAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  dateFormat?: string;\n  timeFormat?: string;\n  locale?: LocaleSpecifier;\n  value: string;\n  onChange: (value: string, event?: Event) => void;\n  roundUp: boolean;\n  position: 'start' | 'end';\n  labelPrefix: string;\n  utcOffset?: number;\n}\n\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div>\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <EuiFormRow\n            class=\"euiSuperDatePicker__absoluteDateFormRow\"\n            @isInvalid={{this.isTextInvalid}}\n            @error={{if this.isTextInvalid dateFormatError}}\n          >\n            <EuiFieldText\n              @isInvalid={{this.isTextInvalid}}\n              @value={{this.textInputValue}}\n              @compressed={{true}}\n              {{on \"input\" this.triggerChange}}\n              {{on \"change\" this.handleTextChange}}\n            >\n              <:prepend as |classes|>\n                <EuiFormLabel class={{classes}}>\n                  {{@labelPrefix}}\n                </EuiFormLabel>\n              </:prepend>\n            </EuiFieldText>\n          </EuiFormRow>\n        </Token>\n      </EuiI18n>\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":";;;;;;;;;;;;;;;;AAkCe,MAAMA,oBAAoBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAChDC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAqB,EAAE;AAC/C,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;IAEb,MAAMC,WAAA,GAAcC,SAASC,KAAK,CAAC,IAAI,CAACH,IAAI,CAACI,KAAK,EAAE;AAClDC,MAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACK;AACrB,KAAA,CAAA;AACA,IAAA,MAAMC,aACJ,GAAAL,WAAA,IAAeA,WAAY,CAAAM,OAAO,KAAKN,WAAc,GAAAO,MAAA,EAAA;IAEvD,MAAMC,iBAAiBH,aACpB,CAAAI,MAAM,CAAC,IAAI,CAACV,IAAI,CAACU,MAAM,IAAI,MAC3BC,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAE9B,IAAI,CAACC,aAAa,GAAG,KAAA;IACrB,IAAI,CAACJ,cAAc,GAAGA,cAAA;IACtB,IAAI,CAACH,aAAa,GAAGA,aAAA;AACvB;AAGAQ,EAAAA,YAAAA,CAAaC,IAAS,EAAEC,CAAQ,EAAE;IAChC,IAAID,SAAS,IAAM,EAAA;AACjB,MAAA;AACF;AAEA,IAAA,IAAI,CAACf,IAAI,CAACiB,QAAQ,CAACF,IAAA,CAAKG,WAAW,EAAI,EAAAF,CAAA,CAAA;AAEvC,IAAA,MAAMV,gBAAgBE,MAAO,CAAAO,IAAA,CAAA;IAE7B,IAAI,CAACT,aAAa,GAAGA,aAAA;AACrB,IAAA,IAAI,CAACG,cAAc,GAAGH,aAAc,CAAAK,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAC/D,IAAI,CAACC,aAAa,GAAG,KAAA;AACvB;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,cAAA,EAAA,CAbCyB,MAAA,CAAA,CAAA;AAAA;EAgBDC,gBAAiBA,CAAAL,CAAQ,EAAE;AACzB,IAAA,MAAMV,aAAgB,GAAAE,MAAA,CACnBQ,CAAA,CAAEM,MAAM,CAAsBlB,KAAK,EACpC,IAAI,CAACJ,IAAI,CAACY,UAAU,EACpB,IAAA,CAAA;AAEF,IAAA,MAAMW,WAAA,GAAcjB,cAAcC,OAAO,EAAA;AAEzC,IAAA,IAAIgB,WAAa,EAAA;AACf,MAAA,IAAI,CAACvB,IAAI,CAACiB,QAAQ,CAACX,aAAA,CAAcY,WAAW,EAAI,EAAAF,CAAA,CAAA;AAClD;AAEA,IAAA,IAAI,CAACP,cAAc,GAAIO,EAAEM,MAAM,CAAsBlB,KAAK;AAC1D,IAAA,IAAI,CAACS,aAAa,GAAG,CAACU,WAAA;AACtB,IAAA,IAAI,CAACjB,aAAa,GAAGiB,WAAA,GAAcjB,aAAgB,GAAA,IAAA;AACrD;AAEA;AACA;AACA;AACA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,kBAAA,EAAA,CArBCyB,MAAA,CAAA,CAAA;AAAA;EAuBDI,aAAcA,CAAAR,CAAQ,EAAE;AACrBA,IAAAA,CAAE,CAAAM,MAAM,CAAsBG,IAAI,EAAA;AAClCT,IAAAA,CAAE,CAAAM,MAAM,CAAsBI,KAAK,EAAA;AACtC;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,eAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAoCA,23BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;iBAAAC,gBAAA;QAAAC,IAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n}\n\n/** @private The \"Absolute\" tab of the date popover. */\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div>\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <EuiFormRow\n            class=\"euiSuperDatePicker__absoluteDateFormRow\"\n            @isInvalid={{this.isTextInvalid}}\n            @error={{if this.isTextInvalid dateFormatError}}\n          >\n            <EuiFieldText\n              @isInvalid={{this.isTextInvalid}}\n              @value={{this.textInputValue}}\n              @compressed={{true}}\n              {{on \"input\" this.triggerChange}}\n              {{on \"change\" this.handleTextChange}}\n            >\n              <:prepend as |classes|>\n                <EuiFormLabel class={{classes}}>\n                  {{@labelPrefix}}\n                </EuiFormLabel>\n              </:prepend>\n            </EuiFieldText>\n          </EuiFormRow>\n        </Token>\n      </EuiI18n>\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":";;;;;;;;;;;;;;;;AA4Ce,MAAMA,oBAAoBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAChDC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAqB,EAAE;AAC/C,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IAEb,MAAMC,WAAA,GAAcC,SAASC,KAAK,CAAC,IAAI,CAACH,IAAI,CAACI,KAAK,EAAE;AAClDC,MAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACK;AACrB,KAAA,CAAA;AACA,IAAA,MAAMC,aAAA,GACJL,WAAA,IAAeA,WAAA,CAAYM,OAAO,KAAKN,WAAA,GAAcO,MAAA,EAAA;IAEvD,MAAMC,iBAAiBH,aAAA,CACpBI,MAAM,CAAC,IAAI,CAACV,IAAI,CAACU,MAAM,IAAI,MAC3BC,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAE9B,IAAI,CAACC,aAAa,GAAG,KAAA;IACrB,IAAI,CAACJ,cAAc,GAAGA,cAAA;IACtB,IAAI,CAACH,aAAa,GAAGA,aAAA;AACvB,EAAA;AAGAQ,EAAAA,YAAAA,CAAaC,IAAS,EAAEC,CAAQ,EAAE;IAChC,IAAID,SAAS,IAAA,EAAM;AACjB,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACf,IAAI,CAACiB,QAAQ,CAACF,IAAA,CAAKG,WAAW,EAAA,EAAIF,CAAA,CAAA;AAEvC,IAAA,MAAMV,gBAAgBE,MAAA,CAAOO,IAAA,CAAA;IAE7B,IAAI,CAACT,aAAa,GAAGA,aAAA;AACrB,IAAA,IAAI,CAACG,cAAc,GAAGH,aAAA,CAAcK,MAAM,CAAC,IAAI,CAACX,IAAI,CAACY,UAAU,CAAA;IAC/D,IAAI,CAACC,aAAa,GAAG,KAAA;AACvB,EAAA;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,cAAA,EAAA,CAbCyB,MAAA,CAAA,CAAA;AAAA;EAgBDC,gBAAAA,CAAiBL,CAAQ,EAAE;AACzB,IAAA,MAAMV,aAAA,GAAgBE,MAAA,CACnBQ,CAAA,CAAEM,MAAM,CAAsBlB,KAAK,EACpC,IAAI,CAACJ,IAAI,CAACY,UAAU,EACpB,IAAA,CAAA;AAEF,IAAA,MAAMW,WAAA,GAAcjB,cAAcC,OAAO,EAAA;AAEzC,IAAA,IAAIgB,WAAA,EAAa;AACf,MAAA,IAAI,CAACvB,IAAI,CAACiB,QAAQ,CAACX,aAAA,CAAcY,WAAW,EAAA,EAAIF,CAAA,CAAA;AAClD,IAAA;AAEA,IAAA,IAAI,CAACP,cAAc,GAAIO,EAAEM,MAAM,CAAsBlB,KAAK;AAC1D,IAAA,IAAI,CAACS,aAAa,GAAG,CAACU,WAAA;AACtB,IAAA,IAAI,CAACjB,aAAa,GAAGiB,WAAA,GAAcjB,aAAA,GAAgB,IAAA;AACrD,EAAA;AAEA;AACA;AACA;AACA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,kBAAA,EAAA,CArBCyB,MAAA,CAAA,CAAA;AAAA;EAuBDI,aAAAA,CAAcR,CAAQ,EAAE;AACrBA,IAAAA,CAAA,CAAEM,MAAM,CAAsBG,IAAI,EAAA;AAClCT,IAAAA,CAAA,CAAEM,MAAM,CAAsBI,KAAK,EAAA;AACtC,EAAA;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,eAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,23BAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;iBAAAC,gBAAA;QAAAC,IAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js

@@ -21,6 +21,9 @@ const isSameDayHelper = helper(function ([year, month, day, selectedDate]) {
   }
   return selectedDate.year() === year && selectedDate.month() === month && selectedDate.date() === day;
 });
+
+/** @private The calendar and time list of the "Absolute" tab. */
+
 class DatetimePicker extends Component {
   static {
     g(this.prototype, "month", [tracked], function () {

package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/datetime-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { and, eq, not } from 'ember-truth-helpers';\nimport moment from 'moment';\n\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiFormControlLayout from '../../eui-form-control-layout.gts';\nimport EuiIcon from '../../eui-icon.gts';\nimport EuiSelect from '../../eui-select.gts';\n\nconst isSameDayHelper = helper(function ([year, month, day, selectedDate]: [\n  number,\n  number,\n  number,\n  moment.Moment | undefined\n]) {\n  if (!selectedDate) {\n    return false;\n  }\n\n  return (\n    selectedDate.year() === year &&\n    selectedDate.month() === month &&\n    selectedDate.date() === day\n  );\n});\n\ninterface DatetimePickerArgs {\n  selected?: moment.Moment | null;\n  onChange: (value: string | Date | moment.Moment, e: Event) => void;\n  iconClasses?: string;\n  dateFormat?: string;\n}\n\ninterface Day {\n  day: number;\n  month?: number;\n  year?: number;\n  isOutside?: boolean;\n}\n\ninterface DatetimePickerSignature {\n  Args: DatetimePickerArgs;\n}\n\nexport default class DatetimePicker extends Component<DatetimePickerSignature> {\n  @tracked month: number = 0;\n  @tracked year: number = 0;\n  @tracked monthMoment: moment.Moment;\n  // Used to style the days outside of the current month\n  @tracked offset: number = 0;\n  @tracked selectedDate?: moment.Moment;\n  @tracked selectedTime?: string;\n  @tracked today: moment.Moment;\n\n  momentConfig: {\n    year: number;\n    month: number;\n    day: number;\n    hour: number;\n    minute: number;\n    second: number;\n    millisecond: number;\n  };\n\n  constructor(owner: Owner, args: DatetimePickerArgs) {\n    super(owner, args);\n\n    if (this.args.selected) {\n      this.monthMoment = this.args.selected;\n      this.selectedDate = this.args.selected;\n    } else {\n      this.monthMoment = moment([this.year, this.month]);\n    }\n\n    this.momentConfig = {\n      year: this.monthMoment.year(),\n      month: this.monthMoment.month(),\n      day: this.monthMoment.date(),\n      hour: this.monthMoment.hour(),\n      minute: this.monthMoment.minute(),\n      second: 0,\n      millisecond: 0\n    };\n\n    this.month = this.momentConfig.month;\n    this.year = this.momentConfig.year;\n\n    const hour = this.momentConfig.hour;\n    const minute = this.momentConfig.minute;\n    const hourStr = hour < 10 ? `0${hour}` : hour;\n    const minuteStr = minute < 10 ? `0${minute}` : minute;\n\n    this.selectedTime = `${hourStr}:${minuteStr}`;\n\n    this.offset = this.monthMoment.clone().startOf('month').day();\n\n    this.today = moment();\n  }\n\n  get monthNames() {\n    return moment.months().map((month, i) => {\n      return {\n        text: month,\n        value: i\n      };\n    });\n  }\n\n  get years() {\n    return Array.from(Array(15).keys()).map((_, i) => {\n      // Create a list of years +/- 7 from the current year\n      const year = this.year - 7 + i;\n\n      return {\n        text: year,\n        value: year\n      };\n    });\n  }\n\n  get times() {\n    const timesArray = [];\n\n    // Create entries every 30 minutes\n    for (let i = 0; i < 24; i++) {\n      const hour = i < 10 ? `0${i}` : i;\n\n      timesArray.push(`${hour}:00`, `${hour}:30`);\n    }\n\n    return timesArray;\n  }\n\n  get days() {\n    // Used for showing days outside of the current month\n    // const prevMonth = moment([this.year, this.month - 1]);\n    const prevMonth = this.monthMoment.clone().subtract(1, 'month');\n    const nextMonth = this.monthMoment.clone().add(1, 'month');\n    const offset = this.offset;\n    const daysInMonth = this.monthMoment.daysInMonth();\n    const daysInPrevMonth = prevMonth.daysInMonth();\n\n    const daysArray = [];\n\n    for (let i = 0; i < daysInMonth; i++) {\n      daysArray[i] = {\n        day: i + 1\n      };\n    }\n\n    // Fill the previous and next month days\n    for (let i = 0, d = daysInPrevMonth; i < offset; i++, d--) {\n      daysArray.unshift({\n        day: d,\n        month: prevMonth.month(),\n        year: prevMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    for (let d = 1, i = daysInMonth + offset; i < 42; d++, i++) {\n      daysArray.push({\n        day: d,\n        month: nextMonth.month(),\n        year: nextMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    // but depending on the starting day, one week may not be needed\n    const daysMatrix = [];\n    const weeks = daysInMonth + offset > 35 ? 6 : 5;\n\n    for (let i = 0; i < weeks; i++) {\n      daysMatrix[i] = daysArray.slice(i * 7, i * 7 + 7);\n    }\n\n    return daysMatrix;\n  }\n\n  updateDate() {\n    this.year = this.monthMoment.year();\n    this.month = this.monthMoment.month();\n    this.offset = this.monthMoment.clone().startOf('month').day();\n  }\n\n  @action\n  selectTime(time: string, e: Event) {\n    this.selectedTime = time;\n\n    const [hour, minute] = time.split(':');\n\n    this.momentConfig.hour = parseInt(hour!);\n    this.momentConfig.minute = parseInt(minute!);\n    this.momentConfig.second = 0;\n    this.momentConfig.millisecond = 0;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n  }\n\n  @action\n  selectDate(day: Day, e: Event) {\n    // Only outside days will have year/month\n    this.momentConfig.year = day.year || this.year;\n    this.momentConfig.month = day.month || this.month;\n    this.momentConfig.day = day.day;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n\n    // Update the state to show the selected month properly\n    if (day.isOutside && day.month && day.year) {\n      this.monthMoment.month(day.month);\n      this.monthMoment.year(day.year);\n      this.updateDate();\n    }\n  }\n\n  @action\n  setYear(year: string) {\n    this.year = parseInt(year);\n  }\n\n  @action\n  setMonth(month: string) {\n    this.monthMoment.month(parseInt(month));\n    this.updateDate();\n  }\n\n  @action\n  increaseMonth() {\n    this.monthMoment.add(1, 'month');\n    this.updateDate();\n  }\n\n  @action\n  decreaseMonth() {\n    this.monthMoment.subtract(1, 'month');\n    this.updateDate();\n  }\n\n  <template>\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--previous\"\n            aria-label=\"Previous month\"\n            {{on \"click\" this.decreaseMonth}}\n          >\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--next\"\n            aria-label=\"Next month\"\n            {{on \"click\" this.increaseMonth}}\n          >\n            <EuiIcon\n              @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n              @type=\"arrowRight\"\n            />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div\n                class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\"\n              >\n                <div\n                  class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__month-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.month}}\n                        @options={{this.monthNames}}\n                        {{on \"change\" (pick \"target.value\" this.setMonth)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div\n                  class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__year-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.year}}\n                        @options={{this.years}}\n                        {{on \"change\" (pick \"target.value\" this.setYear)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n              </div>\n              <div class=\"react-datepicker__day-names\">\n                <div class=\"react-datepicker__day-name\">Su</div>\n                <div class=\"react-datepicker__day-name\">Mo</div>\n                <div class=\"react-datepicker__day-name\">Tu</div>\n                <div class=\"react-datepicker__day-name\">We</div>\n                <div class=\"react-datepicker__day-name\">Th</div>\n                <div class=\"react-datepicker__day-name\">Fr</div>\n                <div class=\"react-datepicker__day-name\">Sa</div>\n              </div>\n            </div>\n\n            <div\n              class=\"react-datepicker__month react-datepicker__month--accessible\"\n            >\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div\n                      role=\"button\"\n                      class={{concat\n                        \"react-datepicker__day\"\n                        (if\n                          (and\n                            (not day.isOutside)\n                            (isSameDayHelper\n                              this.year this.month day.day this.selectedDate\n                            )\n                          )\n                          \" react-datepicker__day--selected\"\n                        )\n                        (if\n                          (isSameDayHelper\n                            this.year this.month day.day this.today\n                          )\n                          \" react-datepicker__day--today\"\n                        )\n                        (if\n                          day.isOutside \" react-datepicker__day--outside-month\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectDate day)}}\n                    >\n                      <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                    </div>\n                  {{/each}}\n                </div>\n              {{/each}}\n            </div>\n          </div>\n\n          <div class=\"react-datepicker__time-container\">\n            <div class=\"react-datepicker__time\">\n              <div\n                class=\"react-datepicker__time-box react-datepicker__time-box--accessible\"\n              >\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li\n                      role=\"option\"\n                      class={{concat\n                        \"react-datepicker__time-list-item\"\n                        (if\n                          (eq time this.selectedTime)\n                          \" react-datepicker__time-list-item--selected\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectTime time)}}\n                    >\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  </template>\n}\n"],"names":["isSameDayHelper","helper","year","month","day","selectedDate","date","DatetimePicker","Component","g","prototype","tracked","i","momentConfig","constructor","owner","args","selected","monthMoment","moment","hour","minute","second","millisecond","hourStr","minuteStr","selectedTime","offset","clone","startOf","today","monthNames","months","map","text","value","years","Array","from","keys","_","times","timesArray","push","days","prevMonth","subtract","nextMonth","add","daysInMonth","daysInPrevMonth","daysArray","d","unshift","isOutside","daysMatrix","weeks","slice","updateDate","selectTime","time","e","split","parseInt","onChange","n","action","selectDate","setYear","setMonth","increaseMonth","decreaseMonth","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiIcon","EuiFlexItem","EuiSelect","pick","concat","and","not","fn","eq"],"mappings":"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"}
+{"version":3,"file":"datetime-picker.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/datetime-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { and, eq, not } from 'ember-truth-helpers';\nimport moment from 'moment';\n\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiFormControlLayout from '../../eui-form-control-layout.gts';\nimport EuiIcon from '../../eui-icon.gts';\nimport EuiSelect from '../../eui-select.gts';\n\nconst isSameDayHelper = helper(function ([year, month, day, selectedDate]: [\n  number,\n  number,\n  number,\n  moment.Moment | undefined\n]) {\n  if (!selectedDate) {\n    return false;\n  }\n\n  return (\n    selectedDate.year() === year &&\n    selectedDate.month() === month &&\n    selectedDate.date() === day\n  );\n});\n\ninterface DatetimePickerArgs {\n  /** The selected date. */\n  selected?: moment.Moment | null;\n  /** Called with the new value. */\n  onChange: (value: string | Date | moment.Moment, e: Event) => void;\n  /** Classes for the icon. */\n  iconClasses?: string;\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n}\n\ninterface Day {\n  day: number;\n  month?: number;\n  year?: number;\n  isOutside?: boolean;\n}\n\n/** @private The calendar and time list of the \"Absolute\" tab. */\ninterface DatetimePickerSignature {\n  Args: DatetimePickerArgs;\n}\n\nexport default class DatetimePicker extends Component<DatetimePickerSignature> {\n  @tracked month: number = 0;\n  @tracked year: number = 0;\n  @tracked monthMoment: moment.Moment;\n  // Used to style the days outside of the current month\n  @tracked offset: number = 0;\n  @tracked selectedDate?: moment.Moment;\n  @tracked selectedTime?: string;\n  @tracked today: moment.Moment;\n\n  momentConfig: {\n    year: number;\n    month: number;\n    day: number;\n    hour: number;\n    minute: number;\n    second: number;\n    millisecond: number;\n  };\n\n  constructor(owner: Owner, args: DatetimePickerArgs) {\n    super(owner, args);\n\n    if (this.args.selected) {\n      this.monthMoment = this.args.selected;\n      this.selectedDate = this.args.selected;\n    } else {\n      this.monthMoment = moment([this.year, this.month]);\n    }\n\n    this.momentConfig = {\n      year: this.monthMoment.year(),\n      month: this.monthMoment.month(),\n      day: this.monthMoment.date(),\n      hour: this.monthMoment.hour(),\n      minute: this.monthMoment.minute(),\n      second: 0,\n      millisecond: 0\n    };\n\n    this.month = this.momentConfig.month;\n    this.year = this.momentConfig.year;\n\n    const hour = this.momentConfig.hour;\n    const minute = this.momentConfig.minute;\n    const hourStr = hour < 10 ? `0${hour}` : hour;\n    const minuteStr = minute < 10 ? `0${minute}` : minute;\n\n    this.selectedTime = `${hourStr}:${minuteStr}`;\n\n    this.offset = this.monthMoment.clone().startOf('month').day();\n\n    this.today = moment();\n  }\n\n  get monthNames() {\n    return moment.months().map((month, i) => {\n      return {\n        text: month,\n        value: i\n      };\n    });\n  }\n\n  get years() {\n    return Array.from(Array(15).keys()).map((_, i) => {\n      // Create a list of years +/- 7 from the current year\n      const year = this.year - 7 + i;\n\n      return {\n        text: year,\n        value: year\n      };\n    });\n  }\n\n  get times() {\n    const timesArray = [];\n\n    // Create entries every 30 minutes\n    for (let i = 0; i < 24; i++) {\n      const hour = i < 10 ? `0${i}` : i;\n\n      timesArray.push(`${hour}:00`, `${hour}:30`);\n    }\n\n    return timesArray;\n  }\n\n  get days() {\n    // Used for showing days outside of the current month\n    // const prevMonth = moment([this.year, this.month - 1]);\n    const prevMonth = this.monthMoment.clone().subtract(1, 'month');\n    const nextMonth = this.monthMoment.clone().add(1, 'month');\n    const offset = this.offset;\n    const daysInMonth = this.monthMoment.daysInMonth();\n    const daysInPrevMonth = prevMonth.daysInMonth();\n\n    const daysArray = [];\n\n    for (let i = 0; i < daysInMonth; i++) {\n      daysArray[i] = {\n        day: i + 1\n      };\n    }\n\n    // Fill the previous and next month days\n    for (let i = 0, d = daysInPrevMonth; i < offset; i++, d--) {\n      daysArray.unshift({\n        day: d,\n        month: prevMonth.month(),\n        year: prevMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    for (let d = 1, i = daysInMonth + offset; i < 42; d++, i++) {\n      daysArray.push({\n        day: d,\n        month: nextMonth.month(),\n        year: nextMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    // but depending on the starting day, one week may not be needed\n    const daysMatrix = [];\n    const weeks = daysInMonth + offset > 35 ? 6 : 5;\n\n    for (let i = 0; i < weeks; i++) {\n      daysMatrix[i] = daysArray.slice(i * 7, i * 7 + 7);\n    }\n\n    return daysMatrix;\n  }\n\n  updateDate() {\n    this.year = this.monthMoment.year();\n    this.month = this.monthMoment.month();\n    this.offset = this.monthMoment.clone().startOf('month').day();\n  }\n\n  @action\n  selectTime(time: string, e: Event) {\n    this.selectedTime = time;\n\n    const [hour, minute] = time.split(':');\n\n    this.momentConfig.hour = parseInt(hour!);\n    this.momentConfig.minute = parseInt(minute!);\n    this.momentConfig.second = 0;\n    this.momentConfig.millisecond = 0;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n  }\n\n  @action\n  selectDate(day: Day, e: Event) {\n    // Only outside days will have year/month\n    this.momentConfig.year = day.year || this.year;\n    this.momentConfig.month = day.month || this.month;\n    this.momentConfig.day = day.day;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n\n    // Update the state to show the selected month properly\n    if (day.isOutside && day.month && day.year) {\n      this.monthMoment.month(day.month);\n      this.monthMoment.year(day.year);\n      this.updateDate();\n    }\n  }\n\n  @action\n  setYear(year: string) {\n    this.year = parseInt(year);\n  }\n\n  @action\n  setMonth(month: string) {\n    this.monthMoment.month(parseInt(month));\n    this.updateDate();\n  }\n\n  @action\n  increaseMonth() {\n    this.monthMoment.add(1, 'month');\n    this.updateDate();\n  }\n\n  @action\n  decreaseMonth() {\n    this.monthMoment.subtract(1, 'month');\n    this.updateDate();\n  }\n\n  <template>\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--previous\"\n            aria-label=\"Previous month\"\n            {{on \"click\" this.decreaseMonth}}\n          >\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--next\"\n            aria-label=\"Next month\"\n            {{on \"click\" this.increaseMonth}}\n          >\n            <EuiIcon\n              @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n              @type=\"arrowRight\"\n            />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div\n                class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\"\n              >\n                <div\n                  class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__month-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.month}}\n                        @options={{this.monthNames}}\n                        {{on \"change\" (pick \"target.value\" this.setMonth)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div\n                  class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__year-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.year}}\n                        @options={{this.years}}\n                        {{on \"change\" (pick \"target.value\" this.setYear)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n              </div>\n              <div class=\"react-datepicker__day-names\">\n                <div class=\"react-datepicker__day-name\">Su</div>\n                <div class=\"react-datepicker__day-name\">Mo</div>\n                <div class=\"react-datepicker__day-name\">Tu</div>\n                <div class=\"react-datepicker__day-name\">We</div>\n                <div class=\"react-datepicker__day-name\">Th</div>\n                <div class=\"react-datepicker__day-name\">Fr</div>\n                <div class=\"react-datepicker__day-name\">Sa</div>\n              </div>\n            </div>\n\n            <div\n              class=\"react-datepicker__month react-datepicker__month--accessible\"\n            >\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div\n                      role=\"button\"\n                      class={{concat\n                        \"react-datepicker__day\"\n                        (if\n                          (and\n                            (not day.isOutside)\n                            (isSameDayHelper\n                              this.year this.month day.day this.selectedDate\n                            )\n                          )\n                          \" react-datepicker__day--selected\"\n                        )\n                        (if\n                          (isSameDayHelper\n                            this.year this.month day.day this.today\n                          )\n                          \" react-datepicker__day--today\"\n                        )\n                        (if\n                          day.isOutside \" react-datepicker__day--outside-month\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectDate day)}}\n                    >\n                      <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                    </div>\n                  {{/each}}\n                </div>\n              {{/each}}\n            </div>\n          </div>\n\n          <div class=\"react-datepicker__time-container\">\n            <div class=\"react-datepicker__time\">\n              <div\n                class=\"react-datepicker__time-box react-datepicker__time-box--accessible\"\n              >\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li\n                      role=\"option\"\n                      class={{concat\n                        \"react-datepicker__time-list-item\"\n                        (if\n                          (eq time this.selectedTime)\n                          \" react-datepicker__time-list-item--selected\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectTime time)}}\n                    >\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  </template>\n}\n"],"names":["isSameDayHelper","helper","year","month","day","selectedDate","date","DatetimePicker","Component","g","prototype","tracked","i","momentConfig","constructor","owner","args","selected","monthMoment","moment","hour","minute","second","millisecond","hourStr","minuteStr","selectedTime","offset","clone","startOf","today","monthNames","months","map","text","value","years","Array","from","keys","_","times","timesArray","push","days","prevMonth","subtract","nextMonth","add","daysInMonth","daysInPrevMonth","daysArray","d","unshift","isOutside","daysMatrix","weeks","slice","updateDate","selectTime","time","e","split","parseInt","onChange","n","action","selectDate","setYear","setMonth","increaseMonth","decreaseMonth","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiIcon","EuiFlexItem","EuiSelect","pick","concat","and","not","fn","eq"],"mappings":"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"}

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js

@@ -7,8 +7,8 @@ import set from 'ember-set-helper/helpers/set';
 import { not } from 'ember-truth-helpers';
 import classNames from '../../../helpers/class-names.js';
 import EuiPopoverComponent from '../../eui-popover.js';
-import { useFormatTimeString } from '../utils/index.js';
-import { useI18nTimeOptions } from '../utils/time-options.js';
+import useFormatTimeString from '../utils/index.js';
+import useI18nTimeOptions from '../utils/time-options.js';
 import EuiDatePopoverContent from './eui-date-popover-content.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-date-popover-button.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { not } from 'ember-truth-helpers';\n\nimport classNames from '../../../helpers/class-names.ts';\nimport EuiPopover from '../../eui-popover.gts';\nimport { useFormatTimeString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport EuiDatePopoverContent from './eui-date-popover-content.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiDatePopoverContentSignature } from './eui-date-popover-content';\n\ninterface EuiDatePopoverButtonArgs {\n  className?: string;\n  dateFormat?: string;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOpen?: boolean;\n  needsUpdating?: boolean;\n  locale?: EuiDatePopoverContentSignature['Args']['locale'];\n  position?: 'start' | 'end';\n  roundUp?: boolean;\n  timeFormat?: string;\n  value: string;\n  utcOffset?: number;\n  compressed?: boolean;\n  timeOptions?: EuiDatePopoverContentSignature['Args']['timeOptions'];\n  onChange: EuiDatePopoverContentSignature['Args']['onChange'];\n}\n\nexport interface EuiDatePopoverButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiDatePopoverButtonArgs;\n  Blocks: {\n    button: [\n      {\n        classes: string;\n        formattedValue: string;\n        open: () => void;\n        close: () => void;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverButton extends Component<EuiDatePopoverButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isOpen = false;\n\n  get dateFormat() {\n    //date with seconds and such\n    return this.args.dateFormat ?? 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n  }\n\n  get formattedValue() {\n    const roundUp = this.args.roundUp ?? false;\n    const locale = this.args.locale ?? 'en';\n\n    return useFormatTimeString(\n      this.args.value,\n      this.dateFormat,\n      roundUp,\n      locale,\n      this.euiI18n\n    );\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  get anchorPosition() {\n    return this.args.position === 'start' ? 'downLeft' : 'downRight';\n  }\n\n  get position() {\n    return this.args.position ?? 'start';\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiDatePopoverButton\"\n        (concat \"euiDatePopoverButton--\" @position)\n        (if @compressed \"euiDatePopoverButton--compressed\")\n        (if this.isOpen \"euiDatePopoverButton-isSelected\")\n        (if @isInvalid \"euiDatePopoverButton-isInvalid\")\n        (if @needsUpdating \"euiDatePopoverButton-needsUpdating\")\n        (if @isDisabled \"euiDatePopoverButton-disabled\")\n      )\n      as |classes|\n    }}\n      <EuiPopover\n        @isOpen={{this.isOpen}}\n        @closePopover={{set this \"isOpen\" false}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize=\"none\"\n        @display=\"block\"\n      >\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield\n              (hash\n                classes=classes\n                formattedValue=this.formattedValue\n                open=(set this \"isOpen\" true)\n                close=(set this \"isOpen\" false)\n              )\n              to=\"button\"\n            }}\n          {{else}}\n            <button\n              type=\"button\"\n              class={{classes}}\n              title={{this.formattedValue}}\n              disabled={{@isDisabled}}\n              ...attributes\n              {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}\n            >\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent\n            @position={{this.position}}\n            @value={{@value}}\n            @roundUp={{@roundUp}}\n            @dateFormat={{this.dateFormat}}\n            @timeFormat={{@timeFormat}}\n            @locale={{@locale}}\n            @utcOffset={{@utcOffset}}\n            @timeOptions={{this.timeOptions}}\n            @onChange={{@onChange}}\n          />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDatePopoverButton","Component","g","prototype","service","i","tracked","dateFormat","args","formattedValue","roundUp","locale","useFormatTimeString","value","euiI18n","timeOptions","useI18nTimeOptions","anchorPosition","position","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","EuiPopover","set","hash","on","not","EuiDatePopoverContent"],"mappings":";;;;;;;;;;;;;;;;AAmDe,MAAMA,6BAA6BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,OAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,MAAA;EAExB,IAAIE,UAAaA,GAAA;AACf;AACA,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,0BAAA;AACjC;EAEA,IAAIE,cAAiBA,GAAA;IACnB,MAAMC,UAAU,IAAI,CAACF,IAAI,CAACE,OAAO,IAAI,KAAA;IACrC,MAAMC,SAAS,IAAI,CAACH,IAAI,CAACG,MAAM,IAAI,IAAA;AAEnC,IAAA,OAAOC,mBACL,CAAA,IAAI,CAACJ,IAAI,CAACK,KAAK,EACf,IAAI,CAACN,UAAU,EACfG,OAAA,EACAC,MACA,EAAA,IAAI,CAACG,OAAO,CAAA;AAEhB;EAEA,IAAIC,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACF,OAAO,CAAA;AACjE;EAEA,IAAIG,cAAiBA,GAAA;IACnB,OAAO,IAAI,CAACT,IAAI,CAACU,QAAQ,KAAK,UAAU,UAAa,GAAA,WAAA;AACvD;EAEA,IAAIA,QAAWA,GAAA;AACb,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,QAAQ,IAAI,OAAA;AAC/B;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA4DA,i1CAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,MAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-date-popover-button.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { not } from 'ember-truth-helpers';\n\nimport classNames from '../../../helpers/class-names.ts';\nimport EuiPopover from '../../eui-popover.gts';\nimport { useFormatTimeString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport EuiDatePopoverContent from './eui-date-popover-content.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiDatePopoverContentSignature } from './eui-date-popover-content';\n\ninterface EuiDatePopoverButtonArgs {\n  /** Extra class(es). */\n  className?: string;\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** Disables it. */\n  isDisabled?: boolean;\n  /** Invalid styling. */\n  isInvalid?: boolean;\n  /** Whether the popover is open. */\n  isOpen?: boolean;\n  /** Highlights that it changed and needs applying. */\n  needsUpdating?: boolean;\n  /** moment locale. */\n  locale?: EuiDatePopoverContentSignature['Args']['locale'];\n  /** `'start'` or `'end'` of the range. */\n  position?: 'start' | 'end';\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Compressed styling. */\n  compressed?: boolean;\n  /** Time units and tenses for the quick select. */\n  timeOptions?: EuiDatePopoverContentSignature['Args']['timeOptions'];\n  /** Called with the new value. */\n  onChange: EuiDatePopoverContentSignature['Args']['onChange'];\n}\n\n/** @private The start or end date button of EuiSuperDatePicker. */\nexport interface EuiDatePopoverButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiDatePopoverButtonArgs;\n  Blocks: {\n    button: [\n      {\n        classes: string;\n        formattedValue: string;\n        open: () => void;\n        close: () => void;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverButton extends Component<EuiDatePopoverButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isOpen = false;\n\n  get dateFormat() {\n    //date with seconds and such\n    return this.args.dateFormat ?? 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n  }\n\n  get formattedValue() {\n    const roundUp = this.args.roundUp ?? false;\n    const locale = this.args.locale ?? 'en';\n\n    return useFormatTimeString(\n      this.args.value,\n      this.dateFormat,\n      roundUp,\n      locale,\n      this.euiI18n\n    );\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  get anchorPosition() {\n    return this.args.position === 'start' ? 'downLeft' : 'downRight';\n  }\n\n  get position() {\n    return this.args.position ?? 'start';\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiDatePopoverButton\"\n        (concat \"euiDatePopoverButton--\" @position)\n        (if @compressed \"euiDatePopoverButton--compressed\")\n        (if this.isOpen \"euiDatePopoverButton-isSelected\")\n        (if @isInvalid \"euiDatePopoverButton-isInvalid\")\n        (if @needsUpdating \"euiDatePopoverButton-needsUpdating\")\n        (if @isDisabled \"euiDatePopoverButton-disabled\")\n      )\n      as |classes|\n    }}\n      <EuiPopover\n        @isOpen={{this.isOpen}}\n        @closePopover={{set this \"isOpen\" false}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize=\"none\"\n        @display=\"block\"\n      >\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield\n              (hash\n                classes=classes\n                formattedValue=this.formattedValue\n                open=(set this \"isOpen\" true)\n                close=(set this \"isOpen\" false)\n              )\n              to=\"button\"\n            }}\n          {{else}}\n            <button\n              type=\"button\"\n              class={{classes}}\n              title={{this.formattedValue}}\n              disabled={{@isDisabled}}\n              ...attributes\n              {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}\n            >\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent\n            @position={{this.position}}\n            @value={{@value}}\n            @roundUp={{@roundUp}}\n            @dateFormat={{this.dateFormat}}\n            @timeFormat={{@timeFormat}}\n            @locale={{@locale}}\n            @utcOffset={{@utcOffset}}\n            @timeOptions={{this.timeOptions}}\n            @onChange={{@onChange}}\n          />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDatePopoverButton","Component","g","prototype","service","i","tracked","dateFormat","args","formattedValue","roundUp","locale","useFormatTimeString","value","euiI18n","timeOptions","useI18nTimeOptions","anchorPosition","position","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","EuiPopover","set","hash","on","not","EuiDatePopoverContent"],"mappings":";;;;;;;;;;;;;;;;AAmEe,MAAMA,6BAA6BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,OAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,MAAA;EAElB,IAAIE,UAAAA,GAAa;AACf;AACA,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,0BAAA;AACjC,EAAA;EAEA,IAAIE,cAAAA,GAAiB;IACnB,MAAMC,UAAU,IAAI,CAACF,IAAI,CAACE,OAAO,IAAI,KAAA;IACrC,MAAMC,SAAS,IAAI,CAACH,IAAI,CAACG,MAAM,IAAI,IAAA;AAEnC,IAAA,OAAOC,mBAAA,CACL,IAAI,CAACJ,IAAI,CAACK,KAAK,EACf,IAAI,CAACN,UAAU,EACfG,OAAA,EACAC,MAAA,EACA,IAAI,CAACG,OAAO,CAAA;AAEhB,EAAA;EAEA,IAAIC,WAAAA,GAAc;IAChB,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACF,OAAO,CAAA;AACjE,EAAA;EAEA,IAAIG,cAAAA,GAAiB;IACnB,OAAO,IAAI,CAACT,IAAI,CAACU,QAAQ,KAAK,UAAU,UAAA,GAAa,WAAA;AACvD,EAAA;EAEA,IAAIA,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,QAAQ,IAAI,OAAA;AAC/B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,i1CAAA,EA4DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,MAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js

@@ -5,7 +5,7 @@ import { service } from '@ember/service';
 import { eq } from 'ember-truth-helpers';
 import EuiTabbedContentComponent from '../../eui-tabbed-content.js';
 import { toAbsoluteString, getDateMode } from '../utils/index.js';
-import { useI18nTimeOptions } from '../utils/time-options.js';
+import useI18nTimeOptions from '../utils/time-options.js';
 import AbsoluteTab from './absolute-tab.js';
 import EuiSuperDatePickerDatePopoverNowTab from './now-tab.js';
 import RelativeTab from './relative-tab.js';
@@ -16,6 +16,8 @@ import { g, i } from 'decorator-transforms/runtime-esm';
 const toAbsoluteStringHelper = helper(function ([value, roundUp]) {
   return toAbsoluteString(value, roundUp);
 });
+/** @private The tabs (absolute, relative, now) of the date popover. */
+
 class EuiDatePopoverContent extends Component {
   static {
     g(this.prototype, "euiI18n", [service]);