/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

// @ts-nocheck Do this after migration from devtools

import { ColorPickerCommon } from "./colorpicker-common.mjs";

class ColorPicker extends ColorPickerCommon {
  onChange() {
    window.postMessage(
      {
        name: "PickerPopupChanged",
        detail: { rgb: this.rgbFloat },
      },
      "*"
    );
  }
}

let picker = new ColorPicker(document.body);
window.addEventListener("message", ev => {
  switch (ev.data.name) {
    case "PickerInit": {
      let { value } = ev.data.detail;
      picker.rgbFloat = [
        value.component1,
        value.component2,
        value.component3,
        1,
      ];
      picker.show();
    }
  }
});

window.addEventListener("keydown", ev => {
  if (["Enter", "Escape", " "].includes(ev.key)) {
    window.postMessage(
      {
        name: "ClosePopup",
        detail: ev.key === "Escape",
      },
      "*"
    );
  }
});