add_to_story(shadow.ID, event)"
v-bind:data-size='shadow.size'
v-bind:data-status='shadow.status'
v-bind:data-height='shadow.height'
v-bind:data-width='shadow.width'
v-bind:data-shape='shadow.shape'
v-bind:data-name='shadow.name'
v-bind:data-shift='shadow.shift'
v-bind:data-finish='shadow.finish'
v-bind:data-color-tag='shadow.color_tag'
v-bind:data-vividness='shadow.vividness'
v-bind:data-vividness-sort='shadow.avg_saturation'
v-bind:data-lightness='shadow.lightness'
v-bind:data-lightness-sort='shadow.avg_lightness'
v-bind:data-color-sort='shadow.avg_hue'
v-bind:data-link='shadow.link'
v-bind:data-country='shadow.country'
v-bind:data-ships='shadow.ships'
v-bind:data-brand='shadow.brand'
v-bind:data-shortname='shadow.shortname'
v-bind:data-price='shadow.price'
v-bind:data-shadow-id="shadow.ID"
v-bind:data-favorite='shadow.favorite'
v-bind:class="{'Short_Listed': shadow.favorite, 'Owned': shadow.owned}"
v-bind:class="'Pan_Shape_'+shadow.shape+' Pan_Size_'+shadow.size+' '+(shadow.invisible||'') + ' ' + (shadow.favorite||'') + ' ' + (shadow.owned? 'Owned' : '')"
style="transition:0s" href="#"
>
{{shadow.name}}
{{shadow.brand}}
{{shadow.shortname}}
Out of Stock
Size
{{shadow.size == 'Irregular' ? shadow.width + ' x ' + shadow.height : shadow.size}}mm
Shift
{{[].concat(shadow.shift).join(', ').replace(/[0-9]/g,'')}}
Finish
{{[].concat(shadow.finish).join(', ').replace(/[0-9]/g,'')}}
Main Color
{{[].concat(shadow.main_color).join(', ').replace(/[0-9]/g, '')}}
Vividness
{{[].concat(shadow.vividness).join(', ').replace(/[0-9\-]/g,'')}}
Lightness
{{[].concat(shadow.lightness).join(', ').replace(/[0-9]/g,'')}}
One sec while we grab your palette...