import { defineComponent, ref, onMounted, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, vShow } from 'vue';
import { useRectSelectStore } from './store.mjs';

var _sfc_main = /* @__PURE__ */ defineComponent({
  ...{
    name: "GmRectSelect"
  },
  __name: "RectSelect",
  setup(__props) {
    const rectSelectStore = useRectSelectStore();
    const rectSelectRef = ref();
    onMounted(() => {
      rectSelectStore.rectSelectRef = rectSelectRef.value;
    });
    return (_ctx, _cache) => {
      return withDirectives((openBlock(), createElementBlock(
        "div",
        {
          ref_key: "rectSelectRef",
          ref: rectSelectRef,
          class: "gm-z-5 gm-pointer-events-none gm-fixed gm-border gm-border-blue-500 gm-bg-blue-300 gm-bg-opacity-50",
          style: normalizeStyle({ ...unref(rectSelectStore).customSelectStyle, ...unref(rectSelectStore).selectStyle })
        },
        null,
        4
        /* STYLE */
      )), [
        [vShow, unref(rectSelectStore).isShow]
      ]);
    };
  }
});

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