https://rangeusa.com/build/assets/ColorPicker-BRJFe6DG.js

1import { _ as _sfc_main$1 } from "./LabelAndTooltip-jcsu5bTr.js";
2import { o as onMounted, b as openBlock, c as createElementBlock, e as createVNode, C as createBaseVNode, F as Fragment } from "./vendor-CmzCb6hx.js";
3import "./Tooltip-8cxHf0RD.js";
4const _hoisted_1 = ["value", "required", "disabled"];
5const _sfc_main = {
6  __name: "ColorPicker",
7  props: {
8    field: Object,
9    modelValue: {
10      type: [Object, String, Array, Boolean],
11      default: ""
12    },
13    required: {
14      type: Boolean,
15      default: false
16    },
17    disabled: {
18      type: Boolean,
19      default: false
20    },
21    phaseCode: {
22      type: String,
23      default: ""
24    },
25    populateField: {
26      type: Boolean,
27      default: false
28    }
29  },
30  emits: ["update:modelValue", "needsPopulated", "change"],
31  setup(__props, { emit: __emit }) {
32    const emit = __emit;
33    onMounted(() => {
34      emit("needsPopulated", false);
35    });
36    return (_ctx, _cache) => {
37      return openBlock(), createElementBlock(Fragment, null, [
38        createVNode(_sfc_main$1, { Label: "Color:" }),
39        createBaseVNode("input", {
40          class: "border rounded-lg cursor-pointer min-w-24 min-h-24",
41          type: "color",
42          value: __props.modelValue,
43          required: __props.required,
44          disabled: __props.disabled,
45          onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
46        }, null, 40, _hoisted_1)
47      ], 64);
48    };
49  }
50};
51export {
52  _sfc_main as default
53};