Artifact
7f99fc1562037c8dabdff11c99b047b8620626108968d97f1bf213421296040f:
0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 69 'use strict';..i
0010: 6d 70 6f 72 74 20 50 61 6c 65 74 74 65 20 66 72 mport Palette fr
0020: 6f 6d 20 27 2e 2f 50 61 6c 65 74 74 65 27 3b 0a om './Palette';.
0030: 69 6d 70 6f 72 74 20 24 20 66 72 6f 6d 20 27 6a import $ from 'j
0040: 71 75 65 72 79 27 3b 0a 0a 6c 65 74 20 64 65 66 query';..let def
0050: 61 75 6c 74 73 20 3d 20 7b 0a 20 20 62 61 72 54 aults = {. barT
0060: 65 6d 70 6c 61 74 65 3a 20 60 3c 64 69 76 20 63 emplate: `<div c
0070: 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65 lass="colorpicke
0080: 72 2d 62 61 72 20 63 6f 6c 6f 72 70 69 63 6b 65 r-bar colorpicke
0090: 72 2d 73 77 61 74 63 68 65 73 22 3e 0a 20 20 20 r-swatches">.
00a0: 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20
00b0: 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 63 6f 6c <div class="col
00c0: 6f 72 70 69 63 6b 65 72 2d 73 77 61 74 63 68 65 orpicker-swatche
00d0: 73 2d 2d 69 6e 6e 65 72 22 3e 3c 2f 64 69 76 3e s--inner"></div>
00e0: 0a 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 .
00f0: 20 3c 2f 64 69 76 3e 60 2c 0a 20 20 73 77 61 74 </div>`,. swat
0100: 63 68 54 65 6d 70 6c 61 74 65 3a 20 27 3c 69 20 chTemplate: '<i
0110: 63 6c 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b class="colorpick
0120: 65 72 2d 73 77 61 74 63 68 22 3e 3c 69 20 63 6c er-swatch"><i cl
0130: 61 73 73 3d 22 63 6f 6c 6f 72 70 69 63 6b 65 72 ass="colorpicker
0140: 2d 73 77 61 74 63 68 2d 2d 69 6e 6e 65 72 22 3e -swatch--inner">
0150: 3c 2f 69 3e 3c 2f 69 3e 27 0a 7d 3b 0a 0a 2f 2a </i></i>'.};../*
0160: 2a 0a 20 2a 20 43 6f 6c 6f 72 20 73 77 61 74 63 *. * Color swatc
0170: 68 65 73 20 65 78 74 65 6e 73 69 6f 6e 0a 20 2a hes extension. *
0180: 20 40 69 67 6e 6f 72 65 0a 20 2a 2f 0a 63 6c 61 @ignore. */.cla
0190: 73 73 20 53 77 61 74 63 68 65 73 20 65 78 74 65 ss Swatches exte
01a0: 6e 64 73 20 50 61 6c 65 74 74 65 20 7b 0a 20 20 nds Palette {.
01b0: 63 6f 6e 73 74 72 75 63 74 6f 72 28 63 6f 6c 6f constructor(colo
01c0: 72 70 69 63 6b 65 72 2c 20 6f 70 74 69 6f 6e 73 rpicker, options
01d0: 20 3d 20 7b 7d 29 20 7b 0a 20 20 20 20 73 75 70 = {}) {. sup
01e0: 65 72 28 63 6f 6c 6f 72 70 69 63 6b 65 72 2c 20 er(colorpicker,
01f0: 24 2e 65 78 74 65 6e 64 28 74 72 75 65 2c 20 7b $.extend(true, {
0200: 7d 2c 20 64 65 66 61 75 6c 74 73 2c 20 6f 70 74 }, defaults, opt
0210: 69 6f 6e 73 29 29 3b 0a 20 20 20 20 74 68 69 73 ions));. this
0220: 2e 65 6c 65 6d 65 6e 74 20 3d 20 6e 75 6c 6c 3b .element = null;
0230: 0a 20 20 7d 0a 0a 20 20 69 73 45 6e 61 62 6c 65 . }.. isEnable
0240: 64 28 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e d() {. return
0250: 20 74 68 69 73 2e 67 65 74 4c 65 6e 67 74 68 28 this.getLength(
0260: 29 20 3e 20 30 3b 0a 20 20 7d 0a 0a 20 20 6f 6e ) > 0;. }.. on
0270: 43 72 65 61 74 65 28 65 76 65 6e 74 29 20 7b 0a Create(event) {.
0280: 20 20 20 20 73 75 70 65 72 2e 6f 6e 43 72 65 61 super.onCrea
0290: 74 65 28 65 76 65 6e 74 29 3b 0a 0a 20 20 20 20 te(event);..
02a0: 69 66 20 28 21 74 68 69 73 2e 69 73 45 6e 61 62 if (!this.isEnab
02b0: 6c 65 64 28 29 29 20 7b 0a 20 20 20 20 20 20 72 led()) {. r
02c0: 65 74 75 72 6e 3b 0a 20 20 20 20 7d 0a 0a 20 20 eturn;. }..
02d0: 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 20 3d this.element =
02e0: 20 24 28 74 68 69 73 2e 6f 70 74 69 6f 6e 73 2e $(this.options.
02f0: 62 61 72 54 65 6d 70 6c 61 74 65 29 3b 0a 20 20 barTemplate);.
0300: 20 20 74 68 69 73 2e 6c 6f 61 64 28 29 3b 0a 20 this.load();.
0310: 20 20 20 74 68 69 73 2e 63 6f 6c 6f 72 70 69 63 this.colorpic
0320: 6b 65 72 2e 70 69 63 6b 65 72 2e 61 70 70 65 6e ker.picker.appen
0330: 64 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 29 3b d(this.element);
0340: 0a 20 20 7d 0a 0a 20 20 6c 6f 61 64 28 29 20 7b . }.. load() {
0350: 0a 20 20 20 20 6c 65 74 20 63 6f 6c 6f 72 70 69 . let colorpi
0360: 63 6b 65 72 20 3d 20 74 68 69 73 2e 63 6f 6c 6f cker = this.colo
0370: 72 70 69 63 6b 65 72 2c 0a 20 20 20 20 20 20 73 rpicker,. s
0380: 77 61 74 63 68 43 6f 6e 74 61 69 6e 65 72 20 3d watchContainer =
0390: 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 66 69 this.element.fi
03a0: 6e 64 28 27 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 nd('.colorpicker
03b0: 2d 73 77 61 74 63 68 65 73 2d 2d 69 6e 6e 65 72 -swatches--inner
03c0: 27 29 2c 0a 20 20 20 20 20 20 69 73 41 6c 69 61 '),. isAlia
03d0: 73 65 64 20 3d 20 28 74 68 69 73 2e 6f 70 74 69 sed = (this.opti
03e0: 6f 6e 73 2e 6e 61 6d 65 73 41 73 56 61 6c 75 65 ons.namesAsValue
03f0: 73 20 3d 3d 3d 20 74 72 75 65 29 20 26 26 20 21 s === true) && !
0400: 41 72 72 61 79 2e 69 73 41 72 72 61 79 28 74 68 Array.isArray(th
0410: 69 73 2e 63 6f 6c 6f 72 73 29 3b 0a 0a 20 20 20 is.colors);..
0420: 20 73 77 61 74 63 68 43 6f 6e 74 61 69 6e 65 72 swatchContainer
0430: 2e 65 6d 70 74 79 28 29 3b 0a 0a 20 20 20 20 24 .empty();.. $
0440: 2e 65 61 63 68 28 74 68 69 73 2e 63 6f 6c 6f 72 .each(this.color
0450: 73 2c 20 28 6e 61 6d 65 2c 20 76 61 6c 75 65 29 s, (name, value)
0460: 20 3d 3e 20 7b 0a 20 20 20 20 20 20 6c 65 74 20 => {. let
0470: 24 73 77 61 74 63 68 20 3d 20 24 28 74 68 69 73 $swatch = $(this
0480: 2e 6f 70 74 69 6f 6e 73 2e 73 77 61 74 63 68 54 .options.swatchT
0490: 65 6d 70 6c 61 74 65 29 0a 20 20 20 20 20 20 20 emplate).
04a0: 20 2e 61 74 74 72 28 27 64 61 74 61 2d 6e 61 6d .attr('data-nam
04b0: 65 27 2c 20 6e 61 6d 65 29 0a 20 20 20 20 20 20 e', name).
04c0: 20 20 2e 61 74 74 72 28 27 64 61 74 61 2d 76 61 .attr('data-va
04d0: 6c 75 65 27 2c 20 76 61 6c 75 65 29 0a 20 20 20 lue', value).
04e0: 20 20 20 20 20 2e 61 74 74 72 28 27 74 69 74 6c .attr('titl
04f0: 65 27 2c 20 69 73 41 6c 69 61 73 65 64 20 3f 20 e', isAliased ?
0500: 60 24 7b 6e 61 6d 65 7d 3a 20 24 7b 76 61 6c 75 `${name}: ${valu
0510: 65 7d 60 20 3a 20 76 61 6c 75 65 29 0a 20 20 20 e}` : value).
0520: 20 20 20 20 20 2e 6f 6e 28 27 6d 6f 75 73 65 64 .on('moused
0530: 6f 77 6e 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 20 own.colorpicker
0540: 74 6f 75 63 68 73 74 61 72 74 2e 63 6f 6c 6f 72 touchstart.color
0550: 70 69 63 6b 65 72 27 2c 0a 20 20 20 20 20 20 20 picker',.
0560: 20 20 20 66 75 6e 63 74 69 6f 6e 20 28 65 29 20 function (e)
0570: 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 6c 65 {. le
0580: 74 20 24 73 77 20 3d 20 24 28 74 68 69 73 29 3b t $sw = $(this);
0590: 0a 0a 20 20 20 20 20 20 20 20 20 20 20 20 2f 2f .. //
05a0: 20 65 2e 70 72 65 76 65 6e 74 44 65 66 61 75 6c e.preventDefaul
05b0: 74 28 29 3b 0a 0a 20 20 20 20 20 20 20 20 20 20 t();..
05c0: 20 20 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 73 65 colorpicker.se
05d0: 74 56 61 6c 75 65 28 69 73 41 6c 69 61 73 65 64 tValue(isAliased
05e0: 20 3f 20 24 73 77 2e 61 74 74 72 28 27 64 61 74 ? $sw.attr('dat
05f0: 61 2d 6e 61 6d 65 27 29 20 3a 20 24 73 77 2e 61 a-name') : $sw.a
0600: 74 74 72 28 27 64 61 74 61 2d 76 61 6c 75 65 27 ttr('data-value'
0610: 29 29 3b 0a 20 20 20 20 20 20 20 20 20 20 7d 0a ));. }.
0620: 20 20 20 20 20 20 20 20 29 3b 0a 0a 20 20 20 20 );..
0630: 20 20 24 73 77 61 74 63 68 2e 66 69 6e 64 28 27 $swatch.find('
0640: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 73 77 61 .colorpicker-swa
0650: 74 63 68 2d 2d 69 6e 6e 65 72 27 29 0a 20 20 20 tch--inner').
0660: 20 20 20 20 20 2e 63 73 73 28 27 62 61 63 6b 67 .css('backg
0670: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 27 2c 20 76 61 round-color', va
0680: 6c 75 65 29 3b 0a 0a 20 20 20 20 20 20 73 77 61 lue);.. swa
0690: 74 63 68 43 6f 6e 74 61 69 6e 65 72 2e 61 70 70 tchContainer.app
06a0: 65 6e 64 28 24 73 77 61 74 63 68 29 3b 0a 20 20 end($swatch);.
06b0: 20 20 7d 29 3b 0a 0a 20 20 20 20 73 77 61 74 63 });.. swatc
06c0: 68 43 6f 6e 74 61 69 6e 65 72 2e 61 70 70 65 6e hContainer.appen
06d0: 64 28 24 28 27 3c 69 20 63 6c 61 73 73 3d 22 63 d($('<i class="c
06e0: 6f 6c 6f 72 70 69 63 6b 65 72 2d 63 6c 65 61 72 olorpicker-clear
06f0: 22 3e 3c 2f 69 3e 27 29 29 3b 0a 20 20 7d 0a 7d "></i>'));. }.}
0700: 0a 0a 65 78 70 6f 72 74 20 64 65 66 61 75 6c 74 ..export default
0710: 20 53 77 61 74 63 68 65 73 3b 0a Swatches;.