vuetify-swatches/dist/index.iife.js

Color Swatch component for Vuetify3.

/**
 * vuetify-swatches
 *
 * @description Color Swatch component for Vuetify3.
 * @author Logue <logue@hotmail.co.jp>
 * @copyright 2022-2025 By Masashi Yoshikawa All rights reserved.
 * @license MIT
 * @version 1.7.6
 * @see {@link https://github.com/logue/vuetify-swatches}
 */

var VSwatches=function(n,e,s,u){"use strict";function f(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var t=f(u),o=e.defineComponent({__name:"VSwatches",props:{modelValue:{type:String,default:t.default.shades.white},swatches:{type:Array,default:()=>[[t.default.shades.black,t.default.shades.white,t.default.shades.transparent],[t.default.red.base,t.default.pink.base,t.default.purple.base,t.default.deepPurple.base,t.default.indigo.base,t.default.blue.base,t.default.lightBlue.base,t.default.cyan.base],[t.default.teal.base,t.default.green.base,t.default.lightGreen.base,t.default.lime.base,t.default.yellow.base,t.default.amber.base,t.default.orange.base,t.default.deepOrange.base],[t.default.brown.base,t.default.blueGrey.base,t.default.grey.base]]},size:{type:String,default:"2rem"},icon:{type:String,default:"mdi-checkbox-marked-circle"},iconSize:{type:String,default:"1rem"},variant:{type:String,default:void 0},disabled:{type:Boolean,default:!1},rounded:{type:[String,Number,Boolean],default:void 0},border:{type:[String,Number,Boolean],default:!1},elevation:{type:[String,Number],default:void 0}},emits:{"update:modelValue":a=>!0},setup(a,{emit:b}){const h=b,l=a,i=e.ref(t.default.shades.white),m=r=>i.value=r.target.value||t.default.shades.white;return e.watch(()=>i.value,r=>h("update:modelValue",r)),e.onMounted(()=>{l.modelValue&&(i.value=l.modelValue)}),(r,y)=>(e.openBlock(),e.createBlock(e.unref(s.VSheet),{class:"v-swatches"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.swatches,(p,g)=>(e.openBlock(),e.createElementBlock("div",{key:g},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p,d=>(e.openBlock(),e.createBlock(e.unref(s.VBtn),{key:d,border:l.border,class:e.normalizeClass(d===e.unref(t.default).shades.transparent?"bg-trasparent":""),color:d,disabled:l.disabled,elevation:l.elevation,height:l.size,value:d,variant:l.variant,width:l.size,"min-width":"auto",onClick:m},{default:e.withCtx(()=>[d===a.modelValue?(e.openBlock(),e.createBlock(e.unref(s.VIcon),{key:0,size:a.iconSize,color:d!==e.unref(t.default).shades.transparent?d:void 0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.icon),1)]),_:2},1032,["size","color"])):e.createCommentVNode("",!0)]),_:2},1032,["border","class","color","disabled","elevation","height","value","variant","width"]))),128))]))),128))]),_:1}))}});const c=a=>a.component("VSwatches",o);return n.default=o,n.install=c,Object.defineProperty(n,"__esModule",{value:!0}),n}({},Vue,Vuetify/components,colors);