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

@ember-eui/core 14.0.0 → 14.1.0

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

Files changed (1738) hide show

package/dist/components/eui-dual-range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-dual-range.js","sources":["../../src/components/eui-dual-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport { keys } from '../utils/keys.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\nimport EuiFormControlLayoutDelimited from './eui-form-control-layout-delimited.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeThumb from './eui-range-thumb.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { EuiRangeArgs } from './eui-range';\nimport type {\n EuiRangeInputArgs,\n EuiRangeInputSignature\n} from './eui-range-input';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport type ValueMember = number \| string;\n\nexport interface EuiDualRangeArgs {\n value: [ValueMember, ValueMember];\n onBlur?: (event: FocusEvent) => void;\n onFocus?: (event: FocusEvent) => void;\n onChange: (\n values: [ValueMember, ValueMember],\n isValid: boolean,\n event: Event \| MouseEvent \| KeyboardEvent\n ) => void;\n fullWidth?: boolean;\n isInvalid?: boolean;\n /*\n Create colored indicators for certain intervals\n /\n levels?: EuiRangeLevel[];\n /\n Shows static min/max labels on the sides of the range slider\n /\n showLabels?: boolean;\n /\n Pass `true` to displays an extra input control for direct manipulation.\n * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n /\n showInput?: EuiRangeArgs['showInput'];\n /\n Modifies the number of tick marks and at what interval\n /\n tickInterval?: number;\n /\n Specified ticks at specified values\n /\n ticks?: EuiRangeTick[];\n /\n Creates an input group with element(s) coming before input. Will only show if `showInput = inputWithPopover`.\n * `string` \| `Component` or an array of these\n /\n prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n /\n Creates an input group with element(s) coming after input. Will only show if `showInput = inputWithPopover`.\n * `string` \| `Component` or an array of these\n /\n append?: EuiFormControlLayoutSignature['Blocks']['append'];\n /\n Intended to be uses with aria attributes. Some attributes may be overwritten.\n /\n minInputProps?: Partial<EuiRangeInputArgs>;\n\n /\n Intended to be uses with aria attributes. Some attributes may be overwritten.\n /\n maxInputProps?: Partial<EuiRangeInputArgs>;\n\n readOnly?: boolean;\n\n disabled?: boolean;\n\n isPrependProvided?: boolean;\n\n isAppendProvided?: boolean;\n\n isFakeMaxBlock?: boolean;\n\n isFakeMinBlock?: boolean;\n\n disable?: boolean;\n\n ariaDescribedby?: string;\n\n ariaLabel?: string;\n\n name?: string;\n\n id?: string;\n\n compressed?: boolean;\n\n showRange?: boolean;\n\n showTicks?: boolean;\n\n step?: number;\n\n min?: number;\n\n max?: number;\n}\n\nexport interface EuiDualRangeSignature {\n Element: EuiRangeInputSignature['Element'];\n Args: EuiDualRangeArgs;\n Blocks: {\n prepend: EuiRangeInputSignature['Blocks']['prepend'];\n append: EuiRangeInputSignature['Blocks']['append'];\n min: [number?];\n max: [number?];\n };\n}\n\nexport default class EuiDualRangeComponent extends Component<EuiDualRangeSignature> {\n // Defaults\n @argOrDefaultDecorator(0) min!: number;\n @argOrDefaultDecorator(100) max!: number;\n @argOrDefaultDecorator(1) step!: number;\n @argOrDefaultDecorator(false) fullWidth!: boolean;\n @argOrDefaultDecorator(false) compressed!: boolean;\n @argOrDefaultDecorator(false) showLabels!: boolean;\n @argOrDefaultDecorator(false) showInput!: boolean \| string;\n @argOrDefaultDecorator(true) showRange!: boolean;\n @argOrDefaultDecorator(false) showTicks!: boolean;\n @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n //State\n @tracked id: string = this.args.id \|\| guidFor({});\n @tracked hasFocus = false;\n @tracked rangeSliderRefAvailable = false;\n @tracked isPopoverOpen = false;\n @tracked rangeWidth: number \| undefined;\n @tracked isVisible = true;\n ///\n\n preventPopoverClose = false;\n rangeSliderRef: HTMLInputElement \| null = null;\n\n @action\n didInsertRangeSlider(ref: HTMLInputElement \| null): void {\n this.rangeSliderRef = ref;\n\n this.rangeSliderRefAvailable = !!ref;\n this.rangeWidth = ref ? ref.clientWidth : undefined;\n\n if (this.rangeSliderRef?.clientWidth && !this.isVisible) {\n this.isVisible = true;\n }\n }\n\n get lowerValue(): ValueMember {\n return this.args.value ? this.args.value[0] : this.min;\n }\n\n get upperValue(): ValueMember {\n return this.args.value ? this.args.value[1] : this.max;\n }\n\n get lowerValueIsValid(): boolean {\n return isWithinRange(this.min, this.upperValue, this.lowerValue);\n }\n\n get upperValueIsValid(): boolean {\n return isWithinRange(this.lowerValue, this.max, this.upperValue);\n }\n\n get isValid(): boolean {\n return this.lowerValueIsValid && this.upperValueIsValid;\n }\n\n @action\n _determineInvalidThumbMovement(\n newVal: ValueMember,\n lower: ValueMember,\n upper: ValueMember,\n e: Event\n ): void {\n // If the values are invalid, find whether the new value is in the upper\n // or lower half and move the appropriate handle to the new value,\n // while the other handle gets moved to the opposite bound (if invalid)\n const lowerHalf = Math.abs(this.max - this.min) / 2 + this.min;\n const newValIsLow = isWithinRange(this.min, lowerHalf, newVal);\n\n if (newValIsLow) {\n lower = newVal;\n upper = !this.upperValueIsValid ? this.max : upper;\n } else {\n lower = !this.lowerValueIsValid ? this.min : lower;\n upper = newVal;\n }\n\n this._handleOnChange(lower, upper, e);\n }\n\n @action\n _determineValidThumbMovement(\n newVal: ValueMember,\n lower: ValueMember,\n upper: ValueMember,\n e: Event\n ): void {\n // Lower thumb targeted or right-moving swap has occurred\n if (\n Math.abs((lower as number) - (newVal as number)) <\n Math.abs((upper as number) - (newVal as number))\n ) {\n lower = newVal;\n }\n // Upper thumb targeted or left-moving swap has occurred\n else {\n upper = newVal;\n }\n\n this._handleOnChange(lower, upper, e);\n }\n\n @action\n _determineThumbMovement(newVal: number, e: Event): void {\n // Determine thumb movement based on slider interaction\n if (!this.isValid) {\n // Non-standard positioning follows\n this._determineInvalidThumbMovement(\n newVal,\n this.lowerValue,\n this.upperValue,\n e\n );\n } else {\n // Standard positioning based on click event proximity to thumb locations\n this._determineValidThumbMovement(\n newVal,\n this.lowerValue,\n this.upperValue,\n e\n );\n }\n }\n\n @action\n _handleOnChange(lower: ValueMember, upper: ValueMember, e: Event): void {\n const isValid =\n isWithinRange(this.min, upper, lower) &&\n isWithinRange(lower, this.max, upper);\n\n this.args.onChange([lower, upper], isValid, e);\n }\n\n @action\n handleSliderChange(e: Event): void {\n this._determineThumbMovement(\n Number((e.currentTarget as HTMLInputElement).value),\n e\n );\n }\n\n @action\n _resetToRangeEnds(e: KeyboardEvent): void {\n // Arbitrary decision to pass `min` instead of `max`. Result is the same.\n this._determineInvalidThumbMovement(\n this.min,\n this.lowerValue,\n this.upperValue,\n e\n );\n }\n\n @action\n _isDirectionalKeyPress(event: KeyboardEvent): boolean {\n return (\n [\n keys.ARROW_UP,\n keys.ARROW_RIGHT,\n keys.ARROW_DOWN,\n keys.ARROW_LEFT\n ].indexOf(event.key as keys) > -1\n );\n }\n\n @action\n handleInputKeyDown(e: KeyboardEvent): void {\n // Relevant only when initial values are both `''` and `showInput` is set\n if (this._isDirectionalKeyPress(e) && !this.isValid) {\n e.preventDefault();\n this._resetToRangeEnds(e);\n }\n }\n\n @action\n handleLowerInputChange(e: Event): void {\n this._handleOnChange(\n (e.target as HTMLInputElement).value,\n this.upperValue,\n e\n );\n }\n\n @action\n handleUpperInputChange(e: Event): void {\n this._handleOnChange(\n this.lowerValue,\n (e.target as HTMLInputElement).value,\n e\n );\n }\n\n @action\n _handleKeyDown(value: ValueMember, event: KeyboardEvent): number {\n let newVal = Number(value);\n let stepRemainder = 0;\n const step = this.args.step \|\| 1;\n\n switch (event.key) {\n case keys.ARROW_UP:\n case keys.ARROW_RIGHT:\n event.preventDefault();\n newVal += step;\n stepRemainder = (newVal - this.min) % step;\n\n if (step !== 1 && stepRemainder > 0) {\n newVal = newVal - stepRemainder;\n }\n\n break;\n case keys.ARROW_DOWN:\n case keys.ARROW_LEFT:\n event.preventDefault();\n newVal -= step;\n stepRemainder = (newVal - this.min) % step;\n\n if (step !== 1 && stepRemainder > 0) {\n newVal = newVal + (step - stepRemainder);\n }\n\n break;\n }\n\n return newVal;\n }\n\n @action\n handleLowerKeyDown(event: KeyboardEvent): void {\n let lower = this.lowerValue;\n\n switch (event.key) {\n case keys.TAB:\n return;\n default:\n if (!this.lowerValueIsValid) {\n // Relevant only when initial value is `''` and `showInput` is not set\n event.preventDefault();\n this._resetToRangeEnds(event);\n\n return;\n }\n\n lower = this._handleKeyDown(lower, event);\n }\n\n if (lower >= (this.upperValue as number) \|\| lower < this.min) return;\n this._handleOnChange(lower, this.upperValue, event);\n }\n\n @action\n handleUpperKeyDown(event: KeyboardEvent): void {\n let upper = this.upperValue;\n\n switch (event.key) {\n case keys.TAB:\n return;\n default:\n if (!this.upperValueIsValid) {\n // Relevant only when initial value is `''` and `showInput` is not set\n event.preventDefault();\n this._resetToRangeEnds(event);\n\n return;\n }\n\n upper = this._handleKeyDown(upper, event);\n }\n\n if (upper <= (this.lowerValue as number) \|\| upper > this.max) return;\n this._handleOnChange(this.lowerValue, upper, event);\n }\n\n @action\n calculateThumbPositionStyle(value: number, width?: number): { left: string } {\n // Calculate the left position based on value\n const decimal = (value - this.min) / (this.max - this.min);\n // Must be between 0-100%\n let valuePosition = decimal <= 1 ? decimal : 1;\n\n valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n const trackWidth =\n this.args.showInput === 'inputWithPopover' && !!width\n ? width\n : this.rangeSliderRef?.clientWidth;\n\n let thumbToTrackRatio = 0;\n\n if (trackWidth) {\n thumbToTrackRatio = EUI_THUMB_SIZE / trackWidth;\n } else {\n thumbToTrackRatio = EUI_THUMB_SIZE / 1;\n }\n\n const trackPositionScale = (1 - thumbToTrackRatio) 100;\n\n return { left: `${valuePosition * trackPositionScale}%` };\n }\n\n @action\n setPreventPopoverClose(value: boolean): void {\n this.preventPopoverClose = value;\n }\n\n get calculateLowerValueThumbPositionStyle(): { left: string } {\n return this.calculateThumbPositionStyle(\n Number(this.lowerValue) \|\| this.min,\n this.rangeWidth\n );\n }\n\n get calculateUpperValueThumbPositionStyle(): { left: string } {\n return this.calculateThumbPositionStyle(\n Number(this.upperValue) \|\| this.max,\n this.rangeWidth\n );\n }\n\n @action\n toggleHasFocus(): void {\n this.hasFocus = !this.hasFocus;\n }\n\n @action\n onThumbFocus(e: FocusEvent): void {\n if (this.args.onFocus) {\n this.args.onFocus(e);\n }\n\n this.hasFocus = true;\n }\n\n @action\n onThumbBlur(e: FocusEvent): void {\n if (this.args.onBlur) {\n this.args.onBlur(e);\n }\n\n this.hasFocus = false;\n }\n\n @action\n onInputFocus(e: FocusEvent): void {\n if (this.args.onFocus) {\n this.args.onFocus(e);\n }\n\n this.preventPopoverClose = true;\n this.isPopoverOpen = true;\n }\n\n @action\n onInputBlur(e: FocusEvent): void {\n later(\n this,\n () => {\n // Safari does not recognize any focus-related eventing for input[type=range]\n // making it impossible to capture its state using active/focus/relatedTarget\n // Instead, a prevention flag is set on mousedown, with a waiting period here.\n // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n if (this.preventPopoverClose) {\n this.preventPopoverClose = false;\n\n return;\n }\n\n if (this.args.onBlur) {\n this.args.onBlur(e);\n }\n\n this.closePopover();\n },\n 200\n );\n }\n\n @action\n closePopover(): void {\n this.preventPopoverClose = false;\n this.isPopoverOpen = false;\n }\n\n @action\n onResize(width?: number): void {\n this.rangeWidth = width;\n }\n\n get digitTolerance(): number {\n return Math.max(String(this.min).length, String(this.max).length);\n }\n\n get showInputOnly(): boolean {\n return this.showInput === 'inputWithPopover';\n }\n\n get canShowDropdown(): boolean {\n return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n }\n\n willDestroy() {\n super.willDestroy();\n\n this.rangeSliderRef = null;\n }\n\n <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n as \|hasPrepend hasAppend hasMaxBlock hasMinBlock\|\n }}\n {{#if this.showInputOnly}}\n <EuiInputPopover\n class=\"euiRange__popover\"\n @fullWidth={{this.fullWidth}}\n @isOpen={{this.isPopoverOpen}}\n @closePopover={{this.closePopover}}\n @disableFocusTrap={{true}}\n @onPanelResize={{this.onResize}}\n >\n <:input>\n <EuiFormControlLayoutDelimited\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend hasAppend}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:startControl as \|classes\|>\n <EuiRangeInput\n class={{classes}}\n @digitTolerance={{this.digitTolerance}}\n @side=\"min\"\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n @step={{this.step}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleLowerInputChange}}\n @name=\"{{@name}}-minValue\"\n @readOnly={{@readOnly}}\n @autoSize={{false}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on\n \"focus\"\n (if\n this.canShowDropdown this.onInputFocus (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if\n this.canShowDropdown this.onInputBlur (optional @onBlur)\n )\n }}\n {{on \"input\" this.handleLowerInputChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n </:startControl>\n <:endControl as \|classes\|>\n <EuiRangeInput\n class={{classes}}\n @digitTolerance={{this.digitTolerance}}\n @side=\"max\"\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @name=\"{{@name}}-maxValue\"\n @readOnly={{@readOnly}}\n @autoSize={{false}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on\n \"focus\"\n (if\n this.canShowDropdown this.onInputFocus (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if\n this.canShowDropdown this.onInputBlur (optional @onBlur)\n )\n }}\n {{on \"input\" this.handleUpperInputChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n </:endControl>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayoutDelimited>\n </:input>\n <:content>\n <EuiRangeWrapper\n class=\"euiDualRange\"\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n >\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}}\n @compressed={{this.compressed}}\n @disabled={{@disabled}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleSliderChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{this.compressed}}\n @hasFocus={{this.hasFocus}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.lowerValue to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo this.upperValue to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n class=\"euiDualRange__slider\"\n aria-hidden=\"true\"\n @id={{this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleSliderChange}}\n @showTicks={{this.showTicks}}\n @hasFocus={{this.hasFocus}}\n tabindex=\"-1\"\n @showRange={{this.showRange}}\n ...attributes\n {{didInsert this.didInsertRangeSlider}}\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleSliderChange}}\n />\n {{#if this.rangeSliderRefAvailable}}\n <EuiRangeThumb\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n {{!@glint-expect-error}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{onKey \"_all\" this.handleLowerKeyDown}}\n />\n <EuiRangeThumb\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n {{!@glint-expect-error}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{onKey \"_all\" this.handleUpperKeyDown}}\n />\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n </EuiRangeWrapper>\n </:content>\n </EuiInputPopover>\n {{else}}\n <EuiRangeWrapper\n class=\"euiDualRange\"\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n >\n {{#if this.showInput}}\n <EuiRangeInput\n @digitTolerance={{this.digitTolerance}}\n @side=\"min\"\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n @step={{this.step}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleLowerInputChange}}\n @name=\"{{@name}}-minValue\"\n @readOnly={{@readOnly}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{false}}\n @isAppendProvided={{false}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleLowerInputChange}}\n />\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{/if}}\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}}\n @compressed={{this.compressed}}\n @disabled={{@disabled}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleSliderChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{this.compressed}}\n @hasFocus={{this.hasFocus}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.lowerValue to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo this.upperValue to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n class=\"euiDualRange__slider\"\n aria-hidden=\"true\"\n @id={{this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleSliderChange}}\n @showTicks={{this.showTicks}}\n @hasFocus={{this.hasFocus}}\n tabindex=\"-1\"\n @showRange={{this.showRange}}\n ...attributes\n {{didInsert this.didInsertRangeSlider}}\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleSliderChange}}\n />\n {{#if this.rangeSliderRefAvailable}}\n <EuiRangeThumb\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n {{!@glint-expect-error}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{!@glint-expect-error}}\n {{on \"click\" this.handleLowerKeyDown}}\n />\n <EuiRangeThumb\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n {{!@glint-expect-error}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{on \"keydown\" this.handleUpperKeyDown}}\n />\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n {{#if this.showInput}}\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{! maxinput }}\n <EuiRangeInput\n @digitTolerance={{this.digitTolerance}}\n @side=\"max\"\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @name=\"{{@name}}-maxValue\"\n @readOnly={{@readOnly}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @controlOnly={{this.showInputOnly}}\n @isPrependProvided={{false}}\n @isAppendProvided={{false}}\n @disable={{@disable}}\n ...attributes\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleUpperInputChange}}\n />\n {{/if}}\n </EuiRangeWrapper>\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiDualRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","args","id","guidFor","preventPopoverClose","rangeSliderRef","didInsertRangeSlider","ref","rangeSliderRefAvailable","rangeWidth","clientWidth","undefined","isVisible","n","action","lowerValue","value","min","upperValue","max","lowerValueIsValid","isWithinRange","upperValueIsValid","isValid","_determineInvalidThumbMovement","newVal","lower","upper","e","lowerHalf","Math","abs","newValIsLow","_handleOnChange","_determineValidThumbMovement","_determineThumbMovement","onChange","handleSliderChange","Number","currentTarget","_resetToRangeEnds","_isDirectionalKeyPress","event","keys","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","indexOf","key","handleInputKeyDown","preventDefault","handleLowerInputChange","target","handleUpperInputChange","_handleKeyDown","stepRemainder","step","handleLowerKeyDown","TAB","handleUpperKeyDown","calculateThumbPositionStyle","width","decimal","valuePosition","trackWidth","showInput","thumbToTrackRatio","EUI_THUMB_SIZE","trackPositionScale","left","setPreventPopoverClose","calculateLowerValueThumbPositionStyle","calculateUpperValueThumbPositionStyle","toggleHasFocus","hasFocus","onThumbFocus","onFocus","onThumbBlur","onBlur","onInputFocus","isPopoverOpen","onInputBlur","later","closePopover","onResize","digitTolerance","String","length","showInputOnly","canShowDropdown","readOnly","disabled","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiFormControlLayoutDelimited","or","EuiRangeInput","castTo","on","fn","onKey","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","EuiRangeSlider","didInsert","EuiRangeThumb","simpleStyle"],"mappings":"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"}
1	+ {"version":3,"file":"eui-dual-range.js","sources":["../../src/components/eui-dual-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport { keys } from '../utils/keys.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\nimport EuiFormControlLayoutDelimited from './eui-form-control-layout-delimited.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeThumb from './eui-range-thumb.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { EuiRangeArgs } from './eui-range';\nimport type {\n EuiRangeInputArgs,\n EuiRangeInputSignature\n} from './eui-range-input';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport type ValueMember = number \| string;\n\nexport interface EuiDualRangeArgs {\n /** The selected range, `[lower, upper]`. Update it in `@onChange`. /\n value: [ValueMember, ValueMember];\n /* Called when a thumb or input loses focus. /\n onBlur?: (event: FocusEvent) => void;\n /* Called when a thumb or input gets focus. /\n onFocus?: (event: FocusEvent) => void;\n /\n Called with the new `[lower, upper]` values, whether they are valid\n * (within `@min`/`@max` and lower ≤ upper) and the event.\n /\n onChange: (\n values: [ValueMember, ValueMember],\n isValid: boolean,\n event: Event \| MouseEvent \| KeyboardEvent\n ) => void;\n /* Stretches the slider to its container's width. /\n fullWidth?: boolean;\n /* Shows the invalid state. /\n isInvalid?: boolean;\n /\n Create colored indicators for certain intervals:\n * `[{ min: 0, max: 20, color: 'danger' }, …]`.\n /\n levels?: EuiRangeLevel[];\n /\n Shows static min/max labels on the sides of the range slider.\n * Defaults to `false`.\n /\n showLabels?: boolean;\n /\n Pass `true` to displays an extra input control for direct manipulation.\n * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n /\n showInput?: EuiRangeArgs['showInput'];\n /\n Modifies the number of tick marks and at what interval\n /\n tickInterval?: number;\n /\n Specified ticks at specified values: `[{ label: '20kb', value: 20 }]`.\n /\n ticks?: EuiRangeTick[];\n /\n @deprecated Has no effect, use the `<:prepend>` block (shown with\n * `@showInput=\"inputWithPopover\"`).\n /\n prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n /\n @deprecated Has no effect, use the `<:append>` block (shown with\n * `@showInput=\"inputWithPopover\"`).\n /\n append?: EuiFormControlLayoutSignature['Blocks']['append'];\n /* @deprecated Has no effect. /\n minInputProps?: Partial<EuiRangeInputArgs>;\n /* @deprecated Has no effect. /\n maxInputProps?: Partial<EuiRangeInputArgs>;\n /* Makes the inputs read-only. /\n readOnly?: boolean;\n /* Disables the slider and inputs. /\n disabled?: boolean;\n /* @private Show the `<:prepend>` block. Defaults to `true`. /\n isPrependProvided?: boolean;\n /* @private Show the `<:append>` block. Defaults to `true`. /\n isAppendProvided?: boolean;\n /* @private Ignore the `<:max>` block. /\n isFakeMaxBlock?: boolean;\n /* @private Ignore the `<:min>` block. /\n isFakeMinBlock?: boolean;\n /* Disables the number inputs. /\n disable?: boolean;\n /* Id of the element(s) describing the slider thumbs. /\n ariaDescribedby?: string;\n /* Accessible label of the slider thumbs. /\n ariaLabel?: string;\n /* `name` of the inputs; the number inputs get `-minValue` / `-maxValue` suffixes. /\n name?: string;\n /* Id of the slider. Defaults to a generated id. /\n id?: string;\n /* Smaller slider, for dense forms. Defaults to `false`. /\n compressed?: boolean;\n /* Highlights the selected range on the track. Defaults to `true`. /\n showRange?: boolean;\n /* Shows tick marks, every `@step` (or `@tickInterval`). Defaults to `false`. /\n showTicks?: boolean;\n /* Increment between values. Defaults to `1`. /\n step?: number;\n /* Lowest selectable value. Defaults to `0`. /\n min?: number;\n /* Highest selectable value. Defaults to `100`. /\n max?: number;\n}\n\n/\n A slider with two thumbs to pick a range, e.g. a price range. For one\n * value use EuiRange.\n /\nexport interface EuiDualRangeSignature {\n Element: EuiRangeInputSignature['Element'];\n Args: EuiDualRangeArgs;\n Blocks: {\n /* Content before the inputs (`@showInput=\"inputWithPopover\"`). /\n prepend: EuiRangeInputSignature['Blocks']['prepend'];\n /* Content after the inputs (`@showInput=\"inputWithPopover\"`). /\n append: EuiRangeInputSignature['Blocks']['append'];\n /* Custom min label (`@showLabels`); yields `@min`. /\n min: [number?];\n /* Custom max label (`@showLabels`); yields `@max`. /\n max: [number?];\n };\n}\n\nexport default class EuiDualRangeComponent extends Component<EuiDualRangeSignature> {\n // Defaults\n @argOrDefaultDecorator(0) min!: number;\n @argOrDefaultDecorator(100) max!: number;\n @argOrDefaultDecorator(1) step!: number;\n @argOrDefaultDecorator(false) fullWidth!: boolean;\n @argOrDefaultDecorator(false) compressed!: boolean;\n @argOrDefaultDecorator(false) showLabels!: boolean;\n @argOrDefaultDecorator(false) showInput!: boolean \| string;\n @argOrDefaultDecorator(true) showRange!: boolean;\n @argOrDefaultDecorator(false) showTicks!: boolean;\n @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n //State\n @tracked id: string = this.args.id \|\| guidFor({});\n @tracked hasFocus = false;\n @tracked rangeSliderRefAvailable = false;\n @tracked isPopoverOpen = false;\n @tracked rangeWidth: number \| undefined;\n @tracked isVisible = true;\n ///\n\n preventPopoverClose = false;\n rangeSliderRef: HTMLInputElement \| null = null;\n\n @action\n didInsertRangeSlider(ref: HTMLInputElement \| null): void {\n this.rangeSliderRef = ref;\n\n this.rangeSliderRefAvailable = !!ref;\n this.rangeWidth = ref ? ref.clientWidth : undefined;\n\n if (this.rangeSliderRef?.clientWidth && !this.isVisible) {\n this.isVisible = true;\n }\n }\n\n get lowerValue(): ValueMember {\n return this.args.value ? this.args.value[0] : this.min;\n }\n\n get upperValue(): ValueMember {\n return this.args.value ? this.args.value[1] : this.max;\n }\n\n get lowerValueIsValid(): boolean {\n return isWithinRange(this.min, this.upperValue, this.lowerValue);\n }\n\n get upperValueIsValid(): boolean {\n return isWithinRange(this.lowerValue, this.max, this.upperValue);\n }\n\n get isValid(): boolean {\n return this.lowerValueIsValid && this.upperValueIsValid;\n }\n\n @action\n _determineInvalidThumbMovement(\n newVal: ValueMember,\n lower: ValueMember,\n upper: ValueMember,\n e: Event\n ): void {\n // If the values are invalid, find whether the new value is in the upper\n // or lower half and move the appropriate handle to the new value,\n // while the other handle gets moved to the opposite bound (if invalid)\n const lowerHalf = Math.abs(this.max - this.min) / 2 + this.min;\n const newValIsLow = isWithinRange(this.min, lowerHalf, newVal);\n\n if (newValIsLow) {\n lower = newVal;\n upper = !this.upperValueIsValid ? this.max : upper;\n } else {\n lower = !this.lowerValueIsValid ? this.min : lower;\n upper = newVal;\n }\n\n this._handleOnChange(lower, upper, e);\n }\n\n @action\n _determineValidThumbMovement(\n newVal: ValueMember,\n lower: ValueMember,\n upper: ValueMember,\n e: Event\n ): void {\n // Lower thumb targeted or right-moving swap has occurred\n if (\n Math.abs((lower as number) - (newVal as number)) <\n Math.abs((upper as number) - (newVal as number))\n ) {\n lower = newVal;\n }\n // Upper thumb targeted or left-moving swap has occurred\n else {\n upper = newVal;\n }\n\n this._handleOnChange(lower, upper, e);\n }\n\n @action\n _determineThumbMovement(newVal: number, e: Event): void {\n // Determine thumb movement based on slider interaction\n if (!this.isValid) {\n // Non-standard positioning follows\n this._determineInvalidThumbMovement(\n newVal,\n this.lowerValue,\n this.upperValue,\n e\n );\n } else {\n // Standard positioning based on click event proximity to thumb locations\n this._determineValidThumbMovement(\n newVal,\n this.lowerValue,\n this.upperValue,\n e\n );\n }\n }\n\n @action\n _handleOnChange(lower: ValueMember, upper: ValueMember, e: Event): void {\n const isValid =\n isWithinRange(this.min, upper, lower) &&\n isWithinRange(lower, this.max, upper);\n\n this.args.onChange([lower, upper], isValid, e);\n }\n\n @action\n handleSliderChange(e: Event): void {\n this._determineThumbMovement(\n Number((e.currentTarget as HTMLInputElement).value),\n e\n );\n }\n\n @action\n _resetToRangeEnds(e: KeyboardEvent): void {\n // Arbitrary decision to pass `min` instead of `max`. Result is the same.\n this._determineInvalidThumbMovement(\n this.min,\n this.lowerValue,\n this.upperValue,\n e\n );\n }\n\n @action\n _isDirectionalKeyPress(event: KeyboardEvent): boolean {\n return (\n [\n keys.ARROW_UP,\n keys.ARROW_RIGHT,\n keys.ARROW_DOWN,\n keys.ARROW_LEFT\n ].indexOf(event.key as keys) > -1\n );\n }\n\n @action\n handleInputKeyDown(e: KeyboardEvent): void {\n // Relevant only when initial values are both `''` and `showInput` is set\n if (this._isDirectionalKeyPress(e) && !this.isValid) {\n e.preventDefault();\n this._resetToRangeEnds(e);\n }\n }\n\n @action\n handleLowerInputChange(e: Event): void {\n this._handleOnChange(\n (e.target as HTMLInputElement).value,\n this.upperValue,\n e\n );\n }\n\n @action\n handleUpperInputChange(e: Event): void {\n this._handleOnChange(\n this.lowerValue,\n (e.target as HTMLInputElement).value,\n e\n );\n }\n\n @action\n _handleKeyDown(value: ValueMember, event: KeyboardEvent): number {\n let newVal = Number(value);\n let stepRemainder = 0;\n const step = this.args.step \|\| 1;\n\n switch (event.key) {\n case keys.ARROW_UP:\n case keys.ARROW_RIGHT:\n event.preventDefault();\n newVal += step;\n stepRemainder = (newVal - this.min) % step;\n\n if (step !== 1 && stepRemainder > 0) {\n newVal = newVal - stepRemainder;\n }\n\n break;\n case keys.ARROW_DOWN:\n case keys.ARROW_LEFT:\n event.preventDefault();\n newVal -= step;\n stepRemainder = (newVal - this.min) % step;\n\n if (step !== 1 && stepRemainder > 0) {\n newVal = newVal + (step - stepRemainder);\n }\n\n break;\n }\n\n return newVal;\n }\n\n @action\n handleLowerKeyDown(event: KeyboardEvent): void {\n let lower = this.lowerValue;\n\n switch (event.key) {\n case keys.TAB:\n return;\n default:\n if (!this.lowerValueIsValid) {\n // Relevant only when initial value is `''` and `showInput` is not set\n event.preventDefault();\n this._resetToRangeEnds(event);\n\n return;\n }\n\n lower = this._handleKeyDown(lower, event);\n }\n\n if (lower >= (this.upperValue as number) \|\| lower < this.min) return;\n this._handleOnChange(lower, this.upperValue, event);\n }\n\n @action\n handleUpperKeyDown(event: KeyboardEvent): void {\n let upper = this.upperValue;\n\n switch (event.key) {\n case keys.TAB:\n return;\n default:\n if (!this.upperValueIsValid) {\n // Relevant only when initial value is `''` and `showInput` is not set\n event.preventDefault();\n this._resetToRangeEnds(event);\n\n return;\n }\n\n upper = this._handleKeyDown(upper, event);\n }\n\n if (upper <= (this.lowerValue as number) \|\| upper > this.max) return;\n this._handleOnChange(this.lowerValue, upper, event);\n }\n\n @action\n calculateThumbPositionStyle(value: number, width?: number): { left: string } {\n // Calculate the left position based on value\n const decimal = (value - this.min) / (this.max - this.min);\n // Must be between 0-100%\n let valuePosition = decimal <= 1 ? decimal : 1;\n\n valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n const trackWidth =\n this.args.showInput === 'inputWithPopover' && !!width\n ? width\n : this.rangeSliderRef?.clientWidth;\n\n let thumbToTrackRatio = 0;\n\n if (trackWidth) {\n thumbToTrackRatio = EUI_THUMB_SIZE / trackWidth;\n } else {\n thumbToTrackRatio = EUI_THUMB_SIZE / 1;\n }\n\n const trackPositionScale = (1 - thumbToTrackRatio) 100;\n\n return { left: `${valuePosition * trackPositionScale}%` };\n }\n\n @action\n setPreventPopoverClose(value: boolean): void {\n this.preventPopoverClose = value;\n }\n\n get calculateLowerValueThumbPositionStyle(): { left: string } {\n return this.calculateThumbPositionStyle(\n Number(this.lowerValue) \|\| this.min,\n this.rangeWidth\n );\n }\n\n get calculateUpperValueThumbPositionStyle(): { left: string } {\n return this.calculateThumbPositionStyle(\n Number(this.upperValue) \|\| this.max,\n this.rangeWidth\n );\n }\n\n @action\n toggleHasFocus(): void {\n this.hasFocus = !this.hasFocus;\n }\n\n @action\n onThumbFocus(e: FocusEvent): void {\n if (this.args.onFocus) {\n this.args.onFocus(e);\n }\n\n this.hasFocus = true;\n }\n\n @action\n onThumbBlur(e: FocusEvent): void {\n if (this.args.onBlur) {\n this.args.onBlur(e);\n }\n\n this.hasFocus = false;\n }\n\n @action\n onInputFocus(e: FocusEvent): void {\n if (this.args.onFocus) {\n this.args.onFocus(e);\n }\n\n this.preventPopoverClose = true;\n this.isPopoverOpen = true;\n }\n\n @action\n onInputBlur(e: FocusEvent): void {\n later(\n this,\n () => {\n // Safari does not recognize any focus-related eventing for input[type=range]\n // making it impossible to capture its state using active/focus/relatedTarget\n // Instead, a prevention flag is set on mousedown, with a waiting period here.\n // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n if (this.preventPopoverClose) {\n this.preventPopoverClose = false;\n\n return;\n }\n\n if (this.args.onBlur) {\n this.args.onBlur(e);\n }\n\n this.closePopover();\n },\n 200\n );\n }\n\n @action\n closePopover(): void {\n this.preventPopoverClose = false;\n this.isPopoverOpen = false;\n }\n\n @action\n onResize(width?: number): void {\n this.rangeWidth = width;\n }\n\n get digitTolerance(): number {\n return Math.max(String(this.min).length, String(this.max).length);\n }\n\n get showInputOnly(): boolean {\n return this.showInput === 'inputWithPopover';\n }\n\n get canShowDropdown(): boolean {\n return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n }\n\n willDestroy() {\n super.willDestroy();\n\n this.rangeSliderRef = null;\n }\n\n <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n as \|hasPrepend hasAppend hasMaxBlock hasMinBlock\|\n }}\n {{#if this.showInputOnly}}\n <EuiInputPopover\n class=\"euiRange__popover\"\n @fullWidth={{this.fullWidth}}\n @isOpen={{this.isPopoverOpen}}\n @closePopover={{this.closePopover}}\n @disableFocusTrap={{true}}\n @onPanelResize={{this.onResize}}\n >\n <:input>\n <EuiFormControlLayoutDelimited\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend hasAppend}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:startControl as \|classes\|>\n <EuiRangeInput\n class={{classes}}\n @digitTolerance={{this.digitTolerance}}\n @side=\"min\"\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n @step={{this.step}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleLowerInputChange}}\n @name=\"{{@name}}-minValue\"\n @readOnly={{@readOnly}}\n @autoSize={{false}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on\n \"focus\"\n (if\n this.canShowDropdown this.onInputFocus (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if\n this.canShowDropdown this.onInputBlur (optional @onBlur)\n )\n }}\n {{on \"input\" this.handleLowerInputChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n </:startControl>\n <:endControl as \|classes\|>\n <EuiRangeInput\n class={{classes}}\n @digitTolerance={{this.digitTolerance}}\n @side=\"max\"\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @name=\"{{@name}}-maxValue\"\n @readOnly={{@readOnly}}\n @autoSize={{false}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on\n \"focus\"\n (if\n this.canShowDropdown this.onInputFocus (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if\n this.canShowDropdown this.onInputBlur (optional @onBlur)\n )\n }}\n {{on \"input\" this.handleUpperInputChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n </:endControl>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayoutDelimited>\n </:input>\n <:content>\n <EuiRangeWrapper\n class=\"euiDualRange\"\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n >\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}}\n @compressed={{this.compressed}}\n @disabled={{@disabled}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleSliderChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{this.compressed}}\n @hasFocus={{this.hasFocus}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.lowerValue to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo this.upperValue to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n class=\"euiDualRange__slider\"\n aria-hidden=\"true\"\n @id={{this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleSliderChange}}\n @showTicks={{this.showTicks}}\n @hasFocus={{this.hasFocus}}\n tabindex=\"-1\"\n @showRange={{this.showRange}}\n ...attributes\n {{didInsert this.didInsertRangeSlider}}\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleSliderChange}}\n />\n {{#if this.rangeSliderRefAvailable}}\n <EuiRangeThumb\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n {{!@glint-expect-error}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{onKey \"_all\" this.handleLowerKeyDown}}\n />\n <EuiRangeThumb\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n {{!@glint-expect-error}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{onKey \"_all\" this.handleUpperKeyDown}}\n />\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n </EuiRangeWrapper>\n </:content>\n </EuiInputPopover>\n {{else}}\n <EuiRangeWrapper\n class=\"euiDualRange\"\n @fullWidth={{this.fullWidth}}\n @compressed={{this.compressed}}\n >\n {{#if this.showInput}}\n <EuiRangeInput\n @digitTolerance={{this.digitTolerance}}\n @side=\"min\"\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n @step={{this.step}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleLowerInputChange}}\n @name=\"{{@name}}-minValue\"\n @readOnly={{@readOnly}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @isPrependProvided={{false}}\n @isAppendProvided={{false}}\n @controlOnly={{true}}\n @disable={{@disable}}\n ...attributes\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleLowerInputChange}}\n />\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{/if}}\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}}\n @compressed={{this.compressed}}\n @disabled={{@disabled}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleSliderChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{this.compressed}}\n @hasFocus={{this.hasFocus}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.lowerValue to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo this.upperValue to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n class=\"euiDualRange__slider\"\n aria-hidden=\"true\"\n @id={{this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @onChange={{this.handleSliderChange}}\n @showTicks={{this.showTicks}}\n @hasFocus={{this.hasFocus}}\n tabindex=\"-1\"\n @showRange={{this.showRange}}\n ...attributes\n {{didInsert this.didInsertRangeSlider}}\n {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleSliderChange}}\n />\n {{#if this.rangeSliderRefAvailable}}\n <EuiRangeThumb\n @min={{this.min}}\n {{!@glint-expect-error}}\n @max={{castTo this.upperValue to=\"number\"}}\n {{!@glint-expect-error}}\n @value={{this.lowerValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{!@glint-expect-error}}\n {{on \"click\" this.handleLowerKeyDown}}\n />\n <EuiRangeThumb\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n {{!@glint-expect-error}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @showTicks={{this.showTicks}}\n @showInput={{not this.showInput}}\n aria-describedby={{@ariaDescribedby}}\n aria-label={{@ariaLabel}}\n {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n {{on \"focus\" this.onThumbFocus}}\n {{on \"blur\" this.onThumbBlur}}\n {{on \"keydown\" this.handleUpperKeyDown}}\n />\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n {{#if this.showInput}}\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{! maxinput }}\n <EuiRangeInput\n @digitTolerance={{this.digitTolerance}}\n @side=\"max\"\n {{!@glint-expect-error}}\n @min={{castTo this.lowerValue to=\"number\"}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{this.upperValue}}\n @disabled={{@disabled}}\n @compressed={{this.compressed}}\n @name=\"{{@name}}-maxValue\"\n @readOnly={{@readOnly}}\n @fullWidth={{this.fullWidth}}\n @isInvalid={{@isInvalid}}\n @controlOnly={{this.showInputOnly}}\n @isPrependProvided={{false}}\n @isAppendProvided={{false}}\n @disable={{@disable}}\n ...attributes\n {{onKey \"_all\" this.handleInputKeyDown}}\n {{on \"focus\" (optional @onFocus)}}\n {{on \"blur\" (optional @onBlur)}}\n {{on \"input\" this.handleUpperInputChange}}\n />\n {{/if}}\n </EuiRangeWrapper>\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiDualRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","args","id","guidFor","preventPopoverClose","rangeSliderRef","didInsertRangeSlider","ref","rangeSliderRefAvailable","rangeWidth","clientWidth","undefined","isVisible","n","action","lowerValue","value","min","upperValue","max","lowerValueIsValid","isWithinRange","upperValueIsValid","isValid","_determineInvalidThumbMovement","newVal","lower","upper","e","lowerHalf","Math","abs","newValIsLow","_handleOnChange","_determineValidThumbMovement","_determineThumbMovement","onChange","handleSliderChange","Number","currentTarget","_resetToRangeEnds","_isDirectionalKeyPress","event","keys","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","indexOf","key","handleInputKeyDown","preventDefault","handleLowerInputChange","target","handleUpperInputChange","_handleKeyDown","stepRemainder","step","handleLowerKeyDown","TAB","handleUpperKeyDown","calculateThumbPositionStyle","width","decimal","valuePosition","trackWidth","showInput","thumbToTrackRatio","EUI_THUMB_SIZE","trackPositionScale","left","setPreventPopoverClose","calculateLowerValueThumbPositionStyle","calculateUpperValueThumbPositionStyle","toggleHasFocus","hasFocus","onThumbFocus","onFocus","onThumbBlur","onBlur","onInputFocus","isPopoverOpen","onInputBlur","later","closePopover","onResize","digitTolerance","String","length","showInputOnly","canShowDropdown","readOnly","disabled","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiFormControlLayoutDelimited","or","EuiRangeInput","castTo","on","fn","onKey","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","EuiRangeSlider","didInsert","EuiRangeThumb","simpleStyle"],"mappings":"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"}

package/dist/components/eui-empty-prompt.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiEmptyPrompt = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @layout \"vertical\") as |layout|}}\n  <EuiPanel class={{classNames (if layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\") componentName=\"EuiEmptyPrompt\" paddingSize=(argOrDefault @paddingSize \"l\")}} @paddingSize=\"none\" @color={{argOrDefault @color \"transparent\"}} @hasBorder={{@hasBorder}} @hasShadow={{false}} ...attributes>\n    <div class=\"euiEmptyPrompt__main\">\n      {{#if (has-block \"icon\")}}\n        <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n      {{else if @iconType}}\n        <div class=\"euiEmptyPrompt__icon\">\n          <EuiIcon @type={{@iconType}} @size=\"xxl\" @color={{if @iconColor @iconColor (if @color @color \"subdued\")}} />\n        </div>\n      {{/if}}\n      <div class=\"euiEmptyPrompt__content\">\n        {{#if (has-block \"content\")}}\n          <div class=\"euiEmptyPrompt__contentInner\">{{yield to=\"content\"}}</div>\n        {{else}}\n          <div class=\"euiEmptyPrompt__contentInner\">\n            {{#if @title}}\n              <EuiTitle @size={{argOrDefault @titleSize \"m\"}}>{{@title}}</EuiTitle>\n            {{/if}}\n            {{#if @body}}\n              <EuiTextColor @color=\"subdued\">\n                {{#if @title}}\n                  <EuiSpacer @size=\"m\" />\n                {{/if}}\n                <EuiText>\n                  {{@body}}\n                </EuiText>\n              </EuiTextColor>\n            {{/if}}\n            {{#if @actions.length}}\n              <EuiSpacer size=\"l\" />\n            {{/if}}\n            {{#if (gte @actions.length 2)}}\n              <EuiFlexGroup class=\"euiEmptyPrompt__actions\" @gutterSize=\"m\" @alignItems=\"center\" @justifyContent=\"center\" @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}>\n                {{#each @actions as |oneAction|}}\n                  <EuiFlexItem @grow={{false}}>\n                    {{oneAction}}\n                  </EuiFlexItem>\n                {{/each}}\n              </EuiFlexGroup>\n            {{else}}\n              <EuiSpacer size=\"l\" />\n              {{#each @actions as |oneAction|}}\n                {{oneAction}}\n              {{/each}}\n            {{/if}}\n          </div>\n        {{/if}}\n      </div>\n    </div>\n\n    {{#if (has-block \"footer\")}}\n      <div class=\"euiEmptyPrompt__footer\">\n        {{yield to=\"footer\"}}\n      </div>\n    {{else}}\n      {{#if @footer}}\n        <div class=\"euiEmptyPrompt__footer\">\n          {{@footer}}\n        </div>\n      {{/if}}\n    {{/if}}\n  </EuiPanel>\n{{/let}}", {
+const EuiEmptyPrompt = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @layout \"vertical\") as |layout|}}\n  <EuiPanel class={{classNames (if layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\") componentName=\"EuiEmptyPrompt\" paddingSize=(argOrDefault @paddingSize \"l\")}} @paddingSize=\"none\" @color={{argOrDefault @color \"transparent\"}} @hasBorder={{@hasBorder}} @hasShadow={{false}} ...attributes>\n    <div class=\"euiEmptyPrompt__main\">\n      {{#if (has-block \"icon\")}}\n        <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n      {{else if @iconType}}\n        <div class=\"euiEmptyPrompt__icon\">\n          <EuiIcon @type={{@iconType}} @size=\"xxl\" @color={{if @iconColor @iconColor (if @color @color \"subdued\")}} />\n        </div>\n      {{/if}}\n      <div class=\"euiEmptyPrompt__content\">\n        {{#if (has-block \"content\")}}\n          <div class=\"euiEmptyPrompt__contentInner\">{{yield to=\"content\"}}</div>\n        {{else}}\n          <div class=\"euiEmptyPrompt__contentInner\">\n            {{#if @title}}\n              <EuiTitle @size={{argOrDefault @titleSize \"m\"}}>{{@title}}</EuiTitle>\n            {{/if}}\n            {{#if @body}}\n              <EuiTextColor @color=\"subdued\">\n                {{#if @title}}\n                  <EuiSpacer @size=\"m\" />\n                {{/if}}\n                <EuiText>\n                  {{@body}}\n                </EuiText>\n              </EuiTextColor>\n            {{/if}}\n            {{#if @actions.length}}\n              <EuiSpacer @size=\"l\" />\n            {{/if}}\n            {{#if (gte @actions.length 2)}}\n              <EuiFlexGroup class=\"euiEmptyPrompt__actions\" @gutterSize=\"m\" @alignItems=\"center\" @justifyContent=\"center\" @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}>\n                {{#each @actions as |oneAction|}}\n                  <EuiFlexItem @grow={{false}}>\n                    {{oneAction}}\n                  </EuiFlexItem>\n                {{/each}}\n              </EuiFlexGroup>\n            {{else}}\n              {{#each @actions as |oneAction|}}\n                {{oneAction}}\n              {{/each}}\n            {{/if}}\n          </div>\n        {{/if}}\n      </div>\n    </div>\n\n    {{#if (has-block \"footer\")}}\n      <div class=\"euiEmptyPrompt__footer\">\n        {{yield to=\"footer\"}}\n      </div>\n    {{else}}\n      {{#if @footer}}\n        <div class=\"euiEmptyPrompt__footer\">\n          {{@footer}}\n        </div>\n      {{/if}}\n    {{/if}}\n  </EuiPanel>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-empty-prompt.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-empty-prompt.js","sources":["../../src/components/eui-empty-prompt.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq,gte } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTextColor from './eui-text-color.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiEmptyPromptSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n layout?: 'vertical' \| 'horizontal';\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n color?: EuiPanelSignature['Args']['color'];\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n iconType?: EuiIconSignature['Args']['type'];\n iconColor?: EuiIconSignature['Args']['color'];\n title?: string;\n titleSize?: EuiTitleSignature['Args']['size'];\n body?: string;\n actions?: ComponentLike[];\n footer?: string;\n };\n Blocks: {\n icon?: [];\n content?: [];\n footer?: [];\n };\n}\n\nconst EuiEmptyPrompt: TemplateOnlyComponent<EuiEmptyPromptSignature> =\n <template>\n {{#let (argOrDefault @layout \"vertical\") as \|layout\|}}\n <EuiPanel\n class={{classNames\n (if\n layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\"\n )\n componentName=\"EuiEmptyPrompt\"\n paddingSize=(argOrDefault @paddingSize \"l\")\n }}\n @paddingSize=\"none\"\n @color={{argOrDefault @color \"transparent\"}}\n @hasBorder={{@hasBorder}}\n @hasShadow={{false}}\n ...attributes\n >\n <div class=\"euiEmptyPrompt__main\">\n {{#if (has-block \"icon\")}}\n <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n {{else if @iconType}}\n <div class=\"euiEmptyPrompt__icon\">\n <EuiIcon\n @type={{@iconType}}\n @size=\"xxl\"\n @color={{if @iconColor @iconColor (if @color @color \"subdued\")}}\n />\n </div>\n {{/if}}\n <div class=\"euiEmptyPrompt__content\">\n {{#if (has-block \"content\")}}\n <div class=\"euiEmptyPrompt__contentInner\">{{yield\n to=\"content\"\n }}</div>\n {{else}}\n <div class=\"euiEmptyPrompt__contentInner\">\n {{#if @title}}\n <EuiTitle\n @size={{argOrDefault @titleSize \"m\"}}\n >{{@title}}</EuiTitle>\n {{/if}}\n {{#if @body}}\n <EuiTextColor @color=\"subdued\">\n {{#if @title}}\n <EuiSpacer @size=\"m\" />\n {{/if}}\n <EuiText>\n {{@body}}\n </EuiText>\n </EuiTextColor>\n {{/if}}\n {{#if @actions.length}}\n <EuiSpacer size=\"l\" />\n {{/if}}\n {{#if (gte @actions.length 2)}}\n <EuiFlexGroup\n class=\"euiEmptyPrompt__actions\"\n @gutterSize=\"m\"\n @alignItems=\"center\"\n @justifyContent=\"center\"\n @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}\n >\n {{#each @actions as \|oneAction\|}}\n <EuiFlexItem @grow={{false}}>\n {{oneAction}}\n </EuiFlexItem>\n {{/each}}\n </EuiFlexGroup>\n {{else}}\n ~~<EuiSpacer size=\"l\" />\n~~ {{#each @actions as \|oneAction\|}}\n {{oneAction}}\n {{/each}}\n {{/if}}\n </div>\n {{/if}}\n </div>\n </div>\n\n {{#if (has-block \"footer\")}}\n <div class=\"euiEmptyPrompt__footer\">\n {{yield to=\"footer\"}}\n </div>\n {{else}}\n {{#if @footer}}\n <div class=\"euiEmptyPrompt__footer\">\n {{@footer}}\n </div>\n {{/if}}\n {{/if}}\n </EuiPanel>\n {{/let}}\n </template>;\n\nexport default EuiEmptyPrompt;\n"],"names":["EuiEmptyPrompt","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","classNames","concat","EuiIcon","EuiTitle","EuiTextColor","EuiSpacer","EuiText","gte","EuiFlexGroup","eq","EuiFlexItem","templateOnly"],"mappings":";;;;;;;;;;;;;;;;~~AA2CA~~,MAAMA,~~cACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA2FA~~,~~ohFAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,SAAA;aAAAC,gBAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-empty-prompt.js","sources":["../../src/components/eui-empty-prompt.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq,gte } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTextColor from './eui-text-color.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\n/*\n A message filling an empty page or section: an icon, a title, some text\n * and actions, e.g. when a list has no items yet or a page failed to load.\n /\nexport interface EuiEmptyPromptSignature {\n Element: EuiPanelSignature['Element'];\n Args: {\n /\n `'vertical'` centers everything in a column; `'horizontal'` puts the\n * icon beside the text. Defaults to `'vertical'`.\n /\n layout?: 'vertical' \| 'horizontal';\n /* Padding around the content, any `EuiPanel` padding size. Defaults to `'l'`. /\n paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n /\n Background, any `EuiPanel` color (`'plain'`, `'subdued'`, `'danger'`,\n * …). Defaults to `'transparent'`.\n /\n color?: EuiPanelSignature['Args']['color'];\n /* Adds a border around the prompt. /\n hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n /* Large icon above the title, e.g. `'search'` or `'logoKibana'`. /\n iconType?: EuiIconSignature['Args']['type'];\n /* Color of the icon. Defaults to `@color`, or `'subdued'`. /\n iconColor?: EuiIconSignature['Args']['color'];\n /* Title, e.g. \"No dashboards yet\". /\n title?: string;\n /* Size of the title, any `EuiTitle` size. Defaults to `'m'`. /\n titleSize?: EuiTitleSignature['Args']['size'];\n /* Text explaining the situation and what to do. /\n body?: string;\n /\n Components rendered as the prompt's actions (e.g. a primary\n * `EuiButton` and an `EuiButtonEmpty`), laid out in a row or column.\n * Use the `<:content>` block for full control.\n /\n actions?: ComponentLike[];\n /* Text in a footer, e.g. a link to the docs. Use the `<:footer>` block for markup. /\n footer?: string;\n };\n Blocks: {\n /* Custom content instead of the `@iconType` icon, e.g. an `EuiImage`. /\n icon?: [];\n /* Replaces the title, body and actions with your own content. /\n content?: [];\n /* The footer, instead of `@footer`. */\n footer?: [];\n };\n}\n\nconst EuiEmptyPrompt: TemplateOnlyComponent<EuiEmptyPromptSignature> =\n <template>\n {{#let (argOrDefault @layout \"vertical\") as \|layout\|}}\n <EuiPanel\n class={{classNames\n (if\n layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\"\n )\n componentName=\"EuiEmptyPrompt\"\n paddingSize=(argOrDefault @paddingSize \"l\")\n }}\n @paddingSize=\"none\"\n @color={{argOrDefault @color \"transparent\"}}\n @hasBorder={{@hasBorder}}\n @hasShadow={{false}}\n ...attributes\n >\n <div class=\"euiEmptyPrompt__main\">\n {{#if (has-block \"icon\")}}\n <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n {{else if @iconType}}\n <div class=\"euiEmptyPrompt__icon\">\n <EuiIcon\n @type={{@iconType}}\n @size=\"xxl\"\n @color={{if @iconColor @iconColor (if @color @color \"subdued\")}}\n />\n </div>\n {{/if}}\n <div class=\"euiEmptyPrompt__content\">\n {{#if (has-block \"content\")}}\n <div class=\"euiEmptyPrompt__contentInner\">{{yield\n to=\"content\"\n }}</div>\n {{else}}\n <div class=\"euiEmptyPrompt__contentInner\">\n {{#if @title}}\n <EuiTitle\n @size={{argOrDefault @titleSize \"m\"}}\n >{{@title}}</EuiTitle>\n {{/if}}\n {{#if @body}}\n <EuiTextColor @color=\"subdued\">\n {{#if @title}}\n <EuiSpacer @size=\"m\" />\n {{/if}}\n <EuiText>\n {{@body}}\n </EuiText>\n </EuiTextColor>\n {{/if}}\n {{#if @actions.length}}\n <EuiSpacer @size=\"l\" />\n {{/if}}\n {{#if (gte @actions.length 2)}}\n <EuiFlexGroup\n class=\"euiEmptyPrompt__actions\"\n @gutterSize=\"m\"\n @alignItems=\"center\"\n @justifyContent=\"center\"\n @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}\n >\n {{#each @actions as \|oneAction\|}}\n <EuiFlexItem @grow={{false}}>\n {{oneAction}}\n </EuiFlexItem>\n {{/each}}\n </EuiFlexGroup>\n {{else}}\n {{#each @actions as \|oneAction\|}}\n {{oneAction}}\n {{/each}}\n {{/if}}\n </div>\n {{/if}}\n </div>\n </div>\n\n {{#if (has-block \"footer\")}}\n <div class=\"euiEmptyPrompt__footer\">\n {{yield to=\"footer\"}}\n </div>\n {{else}}\n {{#if @footer}}\n <div class=\"euiEmptyPrompt__footer\">\n {{@footer}}\n </div>\n {{/if}}\n {{/if}}\n </EuiPanel>\n {{/let}}\n </template>;\n\nexport default EuiEmptyPrompt;\n"],"names":["EuiEmptyPrompt","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","classNames","concat","EuiIcon","EuiTitle","EuiTextColor","EuiSpacer","EuiText","gte","EuiFlexGroup","eq","EuiFlexItem","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AAuEA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,6+EAAA,EA0FA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,SAAA;aAAAC,gBAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-expression.js ADDED Viewed

@@ -0,0 +1,46 @@
+import { hash } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { element } from 'ember-element-helper';
+import cssStyle from '../-private/css-style.js';
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const COLORS = {
+  subdued: 'euiExpression--subdued',
+  primary: 'euiExpression--primary',
+  success: 'euiExpression--success',
+  accent: 'euiExpression--accent',
+  warning: 'euiExpression--warning',
+  danger: 'euiExpression--danger'
+};
+/**
+ * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or
+ * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a
+ * button, usually opening a popover to edit the value.
+ */
+function classes(color = 'success', isInvalid, isActive, clickable, uppercase = true, display, textWrap) {
+  return ['euiExpression', isActive && 'euiExpression-isActive', clickable && 'euiExpression-isClickable', uppercase && 'euiExpression-isUppercase', display === 'columns' && 'euiExpression--columns', COLORS[isInvalid ? 'danger' : color], textWrap === 'truncate' && 'euiExpression--truncate'].filter(Boolean).join(' ');
+}
+function noop() {}
+const EuiExpression = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n  <Tag class={{classes @color @isInvalid @isActive (if @onClick true false) @uppercase @display @textWrap}} type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class=\"euiExpression__description\" style={{if (isColumns @display) (cssStyle (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\")))}}>\n      {{~#if (has-block \"description\")~}}\n        {{yield to=\"description\"}}\n      {{~else~}}\n        {{@description}}\n      {{~/if~}}\n    </span>\n    {{#if (has-block \"value\")}}\n      <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n    {{else if @value}}\n      <span class=\"euiExpression__value\">{{@value}}</span>\n    {{/if}}\n    {{#if @isInvalid}}\n      <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n    {{/if}}\n  </Tag>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    classes,
+    on,
+    noop,
+    isColumns,
+    cssStyle,
+    hash,
+    EuiIcon
+  })
+}), templateOnly());
+function isColumns(display) {
+  return display === 'columns';
+}
+export { EuiExpression as default };
+//# sourceMappingURL=eui-expression.js.map

package/dist/components/eui-expression.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-expression.js","sources":["../../src/components/eui-expression.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport cssStyle from '../-private/css-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst COLORS = {\n subdued: 'euiExpression--subdued',\n primary: 'euiExpression--primary',\n success: 'euiExpression--success',\n accent: 'euiExpression--accent',\n warning: 'euiExpression--warning',\n danger: 'euiExpression--danger'\n};\n\n/**\n * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or\n * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a\n * button, usually opening a popover to edit the value.\n */\nexport interface EuiExpressionSignature {\n Element: HTMLButtonElement | HTMLSpanElement;\n Args: {\n /** First part, e.g. \"when\". Use the `<:description>` block for markup. */\n description?: string;\n /** Second part, e.g. \"avg()\". Use the `<:value>` block for markup. */\n value?: string;\n /**\n * Color of the description: `'subdued'`, `'primary'`, `'success'`,\n * `'accent'`, `'warning'` or `'danger'`. Defaults to `'success'`.\n */\n color?: 'subdued' | 'primary' | 'success' | 'accent' | 'warning' | 'danger';\n /** Uppercases the description. Defaults to `true`. */\n uppercase?: boolean;\n /** Solid underline, e.g. while its popover is open. */\n isActive?: boolean;\n /** Shows it in danger color with an alert icon. */\n isInvalid?: boolean;\n /** Makes it a `<button>` with a dashed underline. */\n onClick?: (event: MouseEvent) => void;\n /**\n * `'inline'` (in a sentence) or `'columns'` (description and value in\n * two columns, to stack several). Defaults to `'inline'`.\n */\n display?: 'inline' | 'columns';\n /** Width of the description in columns display. Defaults to `'20%'`. */\n descriptionWidth?: number | string;\n /** `'break-word'` or `'truncate'` long values. Defaults to `'break-word'`. */\n textWrap?: 'break-word' | 'truncate';\n };\n Blocks: {\n /** Markup for the description, instead of `@description`. */\n description: [];\n /** Markup for the value, instead of `@value`. */\n value: [];\n };\n}\n\nfunction classes(\n color: keyof typeof COLORS = 'success',\n isInvalid?: boolean,\n isActive?: boolean,\n clickable?: boolean,\n uppercase = true,\n display?: string,\n textWrap?: string\n): string {\n return [\n 'euiExpression',\n isActive && 'euiExpression-isActive',\n clickable && 'euiExpression-isClickable',\n uppercase && 'euiExpression-isUppercase',\n display === 'columns' && 'euiExpression--columns',\n COLORS[isInvalid ? 'danger' : color],\n textWrap === 'truncate' && 'euiExpression--truncate'\n ]\n .filter(Boolean)\n .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiExpression: TemplateOnlyComponent<EuiExpressionSignature> = <template>\n {{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n <Tag\n class={{classes\n @color\n @isInvalid\n @isActive\n (if @onClick true false)\n @uppercase\n @display\n @textWrap\n }}\n type={{if @onClick \"button\"}}\n {{on \"click\" (if @onClick @onClick noop)}}\n ...attributes\n >\n <span\n class=\"euiExpression__description\"\n style={{if\n (isColumns @display)\n (cssStyle\n (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\"))\n )\n }}\n >\n {{~#if (has-block \"description\")~}}\n {{yield to=\"description\"}}\n {{~else~}}\n {{@description}}\n {{~/if~}}\n </span>\n {{#if (has-block \"value\")}}\n <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n {{else if @value}}\n <span class=\"euiExpression__value\">{{@value}}</span>\n {{/if}}\n {{#if @isInvalid}}\n <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n {{/if}}\n </Tag>\n {{/let}}\n</template>;\n\nfunction isColumns(display?: string): boolean {\n return display === 'columns';\n}\n\nexport default EuiExpression;\n"],"names":["COLORS","subdued","primary","success","accent","warning","danger","classes","color","isInvalid","isActive","clickable","uppercase","display","textWrap","filter","Boolean","join","noop","EuiExpression","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","isColumns","cssStyle","hash","EuiIcon","templateOnly"],"mappings":";;;;;;;;;AAUA,MAAMA,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ,uBAAA;AACRC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIC;;AAuCD,SAASC,OAAAA,CACPC,KAAoB,GAAS,SAAS,EACtCC,SAAmB,EACnBC,QAAkB,EAClBC,SAAmB,EACnBC,SAAA,GAAY,IAAI,EAChBC,OAAgB,EAChBC,QAAiB,EACV;EACP,OAAO,CACL,eAAA,EACAJ,QAAA,IAAY,wBAAA,EACZC,SAAA,IAAa,2BAAA,EACbC,SAAA,IAAa,2BAAA,EACbC,OAAA,KAAY,SAAA,IAAa,wBAAA,EACzBb,MAAM,CAACS,SAAA,GAAY,QAAA,GAAWD,KAAA,CAAM,EACpCM,QAAA,KAAa,UAAA,IAAc,yBAAA,CAC5B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,i6BAAA,EAyCrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAjB,OAAA;IAAAkB,EAAA;IAAAP,IAAA;IAAAQ,SAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;AAEV,SAASJ,SAAAA,CAAUb,OAAgB,EAAU;EAC3C,OAAOA,OAAA,KAAY,SAAA;AACrB;;"}

package/dist/components/eui-facet-button.js ADDED Viewed

@@ -0,0 +1,32 @@
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import EuiImage from './eui-inner-text.js';
+import EuiLoadingSpinner from './eui-loading-spinner.js';
+import EuiNotificationBadge from './eui-notification-badge.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+function badgeColor(isSelected, isDisabled) {
+  return !isSelected || isDisabled ? 'subdued' : 'accent';
+}
+function isNumber(value) {
+  return typeof value === 'number';
+}
+const EuiFacetButton = setComponentTemplate(precompileTemplate("<EuiInnerText as |ref innerText|>\n  <button type=\"button\" class=\"euiFacetButton\n      {{if @isSelected \"euiFacetButton--isSelected\" \"euiFacetButton--unSelected\"}}\" disabled={{if (or2 @isLoading @isDisabled) true}} title={{innerText}} ...attributes>\n    <span class=\"euiFacetButton__content\">\n      {{yield to=\"icon\"}}\n      <span class=\"euiFacetButton__text\" data-text={{innerText}} {{didInsert ref}}>{{yield}}</span>\n      {{#if @isLoading}}\n        <EuiLoadingSpinner class=\"euiFacetButton__spinner\" @size=\"m\" />\n      {{else if (isNumber @quantity)}}\n        <EuiNotificationBadge class=\"euiFacetButton__quantity\" @size=\"m\" @color={{badgeColor @isSelected (or2 @isLoading @isDisabled)}}>{{@quantity}}</EuiNotificationBadge>\n      {{/if}}\n    </span>\n  </button>\n</EuiInnerText>", {
+  strictMode: true,
+  scope: () => ({
+    EuiInnerText: EuiImage,
+    or2,
+    didInsert,
+    EuiLoadingSpinner,
+    isNumber,
+    EuiNotificationBadge,
+    badgeColor
+  })
+}), templateOnly());
+function or2(a, b) {
+  return Boolean(a || b);
+}
+export { EuiFacetButton as default };
+//# sourceMappingURL=eui-facet-button.js.map

package/dist/components/eui-facet-button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-facet-button.js","sources":["../../src/components/eui-facet-button.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A button to filter by one value (a facet), usually with the number of\n * matching items. Put several in an `EuiFacetGroup`.\n */\nexport interface EuiFacetButtonSignature {\n Element: HTMLButtonElement;\n Args: {\n /** Number of matching items, shown in a badge. */\n quantity?: number;\n /** Selected look: bold text and an accent badge. */\n isSelected?: boolean;\n /** Disables the button. */\n isDisabled?: boolean;\n /** Replaces the quantity with a spinner and disables the button. */\n isLoading?: boolean;\n };\n Blocks: {\n /** The facet's name. */\n default: [];\n /**\n * An icon or avatar before the name; give it the class\n * `euiFacetButton__icon`, e.g. `<EuiIcon class=\"euiFacetButton__icon\" … />`.\n */\n icon: [];\n };\n}\n\nfunction badgeColor(isSelected?: boolean, isDisabled?: boolean): 'subdued' | 'accent' {\n return !isSelected || isDisabled ? 'subdued' : 'accent';\n}\n\nfunction isNumber(value: unknown): value is number {\n return typeof value === 'number';\n}\n\nconst EuiFacetButton: TemplateOnlyComponent<EuiFacetButtonSignature> = <template>\n <EuiInnerText as |ref innerText|>\n <button\n type=\"button\"\n class=\"euiFacetButton\n {{if @isSelected 'euiFacetButton--isSelected' 'euiFacetButton--unSelected'}}\"\n disabled={{if (or2 @isLoading @isDisabled) true}}\n title={{innerText}}\n ...attributes\n >\n <span class=\"euiFacetButton__content\">\n {{yield to=\"icon\"}}\n <span\n class=\"euiFacetButton__text\"\n data-text={{innerText}}\n {{didInsert ref}}\n >{{yield}}</span>\n {{#if @isLoading}}\n <EuiLoadingSpinner class=\"euiFacetButton__spinner\" @size=\"m\" />\n {{else if (isNumber @quantity)}}\n <EuiNotificationBadge\n class=\"euiFacetButton__quantity\"\n @size=\"m\"\n @color={{badgeColor @isSelected (or2 @isLoading @isDisabled)}}\n >{{@quantity}}</EuiNotificationBadge>\n {{/if}}\n </span>\n </button>\n </EuiInnerText>\n</template>;\n\nfunction or2(a?: boolean, b?: boolean): boolean {\n return Boolean(a || b);\n}\n\nexport default EuiFacetButton;\n"],"names":["badgeColor","isSelected","isDisabled","isNumber","value","EuiFacetButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","or2","didInsert","EuiLoadingSpinner","EuiNotificationBadge","templateOnly","a","b","Boolean"],"mappings":";;;;;;;;AAmCA,SAASA,WAAWC,UAAoB,EAAEC,UAAoB,EAAe;AAC3E,EAAA,OAAO,CAACD,UAAA,IAAcC,UAAA,GAAa,SAAA,GAAY,QAAA;AACjD;AAEA,SAASC,QAAAA,CAASC,KAAc,EAAkB;EAChD,OAAO,OAAOA,KAAA,KAAU,QAAA;AAC1B;AAEA,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,izBAAA,EA6BvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,QAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAC,iBAAA;IAAAV,QAAA;IAAAW,oBAAA;AAAAd,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA;AAEV,SAASJ,IAAIK,CAAW,EAAEC,CAAW,EAAU;AAC7C,EAAA,OAAOC,QAAQF,CAAA,IAAKC,CAAA,CAAA;AACtB;;"}

package/dist/components/eui-facet-group.js ADDED Viewed

@@ -0,0 +1,30 @@
+import EuiFlexGroup from './eui-flex-group.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+const GUTTERS = {
+  none: 'euiFacetGroup--gutterNone',
+  s: 'euiFacetGroup--gutterSmall',
+  m: 'euiFacetGroup--gutterMedium',
+  l: 'euiFacetGroup--gutterLarge'
+};
+/** Lays out `EuiFacetButton`s in a column or in wrapping rows. */
+function classes(layout = 'vertical', gutterSize = 'm') {
+  return `euiFacetGroup euiFacetGroup--${layout} ${GUTTERS[gutterSize]}`;
+}
+function isHorizontal(layout) {
+  return layout === 'horizontal';
+}
+const EuiFacetGroup = setComponentTemplate(precompileTemplate("<EuiFlexGroup class={{classes @layout @gutterSize}} @direction={{if (isHorizontal @layout) \"row\" \"column\"}} @wrap={{isHorizontal @layout}} @gutterSize=\"none\" ...attributes>\n  {{yield}}\n</EuiFlexGroup>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFlexGroup,
+    classes,
+    isHorizontal
+  })
+}), templateOnly());
+export { EuiFacetGroup as default };
+//# sourceMappingURL=eui-facet-group.js.map

package/dist/components/eui-facet-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-facet-group.js","sources":["../../src/components/eui-facet-group.gts"],"sourcesContent":["import EuiFlexGroup from './eui-flex-group.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst GUTTERS = {\n none: 'euiFacetGroup--gutterNone',\n s: 'euiFacetGroup--gutterSmall',\n m: 'euiFacetGroup--gutterMedium',\n l: 'euiFacetGroup--gutterLarge'\n};\n\n/** Lays out `EuiFacetButton`s in a column or in wrapping rows. */\nexport interface EuiFacetGroupSignature {\n Element: HTMLDivElement | HTMLSpanElement;\n Args: {\n /**\n * `'vertical'` (a column) or `'horizontal'` (wrapping rows).\n * Defaults to `'vertical'`.\n */\n layout?: 'vertical' | 'horizontal';\n /** Space between buttons: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n gutterSize?: 'none' | 's' | 'm' | 'l';\n };\n Blocks: {\n /** The `EuiFacetButton`s. */\n default: [];\n };\n}\n\nfunction classes(layout: string = 'vertical', gutterSize: keyof typeof GUTTERS = 'm'): string {\n return `euiFacetGroup euiFacetGroup--${layout} ${GUTTERS[gutterSize]}`;\n}\n\nfunction isHorizontal(layout?: string): boolean {\n return layout === 'horizontal';\n}\n\nconst EuiFacetGroup: TemplateOnlyComponent<EuiFacetGroupSignature> = <template>\n <EuiFlexGroup\n class={{classes @layout @gutterSize}}\n @direction={{if (isHorizontal @layout) \"row\" \"column\"}}\n @wrap={{isHorizontal @layout}}\n @gutterSize=\"none\"\n ...attributes\n >\n {{yield}}\n </EuiFlexGroup>\n</template>;\n\nexport default EuiFacetGroup;\n"],"names":["GUTTERS","none","s","m","l","classes","layout","gutterSize","isHorizontal","EuiFacetGroup","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","templateOnly"],"mappings":";;;;;AAIA,MAAMA,OAAA,GAAU;AACdC,EAAAA,IAAA,EAAM,2BAAA;AACNC,EAAAA,CAAA,EAAG,4BAAA;AACHC,EAAAA,CAAA,EAAG,6BAAA;AACHC,EAAAA,CAAA,EAAG;AACL,CAAA;AAEA;;AAkBA,SAASC,OAAAA,CAAQC,MAAc,GAAG,UAAU,EAAEC,UAAyB,GAAU,GAAG,EAAS;AAC3F,EAAA,OAAO,gCAAgCD,MAAA,CAAA,CAAA,EAAUN,OAAO,CAACO,UAAA,CAAW,CAAA,CAAE;AACxE;AAEA,SAASC,YAAAA,CAAaF,MAAe,EAAU;EAC7C,OAAOA,MAAA,KAAW,YAAA;AACpB;AAEA,MAAMG,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,kNAAA,EAUrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAT,OAAA;AAAAG,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAO,YAAA,EAAA;;"}

package/dist/components/eui-field-number.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiFieldNumber = setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @icon \"euiFieldNumber--withIcon\") (if @fullWidth \"euiFieldNumber--fullWidth\") (if @compressed \"euiFieldNumber--compressed\") (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\") (if @isLoading \"euiFieldNumber--isLoading\") \"euiFieldNumber\") as |classes|}}\n    {{#if @controlOnly}}\n      <input id={{@id}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n    {{else}}\n      <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          <input id={{inputId}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} ...attributes />\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
+const EuiFieldNumber = setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @icon \"euiFieldNumber--withIcon\") (if @fullWidth \"euiFieldNumber--fullWidth\") (if @compressed \"euiFieldNumber--compressed\") (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\") (if @isLoading \"euiFieldNumber--isLoading\") \"euiFieldNumber\") as |classes|}}\n    {{#if @controlOnly}}\n      <input id={{@id}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n    {{else}}\n      <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          <input id={{inputId}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

package/dist/components/eui-field-number.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-field-number.js","sources":["../../src/components/eui-field-number.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { IconType } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFieldNumberArgs = CommonArgs & {\n id?: string;\n icon?: IconType;\n isInvalid?: boolean;\n fullWidth?: boolean;\n isLoading?: boolean;\n readOnly?: boolean;\n min?: number \| string;\n max?: number \| string;\n value?: number \| string;\n disabled?: boolean;\n\n /*\n Specifies the granularity that the value must adhere to.\n * Accepts a `number` or the string `'any'` for no stepping to allow for any value.\n * Defaults to `1`\n /\n step?: number \| 'any';\n inputRef?: (ele: Element) => void;\n\n /\n ~~Creates~~ an ~~input~~ ~~group~~ ~~with~~ ~~element(s)~~ ~~coming~~ ~~before~~ ~~input.\n * `string` \| `Component` or an array of these\n~~ /\n prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n\n /\n ~~Creates~~ an ~~input~~ ~~group~~ ~~with~~ ~~element(s)~~ ~~coming~~ ~~after~~ ~~input.\n * `string` \| `Component` or an array of these\n~~ /\n append?: EuiFormControlLayoutSignature['Blocks']['append'];\n\n /\n Completely removes form control layout wrapper and ignores\n * icon, prepend, and append. Best used inside EuiFormControlLayoutDelimited.\n /\n controlOnly?: boolean;\n\n /\n ~~when~~ ~~`true`~~ ~~creates~~ a ~~shorter~~ ~~height input\n~~ */\n compressed?: boolean;\n\n isPrependProvided?: boolean;\n isAppendProvided?: boolean;\n\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n};\n\nexport interface EuiFieldNumberSignature {\n Element: HTMLInputElement;\n Args: EuiFieldNumberArgs;\n Blocks: {\n default: [string];\n prepend: [string];\n append: [string];\n };\n}\n\nconst EuiFieldNumber: TemplateOnlyComponent<EuiFieldNumberSignature> =\n <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n (argOrDefault @id (randomId))\n as \|hasPrepend hasAppend inputId\|\n }}\n {{#let\n (classNames\n (if @icon \"euiFieldNumber--withIcon\")\n (if @fullWidth \"euiFieldNumber--fullWidth\")\n (if @compressed \"euiFieldNumber--compressed\")\n (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\")\n (if @isLoading \"euiFieldNumber--isLoading\")\n \"euiFieldNumber\"\n )\n as \|classes\|\n }}\n {{#if @controlOnly}}\n <input\n id={{@id}}\n class={{classes}}\n value={{@value}}\n min={{@min}}\n max={{@max}}\n disabled={{@disabled}}\n step={{@step}}\n type=\"number\"\n readonly={{@readOnly}}\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n ...attributes\n />\n {{else}}\n <EuiFormControlLayout\n @icon={{@icon}}\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend hasAppend}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:field>\n <input\n id={{inputId}}\n class={{classes}}\n value={{@value}}\n min={{@min}}\n max={{@max}}\n disabled={{@disabled}}\n step={{@step}}\n type=\"number\"\n readonly={{@readOnly}}\n {{validatableControl @isInvalid}}\n ...attributes\n />\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayout>\n {{/if}}\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiFieldNumber;\n"],"names":["EuiFieldNumber","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;~~AA2EA~~,MAAMA,~~cACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAqEA~~,~~iiDAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-field-number.js","sources":["../../src/components/eui-field-number.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { IconType } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFieldNumberArgs = CommonArgs & {\n /** Id of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. /\n id?: string;\n /* Icon inside the input, anything `EuiIcon`'s `@type` accepts. /\n icon?: IconType;\n /* Shows the invalid state and marks the input invalid for native form validation. /\n isInvalid?: boolean;\n /* Stretches the input to its container's width. /\n fullWidth?: boolean;\n /* Shows a spinner in the input. /\n isLoading?: boolean;\n /* Makes the input read-only. /\n readOnly?: boolean;\n /* Lowest allowed value. /\n min?: number \| string;\n /* Highest allowed value. /\n max?: number \| string;\n /* The value. Update it from `{{on \"input\" …}}` (the event's value is a string). /\n value?: number \| string;\n /* Disables the input. /\n disabled?: boolean;\n\n /\n Specifies the granularity that the value must adhere to.\n * Accepts a `number` or the string `'any'` for no stepping to allow for any value.\n * Defaults to `1`\n /\n step?: number \| 'any';\n /* Called with the `<input>` element once rendered. /\n inputRef?: (ele: Element) => void;\n\n /* @deprecated Has no effect, use the `<:prepend>` block. /\n prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n\n /* @deprecated Has no effect, use the `<:append>` block. /\n append?: EuiFormControlLayoutSignature['Blocks']['append'];\n\n /\n Completely removes form control layout wrapper and ignores\n * icon, prepend, and append. Best used inside EuiFormControlLayoutDelimited.\n /\n controlOnly?: boolean;\n\n /* Shorter input, for dense forms. /\n compressed?: boolean;\n\n /* @private Show the `<:prepend>` block. Defaults to `true`. /\n isPrependProvided?: boolean;\n /* @private Show the `<:append>` block. Defaults to `true`. /\n isAppendProvided?: boolean;\n\n /* Shows a clear (\"x\") button calling this function; empty the value there. /\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n};\n\nexport interface EuiFieldNumberSignature {\n Element: HTMLInputElement;\n Args: EuiFieldNumberArgs;\n Blocks: {\n /* Unused. /\n default: [string];\n /* Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it. /\n prepend: [string];\n /* Content after the input, e.g. a unit; yields the class to put on it. */\n append: [string];\n };\n}\n\nconst EuiFieldNumber: TemplateOnlyComponent<EuiFieldNumberSignature> =\n <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n (argOrDefault @id (randomId))\n as \|hasPrepend hasAppend inputId\|\n }}\n {{#let\n (classNames\n (if @icon \"euiFieldNumber--withIcon\")\n (if @fullWidth \"euiFieldNumber--fullWidth\")\n (if @compressed \"euiFieldNumber--compressed\")\n (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\")\n (if @isLoading \"euiFieldNumber--isLoading\")\n \"euiFieldNumber\"\n )\n as \|classes\|\n }}\n {{#if @controlOnly}}\n <input\n id={{@id}}\n class={{classes}}\n value={{@value}}\n min={{@min}}\n max={{@max}}\n disabled={{@disabled}}\n step={{@step}}\n type=\"number\"\n readonly={{@readOnly}}\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n ...attributes\n />\n {{else}}\n <EuiFormControlLayout\n @icon={{@icon}}\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend hasAppend}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses to=\"prepend\"}}\n </:prepend>\n <:field>\n <input\n id={{inputId}}\n class={{classes}}\n value={{@value}}\n min={{@min}}\n max={{@max}}\n disabled={{@disabled}}\n step={{@step}}\n type=\"number\"\n readonly={{@readOnly}}\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n ...attributes\n />\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses to=\"append\"}}\n </:append>\n </EuiFormControlLayout>\n {{/if}}\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiFieldNumber;\n"],"names":["EuiFieldNumber","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","randomId","classNames","or","validatableControl","didInsert","optional","EuiFormControlLayout","templateOnly"],"mappings":";;;;;;;;;;;;AAoFA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,okDAAA,EAsEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-field-password.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-field-password.js","sources":["../../src/components/eui-field-password.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldPasswordSignature {\n Element: HTMLInputElement;\n Args: {\n value?: string;\n id?: string;\n type?: 'dual' \| 'text' \| 'password';\n fullWidth?: boolean;\n compressed?: boolean;\n isLoading?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n isInvalid?: boolean;\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n inputRef?: (element: HTMLInputElement) => void;\n isFakePrependBlock?: boolean;\n isFakeAppendBlock?: boolean;\n placeholder?: string;\n };\n Blocks: {\n prepend: [unknown, string];\n append: [unknown, string];\n };\n}\n\nconst EuiFieldPassword: TemplateOnlyComponent<EuiFieldPasswordSignature> =\n <template>\n {{#let\n (argOrDefault @type \"dual\")\n (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n (argOrDefault @id (randomId))\n as \|type hasPrepend hasAppend inputId\|\n }}\n {{#let\n (useState (if (eq type \"dual\") \"password\" type))\n as \|inputTypeState\|\n }}\n {{#let\n (classNames\n (if @fullWidth \"euiFieldPassword--fullWidth\")\n (if @compressed \"euiFieldPassword--compressed\")\n (if\n (or hasPrepend hasAppend (eq type \"dual\"))\n \"euiFieldPassword--inGroup\"\n )\n (if @isLoading \"euiFieldPassword--isLoading\")\n (if (eq type \"dual\") \"euiFieldPassword--withToggle\")\n \"euiFieldPassword\"\n )\n as \|classes\|\n }}\n {{#let (eq inputTypeState.value \"text\") as \|isVisible\|}}\n <EuiFormControlLayout\n @icon=\"lock\"\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses inputId to=\"prepend\"}}\n </:prepend>\n <:field>\n <input\n id={{inputId}}\n class={{classes}}\n type={{inputTypeState.value}}\n value={{@value}}\n disabled={{@disabled}}\n placeholder={{@placeholder}}\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n ...attributes\n />\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses inputId to=\"append\"}}\n {{#if (eq type \"dual\")}}\n <EuiButtonIcon\n tabindex=\"-1\"\n @iconType={{if isVisible \"eyeClosed\" \"eye\"}}\n {{on\n \"click\"\n (fn\n inputTypeState.setState (if isVisible \"password\" \"text\")\n )\n }}\n />\n {{/if}}\n </:append>\n </EuiFormControlLayout>\n {{/let}}\n {{/let}}\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiFieldPassword;\n"],"names":["EuiFieldPassword","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","randomId","useState","eq","classNames","or","EuiFormControlLayout","validatableControl","didInsert","optional","EuiButtonIcon","on","fn","templateOnly"],"mappings":";;;;;;;;;;;;;;;;~~AA0CA~~,MAAMA,~~gBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAyEA~~,w0DAAA,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-field-password.js","sources":["../../src/components/eui-field-password.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFieldPasswordSignature {\n Element: HTMLInputElement;\n Args: {\n /** The value. Update it from `{{on \"input\" …}}` on the component. /\n value?: string;\n /* Id of the input, e.g. to match an `EuiFormRow`'s label. Defaults to a random id. /\n id?: string;\n /\n `'password'` hides the text, `'text'` shows it, `'dual'` hides it with\n * a button to show it. Defaults to `'dual'`.\n /\n type?: 'dual' \| 'text' \| 'password';\n /* Stretches the input to its container's width. /\n fullWidth?: boolean;\n /* Shorter input, for dense forms. /\n compressed?: boolean;\n /* Shows a spinner in the input. /\n isLoading?: boolean;\n /* Makes the input read-only. /\n readOnly?: boolean;\n /* Disables the input. /\n disabled?: boolean;\n /* Shows the invalid state and marks the input invalid for native form validation. /\n isInvalid?: boolean;\n /* Shows a clear (\"x\") button calling this function; empty the value there. /\n clear?: EuiFormControlLayoutSignature['Args']['clear'];\n /* Called with the `<input>` element once rendered. /\n inputRef?: (element: HTMLInputElement) => void;\n /* @private Ignore the `<:prepend>` block. /\n isFakePrependBlock?: boolean;\n /* @private Ignore the `<:append>` block. /\n isFakeAppendBlock?: boolean;\n /* Placeholder text. /\n placeholder?: string;\n };\n Blocks: {\n /* Content before the input, e.g. an `EuiFormLabel`; yields the class to put on it and the input id. /\n prepend: [unknown, string];\n /* Content after the input; yields the class to put on it and the input id. */\n append: [unknown, string];\n };\n}\n\nconst EuiFieldPassword: TemplateOnlyComponent<EuiFieldPasswordSignature> =\n <template>\n {{#let\n (argOrDefault @type \"dual\")\n (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n (argOrDefault @id (randomId))\n as \|type hasPrepend hasAppend inputId\|\n }}\n {{#let\n (useState (if (eq type \"dual\") \"password\" type))\n as \|inputTypeState\|\n }}\n {{#let\n (classNames\n (if @fullWidth \"euiFieldPassword--fullWidth\")\n (if @compressed \"euiFieldPassword--compressed\")\n (if\n (or hasPrepend hasAppend (eq type \"dual\"))\n \"euiFieldPassword--inGroup\"\n )\n (if @isLoading \"euiFieldPassword--isLoading\")\n (if (eq type \"dual\") \"euiFieldPassword--withToggle\")\n \"euiFieldPassword\"\n )\n as \|classes\|\n }}\n {{#let (eq inputTypeState.value \"text\") as \|isVisible\|}}\n <EuiFormControlLayout\n @icon=\"lock\"\n @clear={{@clear}}\n @fullWidth={{@fullWidth}}\n @isLoading={{@isLoading}}\n @compressed={{@compressed}}\n @readOnly={{@readOnly}}\n @disabled={{@disabled}}\n @useGroup={{or hasPrepend (or hasAppend (eq type \"dual\"))}}\n >\n <:prepend as \|prependClasses\|>\n {{yield prependClasses inputId to=\"prepend\"}}\n </:prepend>\n <:field>\n <input\n id={{inputId}}\n class={{classes}}\n type={{inputTypeState.value}}\n value={{@value}}\n disabled={{@disabled}}\n placeholder={{@placeholder}}\n {{validatableControl @isInvalid}}\n {{didInsert (optional @inputRef)}}\n ...attributes\n />\n </:field>\n <:append as \|appendClasses\|>\n {{yield appendClasses inputId to=\"append\"}}\n {{#if (eq type \"dual\")}}\n <EuiButtonIcon\n tabindex=\"-1\"\n @iconType={{if isVisible \"eyeClosed\" \"eye\"}}\n {{on\n \"click\"\n (fn\n inputTypeState.setState (if isVisible \"password\" \"text\")\n )\n }}\n />\n {{/if}}\n </:append>\n </EuiFormControlLayout>\n {{/let}}\n {{/let}}\n {{/let}}\n {{/let}}\n </template>;\n\nexport default EuiFieldPassword;\n"],"names":["EuiFieldPassword","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","randomId","useState","eq","classNames","or","EuiFormControlLayout","validatableControl","didInsert","optional","EuiButtonIcon","on","fn","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AA6DA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,w0DAAA,EAyEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-field-search.js CHANGED Viewed

@@ -63,9 +63,16 @@ class EuiFieldSearch extends Component {
       onSearch(e.target.value);
     }
   }
+  /** Keeps the text current for the clear button (e.g. after a paste). */
   static {
     n(this.prototype, "onKeyUp", [action]);
   }
+  trackValue(e) {
+    this.value = e.target.value;
+  }
+  static {
+    n(this.prototype, "trackValue", [action]);
+  }
   didUpdateValue() {
     this.value = this.args.value;
   }
@@ -118,7 +125,7 @@ class EuiFieldSearch extends Component {
     this.inputElement = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @fullWidth \"euiFieldSearch--fullWidth\") (if @compressed \"euiFieldSearch--compressed\") (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\") (if @isLoading \"euiFieldSearch--isLoading\") (if (and (argOrDefault @isClearable true) @value) \"euiFieldSearch--isClearable\") \"euiFieldSearch\") as |classes|}}\n    <EuiFormControlLayout @icon=\"search\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @disabled={{@disabled}} @clear={{if (and (argOrDefault @isClearable true) @value (not @readOnly) (and (not @isDisabled) (not @disabled))) this.onClear}} @compressed={{@compressed}} @useGroup={{or hasPrepend hasAppend}}>\n      <:prepend as |prependClasses|>\n        {{yield prependClasses inputId to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        <input id={{inputId}} class={{classes}} value={{this.value}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} ...attributes {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}} {{on \"search\" this.setValue}} {{on \"change\" this.setValue}} {{didInsert this.didInsertInput}} {{didUpdate this.didUpdateValue @value}} {{validatableControl @isInvalid}} />\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses inputId to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  {{/let}}\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @fullWidth \"euiFieldSearch--fullWidth\") (if @compressed \"euiFieldSearch--compressed\") (if (or hasPrepend hasAppend) \"euiFieldSearch--inGroup\") (if @isLoading \"euiFieldSearch--isLoading\") (if (and (argOrDefault @isClearable true) this.value) \"euiFieldSearch--isClearable\") \"euiFieldSearch\") as |classes|}}\n    <EuiFormControlLayout @icon=\"search\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @disabled={{@disabled}} @clear={{if (and (argOrDefault @isClearable true) this.value (not @readOnly) (and (not @isDisabled) (not @disabled))) this.onClear}} @compressed={{@compressed}} @readOnly={{@readOnly}} @useGroup={{or hasPrepend hasAppend}}>\n      <:prepend as |prependClasses|>\n        {{yield prependClasses inputId to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        <input id={{inputId}} class={{classes}} value={{this.value}} disabled={{@disabled}} type=\"text\" placeholder={{@placeholder}} readonly={{@readOnly}} ...attributes {{on \"input\" this.trackValue}} {{on \"keyup\" (fn this.onKeyUp this.incremental @onSearch)}} {{on \"search\" this.setValue}} {{on \"change\" this.setValue}} {{didInsert this.didInsertInput}} {{didUpdate this.didUpdateValue @value}} {{validatableControl @isInvalid}} />\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses inputId to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  {{/let}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         and,