npm - @ember-eui/core - Versions diffs - 13.0.4 → 14.0.0 - Mend

@ember-eui/core 13.0.4 → 14.0.0

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

Files changed (1497) hide show

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

	@@ -1 +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,~~8qBAAA~~,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;;;;"}
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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiStepsHorizontal = setComponentTemplate(precompileTemplate("\n    <ol class=\"euiStepsHorizontal\" ...attributes>\n      {{yield}}\n    </ol>\n  ", {
+const EuiStepsHorizontal = setComponentTemplate(precompileTemplate("<ol class=\"euiStepsHorizontal\" ...attributes>\n  {{yield}}\n</ol>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +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,~~uFAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+const EuiSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +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,~~uEAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSubSteps = setComponentTemplate(precompileTemplate("\n  <div class=\"euiSubSteps\" ...attributes>\n    {{yield}}\n  </div>\n", {
+const EuiSubSteps = setComponentTemplate(precompileTemplate("<div class=\"euiSubSteps\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());

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

	@@ -1 +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,~~0EAAA~~,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
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;;;;"}

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

@@ -12,7 +12,7 @@ import EuiI18nComponent from '../../eui-i18n.js';
 import DatetimePicker from './datetime-picker.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class AbsoluteTab extends Component {
   static {
@@ -76,7 +76,7 @@ class AbsoluteTab extends Component {
     n(this.prototype, "triggerChange", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div>\n      <DatetimePicker @onChange={{this.handleChange}} @dateFormat={{@dateFormat}} @selected={{this.valueAsMoment}} />\n      <EuiI18n @token=\"euiAbsoluteTab.dateFormatError\" @default=\"Expected format: {dateFormat}\" @values={{hash dateFormat=@dateFormat}} as |Token|>\n        <Token as |dateFormatError|>\n          <EuiFormRow class=\"euiSuperDatePicker__absoluteDateFormRow\" @isInvalid={{this.isTextInvalid}} @error={{if this.isTextInvalid dateFormatError}}>\n            <EuiFieldText @isInvalid={{this.isTextInvalid}} @value={{this.textInputValue}} @compressed={{true}} {{on \"input\" this.triggerChange}} {{on \"change\" this.handleTextChange}}>\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  ", {
+    setComponentTemplate(precompileTemplate("<div>\n  <DatetimePicker @onChange={{this.handleChange}} @dateFormat={{@dateFormat}} @selected={{this.valueAsMoment}} />\n  <EuiI18n @token=\"euiAbsoluteTab.dateFormatError\" @default=\"Expected format: {dateFormat}\" @values={{hash dateFormat=@dateFormat}} as |Token|>\n    <Token as |dateFormatError|>\n      <EuiFormRow class=\"euiSuperDatePicker__absoluteDateFormRow\" @isInvalid={{this.isTextInvalid}} @error={{if this.isTextInvalid dateFormatError}}>\n        <EuiFieldText @isInvalid={{this.isTextInvalid}} @value={{this.textInputValue}} @compressed={{true}} {{on \"input\" this.triggerChange}} {{on \"change\" this.handleTextChange}}>\n          <:prepend as |classes|>\n            <EuiFormLabel class={{classes}}>\n              {{@labelPrefix}}\n            </EuiFormLabel>\n          </:prepend>\n        </EuiFieldText>\n      </EuiFormRow>\n    </Token>\n  </EuiI18n>\n</div>", {
       strictMode: true,
       scope: () => ({
         DatetimePicker,

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

	@@ -1 +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","~~void 0","~~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;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,~~EAAAC~~,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,~~CAAAzB~~,SAAA,EAAA,cAAA,EAAA,~~CAbC0B~~,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,~~CAAAzB~~,SAAA,EAAA,kBAAA,EAAA,~~CArBC0B~~,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,~~CAAAzB~~,SAAA,EAAA,eAAA,EAAA,~~CAJC0B~~,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAoCA,~~i8BAAA~~,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;;;;"}
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":"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"}

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

@@ -13,7 +13,7 @@ import EuiIcon from '../../eui-icon.js';
 import EuiSelect from '../../eui-select.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 const isSameDayHelper = helper(function ([year, month, day, selectedDate]) {
   if (!selectedDate) {
@@ -76,10 +76,10 @@ class DatetimePicker extends Component {
     };
     this.month = this.momentConfig.month;
     this.year = this.momentConfig.year;
-    let hour = this.momentConfig.hour;
-    let minute = this.momentConfig.minute;
-    let hourStr = hour < 10 ? `0${hour}` : hour;
-    let minuteStr = minute < 10 ? `0${minute}` : minute;
+    const hour = this.momentConfig.hour;
+    const minute = this.momentConfig.minute;
+    const hourStr = hour < 10 ? `0${hour}` : hour;
+    const minuteStr = minute < 10 ? `0${minute}` : minute;
     this.selectedTime = `${hourStr}:${minuteStr}`;
     this.offset = this.monthMoment.clone().startOf('month').day();
     this.today = moment();
@@ -95,7 +95,7 @@ class DatetimePicker extends Component {
   get years() {
     return Array.from(Array(15).keys()).map((_, i) => {
       // Create a list of years +/- 7 from the current year
-      let year = this.year - 7 + i;
+      const year = this.year - 7 + i;
       return {
         text: year,
         value: year
@@ -106,7 +106,7 @@ class DatetimePicker extends Component {
     const timesArray = [];
     // Create entries every 30 minutes
     for (let i = 0; i < 24; i++) {
-      let hour = i < 10 ? `0${i}` : i;
+      const hour = i < 10 ? `0${i}` : i;
       timesArray.push(`${hour}:00`, `${hour}:30`);
     }
     return timesArray;
@@ -117,8 +117,8 @@ class DatetimePicker extends Component {
     const prevMonth = this.monthMoment.clone().subtract(1, 'month');
     const nextMonth = this.monthMoment.clone().add(1, 'month');
     const offset = this.offset;
-    let daysInMonth = this.monthMoment.daysInMonth();
-    let daysInPrevMonth = prevMonth.daysInMonth();
+    const daysInMonth = this.monthMoment.daysInMonth();
+    const daysInPrevMonth = prevMonth.daysInMonth();
     const daysArray = [];
     for (let i = 0; i < daysInMonth; i++) {
       daysArray[i] = {
@@ -215,7 +215,7 @@ class DatetimePicker extends Component {
     n(this.prototype, "decreaseMonth", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--previous\" aria-label=\"Previous month\" {{on \"click\" this.decreaseMonth}}>\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--next\" aria-label=\"Next month\" {{on \"click\" this.increaseMonth}}>\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type=\"arrowRight\" />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\">\n                <div class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\">\n                  {{!--template-lint-disable--}}\n                  <div class=\"react-datepicker__month-read-view\" style=\"padding: 0;\">\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect @compressed={{true}} @value={{this.month}} @options={{this.monthNames}} {{on \"change\" (pick \"target.value\" this.setMonth)}} />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\">\n                  {{!--template-lint-disable--}}\n                  <div class=\"react-datepicker__year-read-view\" style=\"padding: 0;\">\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect @compressed={{true}} @value={{this.year}} @options={{this.years}} {{on \"change\" (pick \"target.value\" this.setYear)}} />\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 class=\"react-datepicker__month react-datepicker__month--accessible\">\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div role=\"button\" class={{concat \"react-datepicker__day\" (if (and (not day.isOutside) (isSameDayHelper this.year this.month day.day this.selectedDate)) \" react-datepicker__day--selected\") (if (isSameDayHelper this.year this.month day.day this.today) \" react-datepicker__day--today\") (if day.isOutside \" react-datepicker__day--outside-month\")}} {{on \"click\" (fn this.selectDate day)}}>\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 class=\"react-datepicker__time-box react-datepicker__time-box--accessible\">\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li role=\"option\" class={{concat \"react-datepicker__time-list-item\" (if (eq time this.selectedTime) \" react-datepicker__time-list-item--selected\")}} {{on \"click\" (fn this.selectTime time)}}>\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiDatePicker euiDatePicker--inline\">\n  <EuiFormControlLayout>\n    <div class=\"react-datepicker\">\n      <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--previous\" aria-label=\"Previous month\" {{on \"click\" this.decreaseMonth}}>\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n      </button>\n      <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--next\" aria-label=\"Next month\" {{on \"click\" this.increaseMonth}}>\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type=\"arrowRight\" />\n      </button>\n      <div class=\"react-datepicker__month-container\">\n        <div class=\"react-datepicker__header\">\n          <div class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\">\n            <div class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\">\n              {{!--template-lint-disable--}}\n              <div class=\"react-datepicker__month-read-view\" style=\"padding: 0;\">\n                <EuiFlexItem @grow={{1}}>\n                  <EuiSelect @compressed={{true}} @value={{this.month}} @options={{this.monthNames}} {{on \"change\" (pick \"target.value\" this.setMonth)}} />\n                </EuiFlexItem>\n              </div>\n            </div>\n            <div class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\">\n              {{!--template-lint-disable--}}\n              <div class=\"react-datepicker__year-read-view\" style=\"padding: 0;\">\n                <EuiFlexItem @grow={{1}}>\n                  <EuiSelect @compressed={{true}} @value={{this.year}} @options={{this.years}} {{on \"change\" (pick \"target.value\" this.setYear)}} />\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 class=\"react-datepicker__month react-datepicker__month--accessible\">\n          {{#each this.days as |days|}}\n            <div class=\"react-datepicker__week\">\n              {{#each days as |day|}}\n                <div role=\"button\" class={{concat \"react-datepicker__day\" (if (and (not day.isOutside) (isSameDayHelper this.year this.month day.day this.selectedDate)) \" react-datepicker__day--selected\") (if (isSameDayHelper this.year this.month day.day this.today) \" react-datepicker__day--today\") (if day.isOutside \" react-datepicker__day--outside-month\")}} {{on \"click\" (fn this.selectDate day)}}>\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 class=\"react-datepicker__time-box react-datepicker__time-box--accessible\">\n            <ul class=\"react-datepicker__time-list\">\n              {{#each this.times as |time|}}\n                <li role=\"option\" class={{concat \"react-datepicker__time-list-item\" (if (eq time this.selectedTime) \" react-datepicker__time-list-item--selected\")}} {{on \"click\" (fn this.selectTime time)}}>\n                  {{time}}\n                </li>\n              {{/each}}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  </EuiFormControlLayout>\n</div>", {
       strictMode: true,
       scope: () => ({
         EuiFormControlLayout,

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

	@@ -1 +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 let hour = this.momentConfig.hour;\n let minute = this.momentConfig.minute;\n let hourStr = hour < 10 ? `0${hour}` : hour;\n let 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 let 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 let 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 let daysInMonth = this.monthMoment.daysInMonth();\n let 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","void 0","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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"}
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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"}

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

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { hash, concat } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import set from 'ember-set-helper/helpers/set';
 import { not } from 'ember-truth-helpers';
 import classNames from '../../../helpers/class-names.js';
@@ -12,11 +12,11 @@ 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';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 class EuiDatePopoverButton extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
@@ -44,7 +44,7 @@ class EuiDatePopoverButton extends Component {
     return this.args.position ?? 'start';
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames \"euiDatePopoverButton\" (concat \"euiDatePopoverButton--\" @position) (if @compressed \"euiDatePopoverButton--compressed\") (if this.isOpen \"euiDatePopoverButton-isSelected\") (if @isInvalid \"euiDatePopoverButton-isInvalid\") (if @needsUpdating \"euiDatePopoverButton-needsUpdating\") (if @isDisabled \"euiDatePopoverButton-disabled\")) as |classes|}}\n      <EuiPopover @isOpen={{this.isOpen}} @closePopover={{set this \"isOpen\" false}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize=\"none\" @display=\"block\">\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield (hash classes=classes formattedValue=this.formattedValue open=(set this \"isOpen\" true) close=(set this \"isOpen\" false)) to=\"button\"}}\n          {{else}}\n            <button type=\"button\" class={{classes}} title={{this.formattedValue}} disabled={{@isDisabled}} ...attributes {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}>\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent @position={{this.position}} @value={{@value}} @roundUp={{@roundUp}} @dateFormat={{this.dateFormat}} @timeFormat={{@timeFormat}} @locale={{@locale}} @utcOffset={{@utcOffset}} @timeOptions={{this.timeOptions}} @onChange={{@onChange}} />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiDatePopoverButton\" (concat \"euiDatePopoverButton--\" @position) (if @compressed \"euiDatePopoverButton--compressed\") (if this.isOpen \"euiDatePopoverButton-isSelected\") (if @isInvalid \"euiDatePopoverButton-isInvalid\") (if @needsUpdating \"euiDatePopoverButton-needsUpdating\") (if @isDisabled \"euiDatePopoverButton-disabled\")) as |classes|}}\n  <EuiPopover @isOpen={{this.isOpen}} @closePopover={{set this \"isOpen\" false}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize=\"none\" @display=\"block\">\n    <:button>\n      {{#if (has-block \"button\")}}\n        {{yield (hash classes=classes formattedValue=this.formattedValue open=(set this \"isOpen\" true) close=(set this \"isOpen\" false)) to=\"button\"}}\n      {{else}}\n        <button type=\"button\" class={{classes}} title={{this.formattedValue}} disabled={{@isDisabled}} ...attributes {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}>\n          {{this.formattedValue}}\n        </button>\n      {{/if}}\n    </:button>\n\n    <:content>\n      <EuiDatePopoverContent @position={{this.position}} @value={{@value}} @roundUp={{@roundUp}} @dateFormat={{this.dateFormat}} @timeFormat={{@timeFormat}} @locale={{@locale}} @utcOffset={{@utcOffset}} @timeOptions={{this.timeOptions}} @onChange={{@onChange}} />\n    </:content>\n  </EuiPopover>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +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 { ~~inject as~~ 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","~~void 0","~~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,~~MAAA~~,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,~~CACAI~~,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiB,KAAM;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,OAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,~~EAAAC~~,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,~~u5CAAA~~,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;;;;"}
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;;;;"}

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

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { helper } from '@ember/component/helper';
-import { inject } from '@ember/service';
+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';
@@ -11,14 +11,14 @@ import EuiSuperDatePickerDatePopoverNowTab from './now-tab.js';
 import RelativeTab from './relative-tab.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 const toAbsoluteStringHelper = helper(function ([value, roundUp]) {
   return toAbsoluteString(value, roundUp);
 });
 class EuiDatePopoverContent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
@@ -53,7 +53,7 @@ class EuiDatePopoverContent extends Component {
     return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiTabbedContent @className=\"euiDatePopoverContent\" @tabs={{this.tabs}} @initialSelectedTab={{this.initialSelectedTab}} @autoFocus=\"selected\" @expand={{true}} @size=\"s\">\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab @value={{this.toAbsoluteStringHelper @value this.roundUp}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @timeOptions={{this.timeOptions}} />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab @value={{@value}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiTabbedContent @className=\"euiDatePopoverContent\" @tabs={{this.tabs}} @initialSelectedTab={{this.initialSelectedTab}} @autoFocus=\"selected\" @expand={{true}} @size=\"s\">\n  <:selectedTabContent as |selected|>\n    {{#if (eq selected.id \"relative\")}}\n      <RelativeTab @value={{this.toAbsoluteStringHelper @value this.roundUp}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @timeOptions={{this.timeOptions}} />\n    {{else if (eq selected.id \"now\")}}\n      <NowTab @position={{@position}} @onChange={{@onChange}} />\n    {{else if (eq selected.id \"absolute\")}}\n      <AbsoluteTab @value={{@value}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} />\n    {{/if}}\n  </:selectedTabContent>\n</EuiTabbedContent>", {
       strictMode: true,
       scope: () => ({
         EuiTabbedContent: EuiTabbedContentComponent,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { ~~inject as~~ service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n value: string;\n onChange:\n \| RelativeTabSignature['Args']['onChange']\n \| NowTabSignature['Args']['onChange']\n \| AbsoluteTabSignature['Args']['onChange'];\n roundUp?: boolean;\n dateFormat: string;\n timeFormat?: string;\n locale?: LocaleSpecifier;\n position: 'start' \| 'end';\n utcOffset?: number;\n timeOptions: TimeOptions;\n}\n\nconst toAbsoluteStringHelper = helper(function ([value, roundUp]: [\n string,\n boolean\n]) {\n return toAbsoluteString(value, roundUp);\n});\n\nexport interface EuiDatePopoverContentSignature {\n Element: HTMLDivElement;\n Args: EuiDatePopoverContentArgs;\n Blocks: {\n selectedTabContent: [\n {\n id: string;\n name: string;\n }\n ];\n };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n @service declare euiI18n: EuiI18n;\n @tracked selectedTab = 0;\n toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n get labelPrefix() {\n return this.args.position === 'start'\n ? this.euiI18n.lookupToken(\n 'euiDatePopoverContent.startDateLabel',\n 'Start date'\n )\n : this.euiI18n.lookupToken(\n 'euiDatePopoverContent.endDateLabel',\n 'End date'\n );\n }\n\n get tabs(): EuiTabbedContentTab[] {\n return [\n {\n id: 'absolute',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.absoluteTabLabel',\n 'Absolute'\n )\n },\n {\n id: 'relative',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.relativeTabLabel',\n 'Relative'\n )\n },\n {\n id: 'now',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.nowTabLabel',\n 'Now'\n )\n }\n ];\n }\n\n get initialSelectedTab() {\n return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n }\n\n get roundUp() {\n return this.args.roundUp ?? false;\n }\n\n get timeOptions() {\n return this.args.timeOptions \|\| useI18nTimeOptions(this.euiI18n);\n }\n\n <template>\n <EuiTabbedContent\n @className=\"euiDatePopoverContent\"\n @tabs={{this.tabs}}\n @initialSelectedTab={{this.initialSelectedTab}}\n @autoFocus=\"selected\"\n @expand={{true}}\n @size=\"s\"\n >\n <:selectedTabContent as \|selected\|>\n {{#if (eq selected.id \"relative\")}}\n <RelativeTab\n @value={{this.toAbsoluteStringHelper @value this.roundUp}}\n @onChange={{@onChange}}\n @labelPrefix={{this.labelPrefix}}\n @roundUp={{this.roundUp}}\n @dateFormat={{@dateFormat}}\n @locale={{@locale}}\n @position={{@position}}\n @timeOptions={{this.timeOptions}}\n />\n {{else if (eq selected.id \"now\")}}\n <NowTab @position={{@position}} @onChange={{@onChange}} />\n {{else if (eq selected.id \"absolute\")}}\n <AbsoluteTab\n @value={{@value}}\n @roundUp={{this.roundUp}}\n @dateFormat={{@dateFormat}}\n @locale={{@locale}}\n @position={{@position}}\n @onChange={{@onChange}}\n @labelPrefix={{this.labelPrefix}}\n />\n {{/if}}\n </:selectedTabContent>\n </EuiTabbedContent>\n </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","~~void 0","~~tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","id","name","initialSelectedTab","find","tab","getDateMode","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAMA,sBAAA,GAAyBC,OAAO,UAAU,CAACC,OAAOC,OACtD,CAED,EAAA;AACC,EAAA,OAAOC,iBAAiBF,KAAO,EAAAC,OAAA,CAAA;AACjC,CAAA,CAAA;AAee,MAAME,8BAA8BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1DC,~~MAAA~~,CAAA,CAAA;AAAA;~~AAAA,~~EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,~~EAAAC~~,MAAA;AAAA,EAAA;~~IAAAJ~~,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,~~CACAI~~,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAE;AAAA,KAAA,CAAA;AAAA;~~AAAA,~~EAAA,YAAA,~~IAAAF~~,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,~~EAAAC~~,MAAA;~~AACzBX~~,EAAAA,sBAAA,GAAyBA,sBAAuB;EAEhD,~~IAAIa~~,WAAcA,GAAA;AAChB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,KAAK,OAAA,GAC1B,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,wCACA,YAEF,CAAA,GAAA,IAAI,CAACD,OAAO,CAACC,WAAW,CACtB,oCACA,EAAA,UAAA,CAAA;AAER;EAEA,IAAIC,OAA8B;AAChC,IAAA,OAAO,CACL;AACEC,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,KAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,mCACA,EAAA,KAAA;AAEJ,KAAA,CACD;AACH;EAEA,IAAII,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACH,IAAI,CAACI,IAAI,CAAEC,GAAA,IAAQA,GAAI,CAAAJ,EAAE,KAAKK,WAAY,CAAA,IAAI,CAACV,IAAI,~~CAACZ~~,KAAK,CAAA,CAAA;AACvE;EAEA,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,IAAI,~~CAACW~~,IAAI,~~CAACX~~,OAAO,IAAI,KAAA;AAC9B;EAEA,~~IAAIsB~~,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACX,IAAI,CAACW,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACV,OAAO,CAAA;AACjE;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAoCA,~~k+BAAA~~,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;0BAAAC,yBAAA;QAAAC,EAAA;QAAAC,WAAA;gBAAAC,mCAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n value: string;\n onChange:\n \| RelativeTabSignature['Args']['onChange']\n \| NowTabSignature['Args']['onChange']\n \| AbsoluteTabSignature['Args']['onChange'];\n roundUp?: boolean;\n dateFormat: string;\n timeFormat?: string;\n locale?: LocaleSpecifier;\n position: 'start' \| 'end';\n utcOffset?: number;\n timeOptions: TimeOptions;\n}\n\nconst toAbsoluteStringHelper = helper(function ([value, roundUp]: [\n string,\n boolean\n]) {\n return toAbsoluteString(value, roundUp);\n});\n\nexport interface EuiDatePopoverContentSignature {\n Element: HTMLDivElement;\n Args: EuiDatePopoverContentArgs;\n Blocks: {\n selectedTabContent: [\n {\n id: string;\n name: string;\n }\n ];\n };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n @service declare euiI18n: EuiI18n;\n @tracked selectedTab = 0;\n toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n get labelPrefix() {\n return this.args.position === 'start'\n ? this.euiI18n.lookupToken(\n 'euiDatePopoverContent.startDateLabel',\n 'Start date'\n )\n : this.euiI18n.lookupToken(\n 'euiDatePopoverContent.endDateLabel',\n 'End date'\n );\n }\n\n get tabs(): EuiTabbedContentTab[] {\n return [\n {\n id: 'absolute',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.absoluteTabLabel',\n 'Absolute'\n )\n },\n {\n id: 'relative',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.relativeTabLabel',\n 'Relative'\n )\n },\n {\n id: 'now',\n name: this.euiI18n.lookupToken(\n 'euiDatePopoverContent.nowTabLabel',\n 'Now'\n )\n }\n ];\n }\n\n get initialSelectedTab() {\n return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n }\n\n get roundUp() {\n return this.args.roundUp ?? false;\n }\n\n get timeOptions() {\n return this.args.timeOptions \|\| useI18nTimeOptions(this.euiI18n);\n }\n\n <template>\n <EuiTabbedContent\n @className=\"euiDatePopoverContent\"\n @tabs={{this.tabs}}\n @initialSelectedTab={{this.initialSelectedTab}}\n @autoFocus=\"selected\"\n @expand={{true}}\n @size=\"s\"\n >\n <:selectedTabContent as \|selected\|>\n {{#if (eq selected.id \"relative\")}}\n <RelativeTab\n @value={{this.toAbsoluteStringHelper @value this.roundUp}}\n @onChange={{@onChange}}\n @labelPrefix={{this.labelPrefix}}\n @roundUp={{this.roundUp}}\n @dateFormat={{@dateFormat}}\n @locale={{@locale}}\n @position={{@position}}\n @timeOptions={{this.timeOptions}}\n />\n {{else if (eq selected.id \"now\")}}\n <NowTab @position={{@position}} @onChange={{@onChange}} />\n {{else if (eq selected.id \"absolute\")}}\n <AbsoluteTab\n @value={{@value}}\n @roundUp={{this.roundUp}}\n @dateFormat={{@dateFormat}}\n @locale={{@locale}}\n @position={{@position}}\n @onChange={{@onChange}}\n @labelPrefix={{this.labelPrefix}}\n />\n {{/if}}\n </:selectedTabContent>\n </EuiTabbedContent>\n </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","id","name","initialSelectedTab","find","tab","getDateMode","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAMA,sBAAA,GAAyBC,OAAO,UAAU,CAACC,OAAOC,OACtD,CAED,EAAA;AACC,EAAA,OAAOC,iBAAiBF,KAAO,EAAAC,OAAA,CAAA;AACjC,CAAA,CAAA;AAee,MAAME,8BAA8BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1DC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAE;AAAA,KAAA,CAAA;AAAA;EAAA,YAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAA,MAAA;AACzBV,EAAAA,sBAAA,GAAyBA,sBAAuB;EAEhD,IAAIY,WAAcA,GAAA;AAChB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,KAAK,OAAA,GAC1B,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,wCACA,YAEF,CAAA,GAAA,IAAI,CAACD,OAAO,CAACC,WAAW,CACtB,oCACA,EAAA,UAAA,CAAA;AAER;EAEA,IAAIC,OAA8B;AAChC,IAAA,OAAO,CACL;AACEC,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,KAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,mCACA,EAAA,KAAA;AAEJ,KAAA,CACD;AACH;EAEA,IAAII,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACH,IAAI,CAACI,IAAI,CAAEC,GAAA,IAAQA,GAAI,CAAAJ,EAAE,KAAKK,WAAY,CAAA,IAAI,CAACV,IAAI,CAACX,KAAK,CAAA,CAAA;AACvE;EAEA,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,IAAI,CAACU,IAAI,CAACV,OAAO,IAAI,KAAA;AAC9B;EAEA,IAAIqB,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACX,IAAI,CAACW,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACV,OAAO,CAAA;AACjE;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAoCA,g7BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;0BAAAC,yBAAA;QAAAC,EAAA;QAAAC,WAAA;gBAAAC,mCAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-super-date-picker/date-popover/now-tab.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSuperDatePickerDatePopoverNowTab = setComponentTemplate(precompileTemplate("\n    <EuiText class=\"euiDatePopoverContent__padded--large\" @size=\"s\" @color=\"subdued\">\n      <p>\n        <EuiI18n @token=\"euiDatePopoverContent.nowTabContent\" @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\" as |Token|>\n          <Token as |value|>\n            {{value}}\n          </Token>\n        </EuiI18n>\n      </p>\n      <EuiButton @fullWidth={{true}} @size=\"s\" @fill={{true}} {{on \"click\" (fn @onChange \"now\")}}>\n        {{#if (eq @position \"start\")}}\n          <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonStart\" @default=\"Set start date and time to now\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonEnd\" @default=\"Set end date and time to now\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{/if}}\n      </EuiButton>\n    </EuiText>\n  ", {
+const EuiSuperDatePickerDatePopoverNowTab = setComponentTemplate(precompileTemplate("<EuiText class=\"euiDatePopoverContent__padded--large\" @size=\"s\" @color=\"subdued\">\n  <p>\n    <EuiI18n @token=\"euiDatePopoverContent.nowTabContent\" @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\" as |Token|>\n      <Token as |value|>\n        {{value}}\n      </Token>\n    </EuiI18n>\n  </p>\n  <EuiButton @fullWidth={{true}} @size=\"s\" @fill={{true}} {{on \"click\" (fn @onChange \"now\")}}>\n    {{#if (eq @position \"start\")}}\n      <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonStart\" @default=\"Set start date and time to now\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    {{else}}\n      <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonEnd\" @default=\"Set end date and time to now\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    {{/if}}\n  </EuiButton>\n</EuiText>", {
   strictMode: true,
   scope: () => ({
     EuiText: EuiTextComponent,

package/dist/components/eui-super-date-picker/date-popover/now-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"now-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/now-tab.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButton from '../../eui-button.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport EuiText from '../../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface NowTabSignature {\n Args: {\n position?: 'start' \| 'end';\n onChange: (value: string, event?: Event) => void;\n };\n}\n\nconst EuiSuperDatePickerDatePopoverNowTab: TemplateOnlyComponent<NowTabSignature> =\n <template>\n <EuiText\n class=\"euiDatePopoverContent__padded--large\"\n @size=\"s\"\n @color=\"subdued\"\n >\n <p>\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabContent\"\n @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </p>\n <EuiButton\n @fullWidth={{true}}\n @size=\"s\"\n @fill={{true}}\n {{on \"click\" (fn @onChange \"now\")}}\n >\n {{#if (eq @position \"start\")}}\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabButtonStart\"\n @default=\"Set start date and time to now\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n {{else}}\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabButtonEnd\"\n @default=\"Set end date and time to now\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n {{/if}}\n </EuiButton>\n </EuiText>\n </template>;\n\nexport default EuiSuperDatePickerDatePopoverNowTab;\n"],"names":["EuiSuperDatePickerDatePopoverNowTab","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiI18n","EuiButton","on","fn","eq","templateOnly"],"mappings":";;;;;;;;;;AAkBA,MAAMA,mCACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8CA,~~sjCAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;aAAAC,gBAAA;IAAAC,SAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"now-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/now-tab.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButton from '../../eui-button.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport EuiText from '../../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface NowTabSignature {\n Args: {\n position?: 'start' \| 'end';\n onChange: (value: string, event?: Event) => void;\n };\n}\n\nconst EuiSuperDatePickerDatePopoverNowTab: TemplateOnlyComponent<NowTabSignature> =\n <template>\n <EuiText\n class=\"euiDatePopoverContent__padded--large\"\n @size=\"s\"\n @color=\"subdued\"\n >\n <p>\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabContent\"\n @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n </p>\n <EuiButton\n @fullWidth={{true}}\n @size=\"s\"\n @fill={{true}}\n {{on \"click\" (fn @onChange \"now\")}}\n >\n {{#if (eq @position \"start\")}}\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabButtonStart\"\n @default=\"Set start date and time to now\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n {{else}}\n <EuiI18n\n @token=\"euiDatePopoverContent.nowTabButtonEnd\"\n @default=\"Set end date and time to now\"\n as \|Token\|\n >\n <Token as \|value\|>\n {{value}}\n </Token>\n </EuiI18n>\n {{/if}}\n </EuiButton>\n </EuiText>\n </template>;\n\nexport default EuiSuperDatePickerDatePopoverNowTab;\n"],"names":["EuiSuperDatePickerDatePopoverNowTab","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiI18n","EuiButton","on","fn","eq","templateOnly"],"mappings":";;;;;;;;;;AAkBA,MAAMA,mCACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8CA,g9BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;aAAAC,gBAAA;IAAAC,SAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-super-date-picker/date-popover/relative-tab.js CHANGED Viewed

@@ -18,7 +18,7 @@ import EuiSwitch from '../../eui-switch.js';
 import { parseRelativeParts, INVALID_DATE, toRelativeStringFromParts } from '../utils/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class RelativeTab extends Component {
   static {
@@ -97,7 +97,7 @@ class RelativeTab extends Component {
     this.args.onChange(date, e);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiForm class=\"euiDatePopoverContent__padded\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow>\n            <EuiFieldNumber @compressed={{true}} @value={{this.count}} @min=\"0\" {{on \"input\" this.onCountChange}} />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect @compressed={{true}} @value={{this.unit}} @options={{@timeOptions.relativeOptions}} {{on \"change\" (pick \"target.value\" this.onUnitChange)}} />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText @compressed={{true}} @value={{this.formattedValue}} @readOnly={{true}}>\n        <:prepend>\n          <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n    </EuiForm>\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch @label={{this.roundingLabel}} @checked={{this.round}} @onChange={{pick \"target.checked\" this.onRoundChange}} />\n    </EuiPopoverFooter>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiForm class=\"euiDatePopoverContent__padded\">\n  <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n    <EuiFlexItem>\n      <EuiFormRow>\n        <EuiFieldNumber @compressed={{true}} @value={{this.count}} @min=\"0\" {{on \"input\" this.onCountChange}} />\n      </EuiFormRow>\n    </EuiFlexItem>\n    <EuiFlexItem>\n      <EuiSelect @compressed={{true}} @value={{this.unit}} @options={{@timeOptions.relativeOptions}} {{on \"change\" (pick \"target.value\" this.onUnitChange)}} />\n    </EuiFlexItem>\n  </EuiFlexGroup>\n  <EuiSpacer @size=\"s\" />\n  <EuiFieldText @compressed={{true}} @value={{this.formattedValue}} @readOnly={{true}}>\n    <:prepend>\n      <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n    </:prepend>\n  </EuiFieldText>\n</EuiForm>\n<EuiPopoverFooter @paddingSize=\"s\">\n  <EuiSwitch @label={{this.roundingLabel}} @checked={{this.round}} @onChange={{pick \"target.checked\" this.onRoundChange}} />\n</EuiPopoverFooter>", {
       strictMode: true,
       scope: () => ({
         EuiForm,