@aotearoan/neon/dist/components/user-input/color/NeonColor.vue.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const a=require("./NeonColor.cjs.js"),o=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function d(e,l,u,t,p,c){const n=o.resolveComponent("neon-input");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[`neon-color--${e.size}`,`neon-color--${e.color}`,{"neon-color--disabled":e.disabled}],"neon-color"])},[e.pickerOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(n,o.mergeProps({key:0,modelValue:e.localValue,"onUpdate:modelValue":l[0]||(l[0]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,pattern:"#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",placeholder:e.placeholder,size:e.size,class:"neon-color__text-input",type:"text"},e.attrs),null,16,["modelValue","color","disabled","placeholder","size"])),o.createVNode(n,o.mergeProps({id:e.id,modelValue:e.localValue,"onUpdate:modelValue":l[1]||(l[1]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,size:e.size,class:"neon-color__input",type:"color"},e.attrs),null,16,["id","modelValue","color","disabled","size"]),o.createElementVNode("div",{style:o.normalizeStyle(`background-color:${e.modelValue||"#000000"};box-shadow: 0 0 0 2rem ${e.modelValue||"#000000"}4D`),class:"neon-color__indicator"},null,4)],2)}const i=s(a,[["render",d]]);module.exports=i;
//# sourceMappingURL=NeonColor.vue.cjs.js.map