@vue-interface/shadowable
Version:
A Vue shadow mixin.
1 lines • 2.06 kB
Source Map (JSON)
{"version":3,"file":"shadowable.umd.cjs","sources":["../src/Shadowable.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\nexport default defineComponent({\n\n props: {\n\n /**\n * The drop shadow size.\n */\n dropShadow: {\n type: [Boolean, String],\n default: undefined\n },\n \n /**\n * The shadow class prefix.\n */\n dropShadowableClassPrefix: {\n type: String,\n default: 'drop-shadow'\n },\n\n /**\n * The shadow size.\n */\n shadow: {\n type: [Boolean, String],\n default: undefined\n },\n \n /**\n * The shadow class prefix.\n */\n shadowableClassPrefix: {\n type: String,\n default: 'shadow'\n }\n },\n\n computed: {\n\n shadowableClass() {\n const dropShadowClassName = this.dropShadow === true ? '' : (\n this.dropShadow && `-${this.dropShadow}`\n );\n\n const shadowClassName = this.shadow === true ? '' : (\n this.shadow && `-${this.shadow}`\n );\n\n return {\n [`${this.dropShadowableClassPrefix}${dropShadowClassName}`]: !!this.dropShadow,\n [`${this.shadowableClassPrefix}${shadowClassName}`]: !!this.shadow,\n };\n }\n\n }\n\n});\n"],"names":["Shadowable","defineComponent","dropShadowClassName","shadowClassName"],"mappings":"+PAEA,MAAAA,EAAeC,kBAAgB,CAE3B,MAAO,CAKH,WAAY,CACR,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,MACb,EAKA,0BAA2B,CACvB,KAAM,OACN,QAAS,aACb,EAKA,OAAQ,CACJ,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,MACb,EAKA,sBAAuB,CACnB,KAAM,OACN,QAAS,QACb,CACJ,EAEA,SAAU,CAEN,iBAAkB,CACR,MAAAC,EAAsB,KAAK,aAAe,GAAO,GACnD,KAAK,YAAc,IAAI,KAAK,aAG1BC,EAAkB,KAAK,SAAW,GAAO,GAC3C,KAAK,QAAU,IAAI,KAAK,SAGrB,MAAA,CACH,CAAC,GAAG,KAAK,4BAA4BD,GAAqB,EAAG,CAAC,CAAC,KAAK,WACpE,CAAC,GAAG,KAAK,wBAAwBC,GAAiB,EAAG,CAAC,CAAC,KAAK,MAAA,CAEpE,CAEJ,CAEJ,CAAC"}