@ember-eui/core 8.0.65 → 8.0.67

package/dist/components/eui-color-palette-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-color-palette-picker.js","sources":["../../src/components/eui-color-palette-picker.ts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport EuiColorPaletteDisplay from './eui-color-palette-display.gts';\nimport EuiSuperSelect from './eui-super-select.gts';\n\nimport type { ColorStop } from '../-private/color.ts';\nimport type { EuiSuperSelectOption } from './eui-super-select';\n\nexport interface EuiColorPalettePickerPalette {\n  /** The value passed to `@onChange` when chosen. */\n  value: string;\n  /** Name of the palette. */\n  title?: string;\n  /**\n   * `'fixed'` (solid blocks), `'gradient'`, or `'text'` for an option\n   * that is only its title (e.g. \"Custom\").\n   */\n  type: 'fixed' | 'gradient' | 'text';\n  /** The colors or `{ stop, color }` stops (not for `'text'`). */\n  palette?: (string | ColorStop)[];\n}\n\n/**\n * A select of color palettes (e.g. for charts), showing each palette as a\n * bar of colors. Built on `EuiSuperSelect`.\n */\nexport interface EuiColorPalettePickerSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** The palettes to choose from. */\n    palettes: EuiColorPalettePickerPalette[];\n    /** Value of the selected palette. */\n    valueOfSelected?: string;\n    /** Called with the chosen palette's value. */\n    onChange: (value: string) => void;\n    /**\n     * Show the selected palette as its `'palette'` (colors) or its\n     * `'title'`. Defaults to `'palette'`.\n     */\n    selectionDisplay?: 'palette' | 'title';\n    /** Smaller, for dense forms. */\n    compressed?: boolean;\n    /** Takes the container's full width. */\n    fullWidth?: boolean;\n    /** Invalid look. */\n    isInvalid?: boolean;\n    /** Shows a spinner. */\n    isLoading?: boolean;\n  };\n}\n\ntype PaletteOption = EuiSuperSelectOption & { palette: EuiColorPalettePickerPalette };\n\nexport default class EuiColorPalettePicker extends Component<EuiColorPalettePickerSignature> {\n  get options(): PaletteOption[] {\n    return this.args.palettes.map((palette) => ({\n      value: String(palette.value),\n      inputDisplay: palette.title,\n      palette\n    }));\n  }\n\n  showTitleOnly = (palette: EuiColorPalettePickerPalette): boolean =>\n    palette.type === 'text' || this.args.selectionDisplay === 'title';\n\n  [__GLIMMER_TEMPLATE(`\n    <EuiSuperSelect\n      @options={{this.options}}\n      @valueOfSelected={{@valueOfSelected}}\n      @onChange={{@onChange}}\n      @hasDividers={{true}}\n      @compressed={{@compressed}}\n      @fullWidth={{@fullWidth}}\n      @isInvalid={{@isInvalid}}\n      @isLoading={{@isLoading}}\n      ...attributes\n    >\n      <:inputDisplay as |option|>\n        {{#let (paletteOf option) as |palette|}}\n          {{#if (this.showTitleOnly palette)}}\n            {{palette.title}}\n          {{else}}\n            <EuiColorPaletteDisplay\n              @type={{fixedOrGradient palette.type}}\n              @palette={{paletteColors palette}}\n              @title={{palette.title}}\n            />\n          {{/if}}\n        {{/let}}\n      </:inputDisplay>\n      <:dropdownDisplay as |option|>\n        {{#let (paletteOf option) as |palette|}}\n          <div class=\"euiColorPalettePicker__item\">\n            {{#if (isText palette.type)}}\n              {{palette.title}}\n            {{else}}\n              {{#if palette.title}}\n                {{! the display's screen reader title names the option }}\n                <div aria-hidden=\"true\" class=\"euiColorPalettePicker__itemTitle\">{{palette.title}}</div>\n              {{/if}}\n              <EuiColorPaletteDisplay\n                @type={{fixedOrGradient palette.type}}\n                @palette={{paletteColors palette}}\n                @title={{palette.title}}\n              />\n            {{/if}}\n          </div>\n        {{/let}}\n      </:dropdownDisplay>\n    </EuiSuperSelect>\n  `, { strictMode: true, scope: () => ({EuiSuperSelect,paletteOf,EuiColorPaletteDisplay,fixedOrGradient,paletteColors,isText}) })]\n}\n\nfunction paletteOf(option: EuiSuperSelectOption<unknown>): EuiColorPalettePickerPalette {\n  return (option as PaletteOption).palette;\n}\n\nfunction paletteColors(palette: EuiColorPalettePickerPalette): (string | ColorStop)[] {\n  return palette.palette ?? [];\n}\n\nfunction fixedOrGradient(type: string): 'fixed' | 'gradient' {\n  return type === 'gradient' ? 'gradient' : 'fixed';\n}\n\nfunction isText(type: string): boolean {\n  return type === 'text';\n}\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNvbG9yLXBhbGV0dGUtcGlja2VyLmpzIiwic291cmNlcyI6WyJldWktY29sb3ItcGFsZXR0ZS1waWNrZXIuZ3RzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBDb21wb25lbnQgZnJvbSAnQGdsaW1tZXIvY29tcG9uZW50JztcblxuaW1wb3J0IEV1aUNvbG9yUGFsZXR0ZURpc3BsYXkgZnJvbSAnLi9ldWktY29sb3ItcGFsZXR0ZS1kaXNwbGF5Lmd0cyc7XG5pbXBvcnQgRXVpU3VwZXJTZWxlY3QgZnJvbSAnLi9ldWktc3VwZXItc2VsZWN0Lmd0cyc7XG5cbmltcG9ydCB0eXBlIHsgQ29sb3JTdG9wIH0gZnJvbSAnLi4vLXByaXZhdGUvY29sb3IudHMnO1xuaW1wb3J0IHR5cGUgeyBFdWlTdXBlclNlbGVjdE9wdGlvbiB9IGZyb20gJy4vZXVpLXN1cGVyLXNlbGVjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXVpQ29sb3JQYWxldHRlUGlja2VyUGFsZXR0ZSB7XG4gIC8qKiBUaGUgdmFsdWUgcGFzc2VkIHRvIGBAb25DaGFuZ2VgIHdoZW4gY2hvc2VuLiAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICAvKiogTmFtZSBvZiB0aGUgcGFsZXR0ZS4gKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBgJ2ZpeGVkJ2AgKHNvbGlkIGJsb2NrcyksIGAnZ3JhZGllbnQnYCwgb3IgYCd0ZXh0J2AgZm9yIGFuIG9wdGlvblxuICAgKiB0aGF0IGlzIG9ubHkgaXRzIHRpdGxlIChlLmcuIFwiQ3VzdG9tXCIpLlxuICAgKi9cbiAgdHlwZTogJ2ZpeGVkJyB8ICdncmFkaWVudCcgfCAndGV4dCc7XG4gIC8qKiBUaGUgY29sb3JzIG9yIGB7IHN0b3AsIGNvbG9yIH1gIHN0b3BzIChub3QgZm9yIGAndGV4dCdgKS4gKi9cbiAgcGFsZXR0ZT86IChzdHJpbmcgfCBDb2xvclN0b3ApW107XG59XG5cbi8qKlxuICogQSBzZWxlY3Qgb2YgY29sb3IgcGFsZXR0ZXMgKGUuZy4gZm9yIGNoYXJ0cyksIHNob3dpbmcgZWFjaCBwYWxldHRlIGFzIGFcbiAqIGJhciBvZiBjb2xvcnMuIEJ1aWx0IG9uIGBFdWlTdXBlclNlbGVjdGAuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRXVpQ29sb3JQYWxldHRlUGlja2VyU2lnbmF0dXJlIHtcbiAgRWxlbWVudDogSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIEFyZ3M6IHtcbiAgICAvKiogVGhlIHBhbGV0dGVzIHRvIGNob29zZSBmcm9tLiAqL1xuICAgIHBhbGV0dGVzOiBFdWlDb2xvclBhbGV0dGVQaWNrZXJQYWxldHRlW107XG4gICAgLyoqIFZhbHVlIG9mIHRoZSBzZWxlY3RlZCBwYWxldHRlLiAqL1xuICAgIHZhbHVlT2ZTZWxlY3RlZD86IHN0cmluZztcbiAgICAvKiogQ2FsbGVkIHdpdGggdGhlIGNob3NlbiBwYWxldHRlJ3MgdmFsdWUuICovXG4gICAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAgIC8qKlxuICAgICAqIFNob3cgdGhlIHNlbGVjdGVkIHBhbGV0dGUgYXMgaXRzIGAncGFsZXR0ZSdgIChjb2xvcnMpIG9yIGl0c1xuICAgICAqIGAndGl0bGUnYC4gRGVmYXVsdHMgdG8gYCdwYWxldHRlJ2AuXG4gICAgICovXG4gICAgc2VsZWN0aW9uRGlzcGxheT86ICdwYWxldHRlJyB8ICd0aXRsZSc7XG4gICAgLyoqIFNtYWxsZXIsIGZvciBkZW5zZSBmb3Jtcy4gKi9cbiAgICBjb21wcmVzc2VkPzogYm9vbGVhbjtcbiAgICAvKiogVGFrZXMgdGhlIGNvbnRhaW5lcidzIGZ1bGwgd2lkdGguICovXG4gICAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgICAvKiogSW52YWxpZCBsb29rLiAqL1xuICAgIGlzSW52YWxpZD86IGJvb2xlYW47XG4gICAgLyoqIFNob3dzIGEgc3Bpbm5lci4gKi9cbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICB9O1xufVxuXG50eXBlIFBhbGV0dGVPcHRpb24gPSBFdWlTdXBlclNlbGVjdE9wdGlvbiAmIHsgcGFsZXR0ZTogRXVpQ29sb3JQYWxldHRlUGlja2VyUGFsZXR0ZSB9O1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBFdWlDb2xvclBhbGV0dGVQaWNrZXIgZXh0ZW5kcyBDb21wb25lbnQ8RXVpQ29sb3JQYWxldHRlUGlja2VyU2lnbmF0dXJlPiB7XG4gIGdldCBvcHRpb25zKCk6IFBhbGV0dGVPcHRpb25bXSB7XG4gICAgcmV0dXJuIHRoaXMuYXJncy5wYWxldHRlcy5tYXAoKHBhbGV0dGUpID0+ICh7XG4gICAgICB2YWx1ZTogU3RyaW5nKHBhbGV0dGUudmFsdWUpLFxuICAgICAgaW5wdXREaXNwbGF5OiBwYWxldHRlLnRpdGxlLFxuICAgICAgcGFsZXR0ZVxuICAgIH0pKTtcbiAgfVxuXG4gIHNob3dUaXRsZU9ubHkgPSAocGFsZXR0ZTogRXVpQ29sb3JQYWxldHRlUGlja2VyUGFsZXR0ZSk6IGJvb2xlYW4gPT5cbiAgICBwYWxldHRlLnR5cGUgPT09ICd0ZXh0JyB8fCB0aGlzLmFyZ3Muc2VsZWN0aW9uRGlzcGxheSA9PT0gJ3RpdGxlJztcblxuICA8dGVtcGxhdGU+XG4gICAgPEV1aVN1cGVyU2VsZWN0XG4gICAgICBAb3B0aW9ucz17e3RoaXMub3B0aW9uc319XG4gICAgICBAdmFsdWVPZlNlbGVjdGVkPXt7QHZhbHVlT2ZTZWxlY3RlZH19XG4gICAgICBAb25DaGFuZ2U9e3tAb25DaGFuZ2V9fVxuICAgICAgQGhhc0RpdmlkZXJzPXt7dHJ1ZX19XG4gICAgICBAY29tcHJlc3NlZD17e0Bjb21wcmVzc2VkfX1cbiAgICAgIEBmdWxsV2lkdGg9e3tAZnVsbFdpZHRofX1cbiAgICAgIEBpc0ludmFsaWQ9e3tAaXNJbnZhbGlkfX1cbiAgICAgIEBpc0xvYWRpbmc9e3tAaXNMb2FkaW5nfX1cbiAgICAgIC4uLmF0dHJpYnV0ZXNcbiAgICA+XG4gICAgICA8OmlucHV0RGlzcGxheSBhcyB8b3B0aW9ufD5cbiAgICAgICAge3sjbGV0IChwYWxldHRlT2Ygb3B0aW9uKSBhcyB8cGFsZXR0ZXx9fVxuICAgICAgICAgIHt7I2lmICh0aGlzLnNob3dUaXRsZU9ubHkgcGFsZXR0ZSl9fVxuICAgICAgICAgICAge3twYWxldHRlLnRpdGxlfX1cbiAgICAgICAgICB7e2Vsc2V9fVxuICAgICAgICAgICAgPEV1aUNvbG9yUGFsZXR0ZURpc3BsYXlcbiAgICAgICAgICAgICAgQHR5cGU9e3tmaXhlZE9yR3JhZGllbnQgcGFsZXR0ZS50eXBlfX1cbiAgICAgICAgICAgICAgQHBhbGV0dGU9e3twYWxldHRlQ29sb3JzIHBhbGV0dGV9fVxuICAgICAgICAgICAgICBAdGl0bGU9e3twYWxldHRlLnRpdGxlfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAge3svaWZ9fVxuICAgICAgICB7ey9sZXR9fVxuICAgICAgPC86aW5wdXREaXNwbGF5PlxuICAgICAgPDpkcm9wZG93bkRpc3BsYXkgYXMgfG9wdGlvbnw+XG4gICAgICAgIHt7I2xldCAocGFsZXR0ZU9mIG9wdGlvbikgYXMgfHBhbGV0dGV8fX1cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpQ29sb3JQYWxldHRlUGlja2VyX19pdGVtXCI+XG4gICAgICAgICAgICB7eyNpZiAoaXNUZXh0IHBhbGV0dGUudHlwZSl9fVxuICAgICAgICAgICAgICB7e3BhbGV0dGUudGl0bGV9fVxuICAgICAgICAgICAge3tlbHNlfX1cbiAgICAgICAgICAgICAge3sjaWYgcGFsZXR0ZS50aXRsZX19XG4gICAgICAgICAgICAgICAge3shIHRoZSBkaXNwbGF5J3Mgc2NyZWVuIHJlYWRlciB0aXRsZSBuYW1lcyB0aGUgb3B0aW9uIH19XG4gICAgICAgICAgICAgICAgPGRpdiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImV1aUNvbG9yUGFsZXR0ZVBpY2tlcl9faXRlbVRpdGxlXCI+e3twYWxldHRlLnRpdGxlfX08L2Rpdj5cbiAgICAgICAgICAgICAge3svaWZ9fVxuICAgICAgICAgICAgICA8RXVpQ29sb3JQYWxldHRlRGlzcGxheVxuICAgICAgICAgICAgICAgIEB0eXBlPXt7Zml4ZWRPckdyYWRpZW50IHBhbGV0dGUudHlwZX19XG4gICAgICAgICAgICAgICAgQHBhbGV0dGU9e3twYWxldHRlQ29sb3JzIHBhbGV0dGV9fVxuICAgICAgICAgICAgICAgIEB0aXRsZT17e3BhbGV0dGUudGl0bGV9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAge3svaWZ9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB7ey9sZXR9fVxuICAgICAgPC86ZHJvcGRvd25EaXNwbGF5PlxuICAgIDwvRXVpU3VwZXJTZWxlY3Q+XG4gIDwvdGVtcGxhdGU+XG59XG5cbmZ1bmN0aW9uIHBhbGV0dGVPZihvcHRpb246IEV1aVN1cGVyU2VsZWN0T3B0aW9uPHVua25vd24+KTogRXVpQ29sb3JQYWxldHRlUGlja2VyUGFsZXR0ZSB7XG4gIHJldHVybiAob3B0aW9uIGFzIFBhbGV0dGVPcHRpb24pLnBhbGV0dGU7XG59XG5cbmZ1bmN0aW9uIHBhbGV0dGVDb2xvcnMocGFsZXR0ZTogRXVpQ29sb3JQYWxldHRlUGlja2VyUGFsZXR0ZSk6IChzdHJpbmcgfCBDb2xvclN0b3ApW10ge1xuICByZXR1cm4gcGFsZXR0ZS5wYWxldHRlID8/IFtdO1xufVxuXG5mdW5jdGlvbiBmaXhlZE9yR3JhZGllbnQodHlwZTogc3RyaW5nKTogJ2ZpeGVkJyB8ICdncmFkaWVudCcge1xuICByZXR1cm4gdHlwZSA9PT0gJ2dyYWRpZW50JyA/ICdncmFkaWVudCcgOiAnZml4ZWQnO1xufVxuXG5mdW5jdGlvbiBpc1RleHQodHlwZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gIHJldHVybiB0eXBlID09PSAndGV4dCc7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMzQztBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3JFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDcEQ7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN0RCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMvRDtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMvQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDckQsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDN0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2pCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdEUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzVDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN0QyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDbkMsQ0FBQztBQUNEO0FBQ0EsQ0FBQyxDQUFDLENBQUM7QUFDSCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzVDLENBQUMsQ0FBQyxDQUFDO0FBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNqRCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDN0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDVCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN2QyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUM3QyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDekMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdEMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNQLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDbkUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNQLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDM0MsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDcEMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN6QixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDNUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDeEIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDeEIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDeEIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDM0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDeEIsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNKLENBQUM7QUFDRDtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN0RjtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDOUYsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2pELENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNuQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2xDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDYixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDUixDQUFDLENBQUMsQ0FBQztBQUNIO0FBQ0EsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDckUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN0RTtBQUNBLENBQUMsQ0FBQyxxQkFBVTtBQUNaOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQTRDQyxDQUFDLGdJQUFXO0FBQ2IsQ0FBQztBQUNEO0FBQ0EsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3pGLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDM0MsQ0FBQztBQUNEO0FBQ0EsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkYsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMvQixDQUFDO0FBQ0Q7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDOUQsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNwRCxDQUFDO0FBQ0Q7QUFDQSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3hDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDekIsQ0FBQzsifQ=="],"names":["EuiColorPalettePicker","Component","constructor","args","_defineProperty","palette","type","selectionDisplay","options","palettes","map","value","String","inputDisplay","title","setComponentTemplate","precompileTemplate","strictMode","scope","EuiSuperSelect","paletteOf","EuiColorPaletteDisplay","fixedOrGradient","paletteColors","isText","option"],"mappings":";;;;;;;AAsBA;AACA;AACA;AACA;;AA4Be,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,CAS1EC,IAAAA,EAAAA,eAAAA,EAAAA,OAAqC,IACpDA,OAAO,CAACC,IAAI,KAAK,MAAM,IAAI,IAAI,CAACH,IAAI,CAACI,gBAAgB,KAAK,OAAO,CAAA,CAAA;AAAA,GAAA;EATnE,IAAIC,OAAOA,GAAoB;IAC7B,OAAO,IAAI,CAACL,IAAI,CAACM,QAAQ,CAACC,GAAG,CAAEL,OAAO,KAAM;AAC1CM,MAAAA,KAAK,EAAEC,MAAM,CAACP,OAAO,CAACM,KAAK,CAAC;MAC5BE,YAAY,EAAER,OAAO,CAACS,KAAK;AAC3BT,MAAAA,OAAAA;AACF,KAAC,CAAC,CAAC,CAAA;AACL,GAAA;AAmDF,CAAA;AAACU,oBAAA,CAAAC,kBAAA,CA9CW,CAAA;AACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE,EAAA,CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;IAAAC,SAAA;IAAAC,sBAAA;IAAAC,eAAA;IAAAC,aAAA;AAAAC,IAAAA,MAAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA,EAzDmBxB,qBAAqB,CAAA,CAAA;AA4D1C,SAASoB,SAASA,CAACK,MAAqC,EAAgC;EACtF,OAAQA,MAAM,CAAmBpB,OAAO,CAAA;AAC1C,CAAA;AAEA,SAASkB,aAAaA,CAAClB,OAAqC,EAA0B;AACpF,EAAA,OAAOA,OAAO,CAACA,OAAO,IAAI,EAAE,CAAA;AAC9B,CAAA;AAEA,SAASiB,eAAeA,CAAChB,IAAY,EAAwB;AAC3D,EAAA,OAAOA,IAAI,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;AACnD,CAAA;AAEA,SAASkB,MAAMA,CAAClB,IAAY,EAAW;EACrC,OAAOA,IAAI,KAAK,MAAM,CAAA;AACxB;;;;"}

package/dist/components/eui-color-picker-swatch.js

@@ -0,0 +1,51 @@
+import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
+import { inject } from '@ember/service';
+import { getChromaColor } from '../-private/color.js';
+import cssStyle from '../-private/css-style.js';
+
+var _class, _descriptor;
+
+/**
+ * A button showing a color, to pick it; the swatches of `EuiColorPicker`.
+ * Add `{{on "click" …}}` to handle the choice.
+ */
+let EuiColorPickerSwatch = setComponentTemplate(precompileTemplate(`
+    <button
+      type="button"
+      class="euiColorPickerSwatch"
+      aria-label={{this.label}}
+      style={{cssStyle (hash background=this.background)}}
+      ...attributes
+    ></button>
+  `, {
+  strictMode: true,
+  scope: () => ({
+    cssStyle,
+    hash
+  })
+}), (_class = class EuiColorPickerSwatch extends Component {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "euiI18n", _descriptor, this);
+  }
+  get background() {
+    return getChromaColor(this.args.color, true)?.css() ?? 'transparent';
+  }
+  get label() {
+    return this.euiI18n.lookupToken('euiColorPickerSwatch.ariaLabel', 'Select {color} as the color', {
+      color: this.args.color
+    });
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "euiI18n", [inject], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class));
+
+export { EuiColorPickerSwatch as default };
+//# sourceMappingURL=eui-color-picker-swatch.js.map

package/dist/components/eui-color-picker-swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-color-picker-swatch.js","sources":["../../src/components/eui-color-picker-swatch.ts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\nimport { inject as service } from '@ember/service';\n\nimport { getChromaColor } from '../-private/color.ts';\nimport cssStyle from '../-private/css-style.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * A button showing a color, to pick it; the swatches of `EuiColorPicker`.\n * Add `{{on \"click\" …}}` to handle the choice.\n */\nexport interface EuiColorPickerSwatchSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** The color: a hex string or `'r, g, b(, a)'`. */\n    color?: string;\n  };\n}\n\nexport default class EuiColorPickerSwatch extends Component<EuiColorPickerSwatchSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get background(): string {\n    return getChromaColor(this.args.color, true)?.css() ?? 'transparent';\n  }\n\n  get label(): string {\n    return this.euiI18n.lookupToken('euiColorPickerSwatch.ariaLabel', 'Select {color} as the color', {\n      color: this.args.color\n    });\n  }\n\n  [__GLIMMER_TEMPLATE(`\n    <button\n      type=\"button\"\n      class=\"euiColorPickerSwatch\"\n      aria-label={{this.label}}\n      style={{cssStyle (hash background=this.background)}}\n      ...attributes\n    ></button>\n  `, { strictMode: true, scope: () => ({cssStyle,hash}) })]\n}\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNvbG9yLXBpY2tlci1zd2F0Y2guanMiLCJzb3VyY2VzIjpbImV1aS1jb2xvci1waWNrZXItc3dhdGNoLmd0cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ29tcG9uZW50IGZyb20gJ0BnbGltbWVyL2NvbXBvbmVudCc7XG5pbXBvcnQgeyBoYXNoIH0gZnJvbSAnQGVtYmVyL2hlbHBlcic7XG5pbXBvcnQgeyBpbmplY3QgYXMgc2VydmljZSB9IGZyb20gJ0BlbWJlci9zZXJ2aWNlJztcblxuaW1wb3J0IHsgZ2V0Q2hyb21hQ29sb3IgfSBmcm9tICcuLi8tcHJpdmF0ZS9jb2xvci50cyc7XG5pbXBvcnQgY3NzU3R5bGUgZnJvbSAnLi4vLXByaXZhdGUvY3NzLXN0eWxlLnRzJztcblxuaW1wb3J0IHR5cGUgRXVpSTE4biBmcm9tICcuLi9zZXJ2aWNlcy9ldWktaTE4bic7XG5cbi8qKlxuICogQSBidXR0b24gc2hvd2luZyBhIGNvbG9yLCB0byBwaWNrIGl0OyB0aGUgc3dhdGNoZXMgb2YgYEV1aUNvbG9yUGlja2VyYC5cbiAqIEFkZCBge3tvbiBcImNsaWNrXCIg4oCmfX1gIHRvIGhhbmRsZSB0aGUgY2hvaWNlLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIEV1aUNvbG9yUGlja2VyU3dhdGNoU2lnbmF0dXJlIHtcbiAgRWxlbWVudDogSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIEFyZ3M6IHtcbiAgICAvKiogVGhlIGNvbG9yOiBhIGhleCBzdHJpbmcgb3IgYCdyLCBnLCBiKCwgYSknYC4gKi9cbiAgICBjb2xvcj86IHN0cmluZztcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRXVpQ29sb3JQaWNrZXJTd2F0Y2ggZXh0ZW5kcyBDb21wb25lbnQ8RXVpQ29sb3JQaWNrZXJTd2F0Y2hTaWduYXR1cmU+IHtcbiAgQHNlcnZpY2UgZGVjbGFyZSBldWlJMThuOiBFdWlJMThuO1xuXG4gIGdldCBiYWNrZ3JvdW5kKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGdldENocm9tYUNvbG9yKHRoaXMuYXJncy5jb2xvciwgdHJ1ZSk/LmNzcygpID8/ICd0cmFuc3BhcmVudCc7XG4gIH1cblxuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5ldWlJMThuLmxvb2t1cFRva2VuKCdldWlDb2xvclBpY2tlclN3YXRjaC5hcmlhTGFiZWwnLCAnU2VsZWN0IHtjb2xvcn0gYXMgdGhlIGNvbG9yJywge1xuICAgICAgY29sb3I6IHRoaXMuYXJncy5jb2xvclxuICAgIH0pO1xuICB9XG5cbiAgPHRlbXBsYXRlPlxuICAgIDxidXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3M9XCJldWlDb2xvclBpY2tlclN3YXRjaFwiXG4gICAgICBhcmlhLWxhYmVsPXt7dGhpcy5sYWJlbH19XG4gICAgICBzdHlsZT17e2Nzc1N0eWxlIChoYXNoIGJhY2tncm91bmQ9dGhpcy5iYWNrZ3JvdW5kKX19XG4gICAgICAuLi5hdHRyaWJ1dGVzXG4gICAgPjwvYnV0dG9uPlxuICA8L3RlbXBsYXRlPlxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDM0MsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNyQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNuRDtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3RELENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ2hEO0FBQ0EsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDaEQ7QUFDQSxDQUFDLENBQUMsQ0FBQztBQUNILENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMxRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDL0MsQ0FBQyxDQUFDLENBQUM7QUFDSCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNoRCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDN0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDVCxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3ZELENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDbkIsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNKLENBQUM7QUFDRDtBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUM1RixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNwQztBQUNBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDNUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN6RSxDQUFDLENBQUMsQ0FBQztBQUNIO0FBQ0EsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3ZCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3RHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDNUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNQLENBQUMsQ0FBQyxDQUFDO0FBQ0g7QUFDQSxDQUFDLENBQUMscUJBQVU7QUFDWjs7Ozs7OztDQU9DLENBQUMseURBQVc7QUFDYixDQUFDOyJ9"],"names":["EuiColorPickerSwatch","setComponentTemplate","precompileTemplate","strictMode","scope","cssStyle","hash","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","background","getChromaColor","color","css","label","euiI18n","lookupToken","_applyDecoratedDescriptor","prototype","service","configurable","enumerable","writable","initializer"],"mappings":";;;;;;;;;;;AASA;AACA;AACA;AACA;AAHA,IAYqBA,oBAAoB,GAAAC,oBAAA,CAAAC,kBAAA,CAa7B,CAAA;AACZ;;;;;;;AAOE,EAAA,CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA,IAAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA,GAAAC,MAAA,GArBa,MAAMP,oBAAoB,SAASQ,SAAS,CAAgC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,kBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;EAGzF,IAAIC,UAAUA,GAAW;AACvB,IAAA,OAAOC,cAAc,CAAC,IAAI,CAACJ,IAAI,CAACK,KAAK,EAAE,IAAI,CAAC,EAAEC,GAAG,EAAE,IAAI,aAAa,CAAA;AACtE,GAAA;EAEA,IAAIC,KAAKA,GAAW;IAClB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,gCAAgC,EAAE,6BAA6B,EAAE;AAC/FJ,MAAAA,KAAK,EAAE,IAAI,CAACL,IAAI,CAACK,KAAAA;AACnB,KAAC,CAAC,CAAA;AACJ,GAAA;AAWF,CAAC,GAAAH,WAAA,GAAAQ,yBAAA,CAAAb,MAAA,CAAAc,SAAA,EAAA,SAAA,EAAA,CArBEC,MAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA,IAAA;AAAA,CAAA,CAAA,GAAAnB,MAAA;;;;"}

package/dist/components/eui-color-picker.js

@@ -0,0 +1,529 @@
+import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { hash, fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { next } from '@ember/runloop';
+import { inject } from '@ember/service';
+import chroma from 'chroma-js';
+import { modifier } from 'ember-modifier';
+import { getChromaColor, HSV_FALLBACK, parseColor, HEX_FALLBACK, VISUALIZATION_COLORS, RGB_FALLBACK, RGB_JOIN } from '../-private/color.js';
+import cssStyle from '../-private/css-style.js';
+import { randomId } from '../-private/random-id.js';
+import EuiColorPickerSwatch from './eui-color-picker-swatch.js';
+import EuiFieldText from './eui-field-text.js';
+import EuiFormRow from './eui-form-row.js';
+import EuiHue from './eui-hue.js';
+import EuiPopoverComponent from './eui-popover.js';
+import EuiRangeComponent from './eui-range.js';
+import EuiSaturation from './eui-saturation.js';
+import EuiSpacer from './eui-spacer.js';
+
+var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4;
+
+/**
+ * A color field: a text input showing the color (hex or `r, g, b`) that
+ * opens a popover to pick it from a saturation square and a hue slider,
+ * and from swatches. You keep the color: `@onChange` gets the new text and
+ * `{ hex, rgba, isValid }`.
+ */
+
+function hsvOf(color, fallbackHue = 0) {
+  if (!color) return HSV_FALLBACK;
+  const [h, s, v] = color.hsv();
+
+  // black, white and grays have no hue
+  return [isNaN(h) ? fallbackHue : h, s, v];
+}
+let EuiColorPicker = setComponentTemplate(precompileTemplate(`
+    {{#if (isInline @display)}}
+      <div class="euiColorPicker" ...attributes>
+        <Composite
+          @picker={{this}}
+          @isInvalid={{@isInvalid}}
+          @disabled={{@disabled}}
+          @readOnly={{@readOnly}}
+          @compressed={{@compressed}}
+          @showAlpha={{@showAlpha}}
+        />
+      </div>
+    {{else}}
+      <EuiPopover
+        class="euiColorPicker__popoverAnchor"
+        @isOpen={{this.isColorSelectorShown}}
+        @closePopover={{this.finalSelection}}
+        @panelClassName={{this.panelClasses}}
+        @display={{if (has-block "button") "inlineBlock" "block"}}
+        @attachToAnchor={{if (has-block "button") false true}}
+        @anchorPosition="downLeft"
+        @panelPaddingSize="s"
+        @ownFocus={{false}}
+        @initialFocus={{false}}
+        @ariaLabel={{this.labels.popover}}
+      >
+        <:button>
+          {{#if (has-block "button")}}
+            {{yield this.toggle to="button"}}
+          {{else}}
+            {{! the chosen color reaches the swatch icon through currentColor }}
+            <div
+              style={{cssStyle (hash color=(cssColor this.chromaColor))}}
+              {{on "keydown" this.onLayoutKeyDown}}
+            >
+              {{#if (or2 (has-block "prepend") (has-block "append"))}}
+                <EuiFieldText
+                  class="euiColorPicker__input euiColorPicker__input--inGroup"
+                  id={{this.id}}
+                  autocomplete="off"
+                  aria-label={{if this.isColorSelectorShown this.labels.open this.labels.closed}}
+                  @value={{this.inputValue}}
+                  @placeholder={{this.placeholder}}
+                  @icon={{if this.chromaColor "swatchInput" "stopSlash"}}
+                  @clear={{if this.canClear this.clear}}
+                  @isInvalid={{@isInvalid}}
+                  @compressed={{@compressed}}
+                  @disabled={{@disabled}}
+                  @readOnly={{@readOnly}}
+                  @fullWidth={{@fullWidth}}
+                  @inputRef={{this.registerInput}}
+                  {{on "click" this.onInputClick}}
+                  {{on "keydown" this.onInputKeyDown}}
+                  {{on "blur" this.onInputBlur}}
+                  {{on "input" this.onColorInput}}
+                >
+                  <:prepend as |className inputId|>{{yield className inputId to="prepend"}}</:prepend>
+                  <:append as |className inputId|>{{yield className inputId to="append"}}</:append>
+                </EuiFieldText>
+              {{else}}
+                <EuiFieldText
+                  class="euiColorPicker__input"
+                  id={{this.id}}
+                  autocomplete="off"
+                  aria-label={{if this.isColorSelectorShown this.labels.open this.labels.closed}}
+                  @value={{this.inputValue}}
+                  @placeholder={{this.placeholder}}
+                  @icon={{if this.chromaColor "swatchInput" "stopSlash"}}
+                  @clear={{if this.canClear this.clear}}
+                  @isInvalid={{@isInvalid}}
+                  @compressed={{@compressed}}
+                  @disabled={{@disabled}}
+                  @readOnly={{@readOnly}}
+                  @fullWidth={{@fullWidth}}
+                  @inputRef={{this.registerInput}}
+                  {{on "click" this.onInputClick}}
+                  {{on "keydown" this.onInputKeyDown}}
+                  {{on "blur" this.onInputBlur}}
+                  {{on "input" this.onColorInput}}
+                />
+              {{/if}}
+            </div>
+          {{/if}}
+        </:button>
+        <:content>
+          <div class="euiColorPicker" data-test-subj="euiColorPickerPopover" ...attributes>
+            <Composite
+          @picker={{this}}
+          @isInvalid={{@isInvalid}}
+          @disabled={{@disabled}}
+          @readOnly={{@readOnly}}
+          @compressed={{@compressed}}
+          @showAlpha={{@showAlpha}}
+        />
+          </div>
+        </:content>
+      </EuiPopover>
+    {{/if}}
+  `, {
+  strictMode: true,
+  scope: () => ({
+    isInline,
+    Composite,
+    EuiPopover: EuiPopoverComponent,
+    cssStyle,
+    hash,
+    cssColor,
+    on,
+    or2,
+    EuiFieldText
+  })
+}), (_class = class EuiColorPicker extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    _initializerDefineProperty(this, "euiI18n", _descriptor, this);
+    _initializerDefineProperty(this, "isColorSelectorShown", _descriptor2, this);
+    _initializerDefineProperty(this, "colorAsHsv", _descriptor3, this);
+    _initializerDefineProperty(this, "alphaInput", _descriptor4, this);
+    _defineProperty(this, "ownId", `euiColorPicker_${randomId()}`);
+    _defineProperty(this, "prevColor", void 0);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "saturation", void 0);
+    _defineProperty(this, "firstSwatch", void 0);
+    _defineProperty(this, "registerInput", element => {
+      this.input = element ?? undefined;
+    });
+    _defineProperty(this, "registerSaturation", modifier(element => {
+      this.saturation = element;
+    }));
+    _defineProperty(this, "registerFirstSwatch", modifier((element, [index]) => {
+      if (index === 0) this.firstSwatch = element;
+    }));
+    const color = getChromaColor(args.color, args.showAlpha);
+    this.prevColor = color ? color.rgba().join() : null;
+    this.colorAsHsv = color ? hsvOf(color) : HSV_FALLBACK;
+  }
+  get id() {
+    return this.args.id ?? this.ownId;
+  }
+  get mode() {
+    return this.args.mode ?? 'default';
+  }
+  get secondaryInputDisplay() {
+    return this.args.secondaryInputDisplay ?? 'none';
+  }
+  get chromaColor() {
+    return getChromaColor(this.args.color, this.args.showAlpha);
+  }
+  get preferredFormat() {
+    if (this.args.format) return this.args.format;
+    const parsed = parseColor(this.args.color);
+    return parsed !== null && typeof parsed === 'object' ? 'rgba' : 'hex';
+  }
+  get alphaChannel() {
+    return this.chromaColor ? this.chromaColor.alpha() : 1;
+  }
+  get alphaRangeValue() {
+    return Number(this.alphaInput ?? (this.alphaChannel * 100).toFixed());
+  }
+
+  /** The color as HSV; the hue is kept for colors without one. */
+  get usableHsv() {
+    const color = this.chromaColor;
+    if (color && color.rgba().join() !== this.prevColor) {
+      return hsvOf(color, this.colorAsHsv[0]);
+    }
+    return this.colorAsHsv;
+  }
+  get hex() {
+    return this.chromaColor?.hex();
+  }
+  get inputValue() {
+    return this.args.color ? this.args.color.toUpperCase() : HEX_FALLBACK;
+  }
+  get placeholder() {
+    if (this.args.color) return undefined;
+    return this.args.placeholder ?? this.euiI18n.lookupToken('euiColorPicker.transparent', 'Transparent');
+  }
+  get showPicker() {
+    return this.mode !== 'swatch' && this.mode !== 'secondaryInput';
+  }
+  get showSwatches() {
+    return this.mode !== 'picker' && this.mode !== 'secondaryInput';
+  }
+  get swatches() {
+    return this.args.swatches ?? VISUALIZATION_COLORS;
+  }
+  get canClear() {
+    return Boolean(this.args.isClearable && this.args.color && !this.args.readOnly && !this.args.disabled);
+  }
+  get panelClasses() {
+    return ['euiColorPicker__popoverPanel', this.mode === 'picker' && this.secondaryInputDisplay !== 'bottom' && 'euiColorPicker__popoverPanel--pickerOnly'].filter(Boolean).join(' ');
+  }
+  get labels() {
+    const t = (token, text) => this.euiI18n.lookupToken(`euiColorPicker.${token}`, text);
+    return {
+      popover: t('popoverLabel', 'Color selection dialog'),
+      color: t('colorLabel', 'Color value'),
+      error: t('colorErrorMessage', 'Invalid color value'),
+      alpha: t('alphaLabel', 'Alpha channel (opacity) value'),
+      open: t('openLabel', 'Press the escape key to close the popover'),
+      closed: t('closeLabel', 'Press the down key to open a popover containing color options')
+    };
+  }
+  output(text) {
+    const color = getChromaColor(text, true);
+    if (!color) return {
+      rgba: RGB_FALLBACK,
+      hex: HEX_FALLBACK,
+      isValid: false
+    };
+
+    // without @showAlpha a transparent color is returned but invalid
+    return {
+      rgba: color.rgba(),
+      hex: color.hex(),
+      isValid: this.args.showAlpha ? true : color.alpha() === 1
+    };
+  }
+  change(text) {
+    const output = this.output(text);
+    if (output.isValid) this.prevColor = output.rgba.join();
+    this.args.onChange(text, output);
+  }
+  updateColorAsHsv(hsv) {
+    this.colorAsHsv = [isNaN(hsv[0]) ? this.usableHsv[0] : hsv[0], hsv[1], hsv[2]];
+  }
+  updateWithHsv(hsv) {
+    const color = chroma.hsv(...hsv).alpha(this.alphaChannel);
+    const text = this.preferredFormat === 'rgba' ? (this.alphaChannel < 1 ? color.rgba() : color.rgb()).join(RGB_JOIN) : color.hex();
+    this.change(text);
+    this.updateColorAsHsv(hsv);
+  }
+  showColorSelector() {
+    if (this.isColorSelectorShown || this.args.readOnly) return;
+    this.args.onFocus?.();
+    this.isColorSelectorShown = true;
+  }
+  closeColorSelector() {
+    this.args.onBlur?.();
+    this.isColorSelectorShown = false;
+  }
+  toggle() {
+    if (this.isColorSelectorShown) this.closeColorSelector();else this.showColorSelector();
+  }
+
+  /** Closes the popover and returns to the field, to keep adjusting. */
+  finalSelection() {
+    this.input?.focus();
+    next(this, this.closeColorSelector);
+  }
+  onInputClick() {
+    this.showColorSelector();
+  }
+  onInputKeyDown(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      this.toggle();
+    }
+  }
+  onInputBlur() {
+    // closing the popover calls onBlur already
+    if (!this.isColorSelectorShown) this.args.onBlur?.();
+  }
+
+  /** Arrow down opens the popover, then moves into it. */
+  onLayoutKeyDown(event) {
+    if (event.key !== 'ArrowDown') return;
+    event.preventDefault();
+    if (!this.isColorSelectorShown) {
+      this.showColorSelector();
+      return;
+    }
+    (this.mode !== 'swatch' ? this.saturation : this.firstSwatch)?.focus();
+  }
+
+  /** Enter in the picker confirms the color. */
+  onPickerKeyDown(event) {
+    if (event.key !== 'Enter') return;
+    if (this.isColorSelectorShown) this.finalSelection();else this.showColorSelector();
+  }
+  onColorInput(event) {
+    const text = event.target.value;
+    const color = getChromaColor(text, this.args.showAlpha);
+    this.change(text);
+    if (color) this.updateColorAsHsv(hsvOf(color, this.usableHsv[0]));
+  }
+  clear() {
+    this.change('');
+    if (this.secondaryInputDisplay === 'none' && this.isColorSelectorShown) {
+      this.closeColorSelector();
+    }
+  }
+  onSaturationChange([, s, v]) {
+    this.updateWithHsv([this.usableHsv[0], s, v]);
+  }
+  onHueChange(hue) {
+    const [, s, v] = this.usableHsv;
+    this.updateWithHsv([hue, s, v]);
+  }
+  onSwatchClick(swatch) {
+    const color = getChromaColor(swatch, this.args.showAlpha);
+    this.change(swatch);
+    if (color) this.updateColorAsHsv(hsvOf(color, this.usableHsv[0]));
+    this.finalSelection();
+  }
+  onAlphaChange(event, isValid) {
+    const value = event.target.value;
+    this.alphaInput = value;
+    if (!isValid) return;
+    const alpha = parseInt(value, 10) / 100;
+    const color = this.chromaColor ? this.chromaColor.alpha(alpha) : null;
+    const hex = color ? color.hex() : HEX_FALLBACK;
+    const rgba = color ? color.rgba() : RGB_FALLBACK;
+    const text = this.preferredFormat === 'rgba' ? (alpha < 1 ? rgba : rgba.slice(0, 3)).join(RGB_JOIN) : hex;
+    this.alphaInput = undefined;
+    this.args.onChange(text, {
+      hex,
+      rgba,
+      isValid: Boolean(color)
+    });
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "euiI18n", [inject], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isColorSelectorShown", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return false;
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "colorAsHsv", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "alphaInput", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _applyDecoratedDescriptor(_class.prototype, "showColorSelector", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showColorSelector"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "closeColorSelector", [action], Object.getOwnPropertyDescriptor(_class.prototype, "closeColorSelector"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "toggle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "toggle"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "finalSelection", [action], Object.getOwnPropertyDescriptor(_class.prototype, "finalSelection"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInputClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInputClick"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInputKeyDown", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInputKeyDown"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInputBlur", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInputBlur"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onLayoutKeyDown", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onLayoutKeyDown"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onPickerKeyDown", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onPickerKeyDown"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onColorInput", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onColorInput"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "clear", [action], Object.getOwnPropertyDescriptor(_class.prototype, "clear"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onSaturationChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSaturationChange"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onHueChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onHueChange"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onSwatchClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSwatchClick"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onAlphaChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onAlphaChange"), _class.prototype)), _class));
+/** The saturation square, hue slider, swatches and secondary input. */
+class Composite extends Component {
+  get picker() {
+    return this.args.picker;
+  }
+}
+setComponentTemplate(precompileTemplate(`
+    {{#if (eq2 this.picker.secondaryInputDisplay "top")}}
+      <SecondaryInput
+        @picker={{this.picker}}
+        @isInvalid={{@isInvalid}}
+        @disabled={{@disabled}}
+        @readOnly={{@readOnly}}
+        @compressed={{@compressed}}
+      />
+      <EuiSpacer @size="s" />
+    {{/if}}
+    {{#if this.picker.showPicker}}
+      <div {{on "keydown" this.picker.onPickerKeyDown}}>
+        <EuiSaturation
+          @id={{this.picker.id}}
+          @color={{this.picker.usableHsv}}
+          @hex={{this.picker.hex}}
+          @onChange={{this.picker.onSaturationChange}}
+          {{this.picker.registerSaturation}}
+        />
+        <EuiHue
+          @id={{this.picker.id}}
+          @hue={{hueOf this.picker.usableHsv}}
+          @hex={{this.picker.hex}}
+          @onChange={{this.picker.onHueChange}}
+        />
+      </div>
+    {{/if}}
+    {{#if this.picker.showSwatches}}
+      <ul class="euiColorPicker__swatches">
+        {{#each this.picker.swatches as |swatch index|}}
+          <li class="euiColorPicker__swatch-item">
+            <EuiColorPickerSwatch
+              class="euiColorPicker__swatchSelect"
+              @color={{swatch}}
+              {{on "click" (fn this.picker.onSwatchClick swatch)}}
+              {{this.picker.registerFirstSwatch index}}
+            />
+          </li>
+        {{/each}}
+      </ul>
+    {{/if}}
+    {{#if (eq2 this.picker.secondaryInputDisplay "bottom")}}
+      {{#if (notEq2 this.picker.mode "picker")}}
+        <EuiSpacer @size="s" />
+      {{/if}}
+      <SecondaryInput
+        @picker={{this.picker}}
+        @isInvalid={{@isInvalid}}
+        @disabled={{@disabled}}
+        @readOnly={{@readOnly}}
+        @compressed={{@compressed}}
+      />
+    {{/if}}
+    {{#if @showAlpha}}
+      <EuiSpacer @size="s" />
+      <EuiRange
+        class="euiColorPicker__alphaRange"
+        data-test-subj="euiColorPickerAlpha"
+        aria-label={{this.picker.labels.alpha}}
+        @compressed={{true}}
+        @showInput={{true}}
+        @min={{0}}
+        @max={{100}}
+        @value={{this.picker.alphaRangeValue}}
+        @onChange={{this.picker.onAlphaChange}}
+      />
+    {{/if}}
+  `, {
+  strictMode: true,
+  scope: () => ({
+    eq2,
+    SecondaryInput,
+    EuiSpacer,
+    on,
+    EuiSaturation,
+    EuiHue,
+    hueOf,
+    EuiColorPickerSwatch,
+    fn,
+    notEq2,
+    EuiRange: EuiRangeComponent
+  })
+}), Composite);
+class SecondaryInput extends Component {
+  get picker() {
+    return this.args.picker;
+  }
+}
+setComponentTemplate(precompileTemplate(`
+    <EuiFormRow
+      @display="rowCompressed"
+      @isInvalid={{@isInvalid}}
+      @error={{if @isInvalid this.picker.labels.error}}
+    >
+      <EuiFieldText
+        data-test-subj="euiColorPickerInput_{{this.picker.secondaryInputDisplay}}"
+        autocomplete="off"
+        aria-label={{this.picker.labels.color}}
+        @compressed={{true}}
+        @value={{this.picker.inputValue}}
+        @placeholder={{this.picker.placeholder}}
+        @clear={{if this.picker.canClear this.picker.clear}}
+        @isInvalid={{@isInvalid}}
+        @disabled={{@disabled}}
+        @readOnly={{@readOnly}}
+        {{on "input" this.picker.onColorInput}}
+      />
+    </EuiFormRow>
+  `, {
+  strictMode: true,
+  scope: () => ({
+    EuiFormRow,
+    EuiFieldText,
+    on
+  })
+}), SecondaryInput);
+function hueOf(hsv) {
+  return hsv[0];
+}
+function isInline(display) {
+  return display === 'inline';
+}
+function cssColor(color) {
+  return color ? color.css() : undefined;
+}
+function or2(a, b) {
+  return Boolean(a || b);
+}
+function eq2(a, b) {
+  return a === b;
+}
+function notEq2(a, b) {
+  return a !== b;
+}
+
+export { EuiColorPicker as default };
+//# sourceMappingURL=eui-color-picker.js.map