import { defineComponent, ref, computed, resolveComponent, createBlock, openBlock, mergeProps, toHandlers, unref } from 'vue';
import '../../../../utils/index.mjs';
import { colorPickerPanelEmits } from 'element-plus';
import { colorPickerPanelEmits as colorPickerPanelEmits$1, colorPickerPanelProps } from './colorPickerPanel.mjs';
import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
import { getGmExports } from '../../../../utils/src/elementPlus/exports.mjs';

var _sfc_main = /* @__PURE__ */ defineComponent({
  ...{
    name: "GmColorPickerPanel"
  },
  __name: "ColorPickerPanel",
  props: colorPickerPanelProps,
  emits: colorPickerPanelEmits$1,
  setup(__props, { expose: __expose, emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const elEvents = getGmEvent(colorPickerPanelEmits, emit);
    const elRef = ref();
    const exposeNames = ["inputRef", "update"];
    const { exposeFns } = getGmExports(elRef, exposeNames);
    __expose({
      ...exposeFns,
      color: computed(() => elRef.value?.color)
    });
    return (_ctx, _cache) => {
      const _component_el_color_picker_panel = resolveComponent("el-color-picker-panel");
      return openBlock(), createBlock(
        _component_el_color_picker_panel,
        mergeProps({
          ref_key: "elRef",
          ref: elRef
        }, props, toHandlers(unref(elEvents))),
        null,
        16
        /* FULL_PROPS */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=ColorPickerPanel.vue2.mjs.map
