├── preview.png
├── highlighter.png
├── color_customize.png
├── README.md
├── LICENSE
└── iitc-portal-visited.js


/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuehuTi/iitc-portal-visited/HEAD/preview.png


--------------------------------------------------------------------------------
/highlighter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuehuTi/iitc-portal-visited/HEAD/highlighter.png


--------------------------------------------------------------------------------
/color_customize.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuehuTi/iitc-portal-visited/HEAD/color_customize.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 将portal的upc/upv和scout controler数据作为图层显示在intel地图上。<br>
 2 | 
 3 | 增加了一个portal visited图层，根据设置以半圆弧的方式显示在po的上半圈
 4 | <img src="preview.png"/><br>
 5 | 
 6 | 四个highlighter：Portal UPC/V、Portal Scouted、 not UPC/V、Portal not Scouted<br>
 7 | <img src="highlighter.png"/><br>
 8 | 
 9 | 可以通过右侧的portal visited打开配置框，选择图层中图示的显示方式以及颜色,以及查看当前地图视野内获得upc/v、scout controller的统计情况
10 | <img src="color_customize.png">
11 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                     GNU GENERAL PUBLIC LICENSE
  2 |                        Version 3, 29 June 2007
  3 | 
  4 |  Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
  5 |  Everyone is permitted to copy and distribute verbatim copies
  6 |  of this license document, but changing it is not allowed.
  7 | 
  8 |                             Preamble
  9 | 
 10 |   The GNU General Public License is a free, copyleft license for
 11 | software and other kinds of works.
 12 | 
 13 |   The licenses for most software and other practical works are designed
 14 | to take away your freedom to share and change the works.  By contrast,
 15 | the GNU General Public License is intended to guarantee your freedom to
 16 | share and change all versions of a program--to make sure it remains free
 17 | software for all its users.  We, the Free Software Foundation, use the
 18 | GNU General Public License for most of our software; it applies also to
 19 | any other work released this way by its authors.  You can apply it to
 20 | your programs, too.
 21 | 
 22 |   When we speak of free software, we are referring to freedom, not
 23 | price.  Our General Public Licenses are designed to make sure that you
 24 | have the freedom to distribute copies of free software (and charge for
 25 | them if you wish), that you receive source code or can get it if you
 26 | want it, that you can change the software or use pieces of it in new
 27 | free programs, and that you know you can do these things.
 28 | 
 29 |   To protect your rights, we need to prevent others from denying you
 30 | these rights or asking you to surrender the rights.  Therefore, you have
 31 | certain responsibilities if you distribute copies of the software, or if
 32 | you modify it: responsibilities to respect the freedom of others.
 33 | 
 34 |   For example, if you distribute copies of such a program, whether
 35 | gratis or for a fee, you must pass on to the recipients the same
 36 | freedoms that you received.  You must make sure that they, too, receive
 37 | or can get the source code.  And you must show them these terms so they
 38 | know their rights.
 39 | 
 40 |   Developers that use the GNU GPL protect your rights with two steps:
 41 | (1) assert copyright on the software, and (2) offer you this License
 42 | giving you legal permission to copy, distribute and/or modify it.
 43 | 
 44 |   For the developers' and authors' protection, the GPL clearly explains
 45 | that there is no warranty for this free software.  For both users' and
 46 | authors' sake, the GPL requires that modified versions be marked as
 47 | changed, so that their problems will not be attributed erroneously to
 48 | authors of previous versions.
 49 | 
 50 |   Some devices are designed to deny users access to install or run
 51 | modified versions of the software inside them, although the manufacturer
 52 | can do so.  This is fundamentally incompatible with the aim of
 53 | protecting users' freedom to change the software.  The systematic
 54 | pattern of such abuse occurs in the area of products for individuals to
 55 | use, which is precisely where it is most unacceptable.  Therefore, we
 56 | have designed this version of the GPL to prohibit the practice for those
 57 | products.  If such problems arise substantially in other domains, we
 58 | stand ready to extend this provision to those domains in future versions
 59 | of the GPL, as needed to protect the freedom of users.
 60 | 
 61 |   Finally, every program is threatened constantly by software patents.
 62 | States should not allow patents to restrict development and use of
 63 | software on general-purpose computers, but in those that do, we wish to
 64 | avoid the special danger that patents applied to a free program could
 65 | make it effectively proprietary.  To prevent this, the GPL assures that
 66 | patents cannot be used to render the program non-free.
 67 | 
 68 |   The precise terms and conditions for copying, distribution and
 69 | modification follow.
 70 | 
 71 |                        TERMS AND CONDITIONS
 72 | 
 73 |   0. Definitions.
 74 | 
 75 |   "This License" refers to version 3 of the GNU General Public License.
 76 | 
 77 |   "Copyright" also means copyright-like laws that apply to other kinds of
 78 | works, such as semiconductor masks.
 79 | 
 80 |   "The Program" refers to any copyrightable work licensed under this
 81 | License.  Each licensee is addressed as "you".  "Licensees" and
 82 | "recipients" may be individuals or organizations.
 83 | 
 84 |   To "modify" a work means to copy from or adapt all or part of the work
 85 | in a fashion requiring copyright permission, other than the making of an
 86 | exact copy.  The resulting work is called a "modified version" of the
 87 | earlier work or a work "based on" the earlier work.
 88 | 
 89 |   A "covered work" means either the unmodified Program or a work based
 90 | on the Program.
 91 | 
 92 |   To "propagate" a work means to do anything with it that, without
 93 | permission, would make you directly or secondarily liable for
 94 | infringement under applicable copyright law, except executing it on a
 95 | computer or modifying a private copy.  Propagation includes copying,
 96 | distribution (with or without modification), making available to the
 97 | public, and in some countries other activities as well.
 98 | 
 99 |   To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies.  Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 | 
103 |   An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License.  If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 | 
112 |   1. Source Code.
113 | 
114 |   The "source code" for a work means the preferred form of the work
115 | for making modifications to it.  "Object code" means any non-source
116 | form of a work.
117 | 
118 |   A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 | 
123 |   The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form.  A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 | 
134 |   The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities.  However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work.  For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 | 
147 |   The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 | 
151 |   The Corresponding Source for a work in source code form is that
152 | same work.
153 | 
154 |   2. Basic Permissions.
155 | 
156 |   All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met.  This License explicitly affirms your unlimited
159 | permission to run the unmodified Program.  The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work.  This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 | 
164 |   You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force.  You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright.  Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 | 
175 |   Conveying under any other circumstances is permitted solely under
176 | the conditions stated below.  Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 | 
179 |   3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 | 
181 |   No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 | 
187 |   When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 | 
195 |   4. Conveying Verbatim Copies.
196 | 
197 |   You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 | 
205 |   You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 | 
208 |   5. Conveying Modified Source Versions.
209 | 
210 |   You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 | 
214 |     a) The work must carry prominent notices stating that you modified
215 |     it, and giving a relevant date.
216 | 
217 |     b) The work must carry prominent notices stating that it is
218 |     released under this License and any conditions added under section
219 |     7.  This requirement modifies the requirement in section 4 to
220 |     "keep intact all notices".
221 | 
222 |     c) You must license the entire work, as a whole, under this
223 |     License to anyone who comes into possession of a copy.  This
224 |     License will therefore apply, along with any applicable section 7
225 |     additional terms, to the whole of the work, and all its parts,
226 |     regardless of how they are packaged.  This License gives no
227 |     permission to license the work in any other way, but it does not
228 |     invalidate such permission if you have separately received it.
229 | 
230 |     d) If the work has interactive user interfaces, each must display
231 |     Appropriate Legal Notices; however, if the Program has interactive
232 |     interfaces that do not display Appropriate Legal Notices, your
233 |     work need not make them do so.
234 | 
235 |   A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit.  Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 | 
245 |   6. Conveying Non-Source Forms.
246 | 
247 |   You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 | 
252 |     a) Convey the object code in, or embodied in, a physical product
253 |     (including a physical distribution medium), accompanied by the
254 |     Corresponding Source fixed on a durable physical medium
255 |     customarily used for software interchange.
256 | 
257 |     b) Convey the object code in, or embodied in, a physical product
258 |     (including a physical distribution medium), accompanied by a
259 |     written offer, valid for at least three years and valid for as
260 |     long as you offer spare parts or customer support for that product
261 |     model, to give anyone who possesses the object code either (1) a
262 |     copy of the Corresponding Source for all the software in the
263 |     product that is covered by this License, on a durable physical
264 |     medium customarily used for software interchange, for a price no
265 |     more than your reasonable cost of physically performing this
266 |     conveying of source, or (2) access to copy the
267 |     Corresponding Source from a network server at no charge.
268 | 
269 |     c) Convey individual copies of the object code with a copy of the
270 |     written offer to provide the Corresponding Source.  This
271 |     alternative is allowed only occasionally and noncommercially, and
272 |     only if you received the object code with such an offer, in accord
273 |     with subsection 6b.
274 | 
275 |     d) Convey the object code by offering access from a designated
276 |     place (gratis or for a charge), and offer equivalent access to the
277 |     Corresponding Source in the same way through the same place at no
278 |     further charge.  You need not require recipients to copy the
279 |     Corresponding Source along with the object code.  If the place to
280 |     copy the object code is a network server, the Corresponding Source
281 |     may be on a different server (operated by you or a third party)
282 |     that supports equivalent copying facilities, provided you maintain
283 |     clear directions next to the object code saying where to find the
284 |     Corresponding Source.  Regardless of what server hosts the
285 |     Corresponding Source, you remain obligated to ensure that it is
286 |     available for as long as needed to satisfy these requirements.
287 | 
288 |     e) Convey the object code using peer-to-peer transmission, provided
289 |     you inform other peers where the object code and Corresponding
290 |     Source of the work are being offered to the general public at no
291 |     charge under subsection 6d.
292 | 
293 |   A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 | 
297 |   A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling.  In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage.  For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product.  A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 | 
310 |   "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source.  The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 | 
318 |   If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information.  But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 | 
329 |   The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed.  Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 | 
337 |   Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 | 
343 |   7. Additional Terms.
344 | 
345 |   "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law.  If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 | 
354 |   When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it.  (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.)  You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 | 
361 |   Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 | 
365 |     a) Disclaiming warranty or limiting liability differently from the
366 |     terms of sections 15 and 16 of this License; or
367 | 
368 |     b) Requiring preservation of specified reasonable legal notices or
369 |     author attributions in that material or in the Appropriate Legal
370 |     Notices displayed by works containing it; or
371 | 
372 |     c) Prohibiting misrepresentation of the origin of that material, or
373 |     requiring that modified versions of such material be marked in
374 |     reasonable ways as different from the original version; or
375 | 
376 |     d) Limiting the use for publicity purposes of names of licensors or
377 |     authors of the material; or
378 | 
379 |     e) Declining to grant rights under trademark law for use of some
380 |     trade names, trademarks, or service marks; or
381 | 
382 |     f) Requiring indemnification of licensors and authors of that
383 |     material by anyone who conveys the material (or modified versions of
384 |     it) with contractual assumptions of liability to the recipient, for
385 |     any liability that these contractual assumptions directly impose on
386 |     those licensors and authors.
387 | 
388 |   All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10.  If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term.  If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 | 
398 |   If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 | 
403 |   Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 | 
407 |   8. Termination.
408 | 
409 |   You may not propagate or modify a covered work except as expressly
410 | provided under this License.  Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 | 
415 |   However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 | 
422 |   Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 | 
429 |   Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License.  If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 | 
435 |   9. Acceptance Not Required for Having Copies.
436 | 
437 |   You are not required to accept this License in order to receive or
438 | run a copy of the Program.  Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance.  However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work.  These actions infringe copyright if you do
443 | not accept this License.  Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 | 
446 |   10. Automatic Licensing of Downstream Recipients.
447 | 
448 |   Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License.  You are not responsible
451 | for enforcing compliance by third parties with this License.
452 | 
453 |   An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations.  If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 | 
463 |   You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License.  For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 | 
471 |   11. Patents.
472 | 
473 |   A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based.  The
475 | work thus licensed is called the contributor's "contributor version".
476 | 
477 |   A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version.  For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 | 
487 |   Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 | 
492 |   In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement).  To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 | 
499 |   If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients.  "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 | 
513 |   If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 | 
521 |   A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License.  You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 | 
536 |   Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 | 
540 |   12. No Surrender of Others' Freedom.
541 | 
542 |   If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License.  If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all.  For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 | 
552 |   13. Use with the GNU Affero General Public License.
553 | 
554 |   Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work.  The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 | 
563 |   14. Revised Versions of this License.
564 | 
565 |   The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time.  Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 | 
570 |   Each version is given a distinguishing version number.  If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation.  If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 | 
579 |   If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 | 
584 |   Later license versions may give you additional or different
585 | permissions.  However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 | 
589 |   15. Disclaimer of Warranty.
590 | 
591 |   THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 | 
600 |   16. Limitation of Liability.
601 | 
602 |   IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 | 
612 |   17. Interpretation of Sections 15 and 16.
613 | 
614 |   If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 | 
621 |                      END OF TERMS AND CONDITIONS
622 | 
623 |             How to Apply These Terms to Your New Programs
624 | 
625 |   If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 | 
629 |   To do so, attach the following notices to the program.  It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 | 
634 |     <one line to give the program's name and a brief idea of what it does.>
635 |     Copyright (C) <year>  <name of author>
636 | 
637 |     This program is free software: you can redistribute it and/or modify
638 |     it under the terms of the GNU General Public License as published by
639 |     the Free Software Foundation, either version 3 of the License, or
640 |     (at your option) any later version.
641 | 
642 |     This program is distributed in the hope that it will be useful,
643 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
644 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
645 |     GNU General Public License for more details.
646 | 
647 |     You should have received a copy of the GNU General Public License
648 |     along with this program.  If not, see <https://www.gnu.org/licenses/>.
649 | 
650 | Also add information on how to contact you by electronic and paper mail.
651 | 
652 |   If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 | 
655 |     <program>  Copyright (C) <year>  <name of author>
656 |     This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 |     This is free software, and you are welcome to redistribute it
658 |     under certain conditions; type `show c' for details.
659 | 
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License.  Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 | 
664 |   You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | <https://www.gnu.org/licenses/>.
668 | 
669 |   The GNU General Public License does not permit incorporating your program
670 | into proprietary programs.  If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library.  If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License.  But first, please read
674 | <https://www.gnu.org/licenses/why-not-lgpl.html>.
675 | 


--------------------------------------------------------------------------------
/iitc-portal-visited.js:
--------------------------------------------------------------------------------
  1 | // ==UserScript==
  2 | // @id                  iitc-plugin-portal-visited@takurua
  3 | // @name                IITC plugin: Show portal visited
  4 | // @category            Layer Highlighter
  5 | // @version             1.3.2
  6 | // @namespace           https://github.com/yuehuTi/iitc-portal-visited
  7 | // @downloadURL         https://raw.githubusercontent.com/yuehuTi/iitc-portal-visited/main/iitc-portal-visited.js
  8 | // @updateURL           https://raw.githubusercontent.com/yuehuTi/iitc-portal-visited/main/iitc-portal-visited.js
  9 | // @description         show upc/upv and scout controller maker on portal, use layer to draw semicircle outside a portal or change color by using highlighter.
 10 | //                      and thanks for https://github.com/EisFrei/IngressPortalHistoryFlags
 11 | // @include             *://*.ingress.com/intel*
 12 | // @include             *://intel.ingress.com/*
 13 | // @match               *://*.ingress.com/intel*
 14 | // @match               *://intel.ingress.com/*
 15 | // @grant               none
 16 | // ==/UserScript==
 17 | 
 18 | 
 19 | function wrapper(plugin_info) {
 20 |     if(typeof window.plugin !== 'function') window.plugin = function() {};
 21 |     plugin_info.buildName = 'iitc';
 22 |     plugin_info.dateTimeVersion = '20210228.160200';
 23 |     plugin_info.pluginId = 'upcv';
 24 | 
 25 |     // PLUGIN START ////////////////////////////////////////////////////////
 26 |     const KEY_SETTINGS  = "plugin-portal-visited";
 27 |     const UPC_COLOR     = "indigo";
 28 |     const UPV_COLOR     = "aqua";
 29 |     const SCOUT_COLOR   = "orange";
 30 |     const RADIUS = 50;
 31 | 
 32 |     const UPV_FLAG = 1;
 33 |     const UPC_FLAG = 2;
 34 |     const SCOUT_FLAG = 4;
 35 | 
 36 |     window.plugin.upcv = function() {};
 37 |     window.plugin.upcv.layerGroup = {};
 38 | 
 39 | //! XNColorPicker.js
 40 | //! https://github.com/fanaiai/xncolorpicker
 41 | !function(){"use strict";var n={"./node_modules/css-loader/dist/runtime/api.js":
 42 | /*!*****************************************************!*\
 43 |   !*** ./node_modules/css-loader/dist/runtime/api.js ***!
 44 |   \*****************************************************/function(r){r.exports=function(n){var a=[];return a.toString=function(){return this.map(function(r){var o=n(r);return r[2]?"@media ".concat(r[2]," {").concat(o,"}"):o}).join("")},a.i=function(r,o,n){"string"==typeof r&&(r=[[null,r,""]]);var t={};if(n)for(var e=0;e<this.length;e++){var i=this[e][0];null!=i&&(t[i]=!0)}for(var l=0;l<r.length;l++){var s=[].concat(r[l]);n&&t[s[0]]||(o&&(s[2]?s[2]="".concat(o," and ").concat(s[2]):s[2]=o),a.push(s))}},a}},"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js":
 45 | /*!************************************************************************!*\
 46 |   !*** ./node_modules/css-loader/dist/runtime/cssWithMappingToString.js ***!
 47 |   \************************************************************************/function(r){function e(r,o){return function(r){if(Array.isArray(r))return r}(r)||function(r,o){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var n=[],t=!0,e=!1,i=void 0;try{for(var l,s=r[Symbol.iterator]();!(t=(l=s.next()).done)&&(n.push(l.value),!o||n.length!==o);t=!0);}catch(r){e=!0,i=r}finally{try{t||null==s.return||s.return()}finally{if(e)throw i}}return n}(r,o)||function(r,o){if(!r)return;if("string"==typeof r)return t(r,o);var n=Object.prototype.toString.call(r).slice(8,-1);"Object"===n&&r.constructor&&(n=r.constructor.name);if("Map"===n||"Set"===n)return Array.from(r);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,o)}(r,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(r,o){(null==o||o>r.length)&&(o=r.length);for(var n=0,t=new Array(o);n<o;n++)t[n]=r[n];return t}r.exports=function(r){var o=e(r,4),n=o[1],t=o[3];if("function"!=typeof btoa)return[n].join("\n");r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),r="/*# ".concat(o," */"),o=t.sources.map(function(r){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(r," */")});return[n].concat(o).concat([r]).join("\n")}},"./node_modules/css-loader/dist/runtime/getUrl.js":
 48 | /*!********************************************************!*\
 49 |   !*** ./node_modules/css-loader/dist/runtime/getUrl.js ***!
 50 |   \********************************************************/function(r){r.exports=function(r,o){return o=o||{},"string"!=typeof(r=r&&r.__esModule?r.default:r)?r:(/^['"].*['"]$/.test(r)&&(r=r.slice(1,-1)),o.hash&&(r+=o.hash),/["'() \t\n]/.test(r)||o.needQuotes?'"'.concat(r.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):r)}},"./src/colorFormat.min.js":
 51 | /*!********************************!*\
 52 |   !*** ./src/colorFormat.min.js ***!
 53 |   \********************************/function(n,t,e){var i;!function(){function r(r){return new o(r)}var o=function(r){var o,n=r&&r.color&&r.color.replace(/\s/g,"").toLowerCase()||"#f00",t=r&&r.format&&r.format.replace(/\s/g,"").toLowerCase()||"rgb",e=-1==t.indexOf("rgba")?0:1,r=-1==t.indexOf("hsla")?0:1;if(-1<n.indexOf("#"))"hex"==t?(o=this.hexToRgb(n),o=this.rgbToHex(o)):-1<t.indexOf("rgb")?o=this.hexToRgb(n,e):-1<t.indexOf("hsl")&&(o=this.hexToRgb(n),o=this.rgbToHsl(o,r));else if(-1<n.indexOf("rgb"))o=this.getRgb(n,e),"hex"==t?o=this.rgbToHex(o):-1<t.indexOf("hsl")&&(o=this.rgbToHsl(o,r));else if(-1<n.indexOf("hsl"))o=this.getHsl(n,r),o=this.hslToRgb(o,e),"hex"==t?o=this.rgbToHex(o):-1<t.indexOf("hsl")&&(o=this.rgbToHsl(o,r));else{for(var i,l=this.defineColor,s=0,a=l.length;s<a;s++)if(n==l[s].name){i=l[s].hex;break}if(!(i&&0<i.length))return!1;"hex"==t?(o=this.hexToRgb(i),o=this.rgbToHex(o)):-1<t.indexOf("rgb")?o=this.hexToRgb(i,e):-1<t.indexOf("hsl")&&(o=this.hexToRgb(i),o=this.rgbToHsl(o,r))}return o};o.prototype={constructor:this,defineColor:[{name:"red",hex:"#f00"},{name:"orange",hex:"#ffa500"},{name:"yellow",hex:"#ff0"},{name:"green",hex:"#0f0"},{name:"cyan",hex:"#0ff"},{name:"blue",hex:"#00f"},{name:"violet",hex:"#ee82ee"},{name:"black",hex:"#000"},{name:"white",hex:"#fff"}],getRgb:function(r,o){var n=-1==(r=r.toLowerCase()).indexOf("rgba")?0:1;r=(r=n?r.replace("rgba",""):r.replace("rgb","")).replace(/\s/g,"").split(",");var t=Number(r[0].slice(1)),e=Number(r[1]),i=n?Number(r[2]):Number(r[2].slice(0,-1));return{r:t,g:e,b:i,o:r=!n||1<Number(r[3].slice(0,-1))?1:Number(r[3].slice(0,-1)),complete:o?"rgba("+[t,e,i,r].join(",")+")":"rgb("+[t,e,i].join(",")+")"}},getHsl:function(r,o){var n=-1==(r=r.toLowerCase()).indexOf("hsla")?0:1;r=(r=n?r.replace("hsla",""):r.replace("hsl","")).replace(/\s/g,"").split(",");var t=Number(r[0].slice(1)),e=parseInt(r[1]),i=n?parseInt(r[2]):parseInt(r[2].slice(0,-1));return{h:t,s:e/100,l:i/100,o:r=!n||1<Number(r[3].slice(0,-1))?1:Number(r[3].slice(0,-1)),complete:o?"hsla("+[t,e,i,r].join(",")+")":"hsl("+[t,e,i].join(",")+")"}},rgbToHex:function(r){var o=Number(r.r).toString(16),n=Number(r.g).toString(16),t=Number(r.b).toString(16),e=Math.round(255*r.o).toString(16);return o.length<2&&(o=0+o),n.length<2&&(n=0+n),t.length<2&&(t=0+t),e.length<2&&(e=0+e),o[0]==o[1]&&n[0]==n[1]&&t[0]==t[1]&&(e[0],e[1]),{r:o,g:n,b:t,o:e,complete:"#"+(o+n+t+(1==r.o?"":e))}},rgbToHsl:function(r,o){var n,t=Number(r.r)/255,e=Number(r.g)/255,i=Number(r.b)/255,l=Number(r.o),s=Math.max(t,e,i),a=Math.min(t,e,i),r=(s+a)/2;if(s==a)n=d=0;else{var c=s-a,d=r<.5?c/(s+a):c/(2-s-a);switch(s){case t:n=(e-i)/c;break;case e:n=(i-t)/c+2;break;case i:n=(t-e)/c+4}n=(n*=60)<0?n+360:n}return{h:n=Math.round(n),s:d=Math.round(100*d)+"%",l:r=Math.round(100*r)+"%",o:l,complete:o?"hsla("+[n,d,r,l].join(",")+")":"hsl("+[n,d,r].join(",")+")"}},hexToRgb:function(r,o){var n,t,e,i,l=(r=r.replace("#","")).split("");return 3==r.length?(n=parseInt(l[0]+l[0],16),t=parseInt(l[1]+l[1],16),e=parseInt(l[2]+l[2],16),i=1):4==r.length?(n=parseInt(l[0]+l[0],16),t=parseInt(l[1]+l[1],16),e=parseInt(l[2]+l[2],16),i=Math.round(parseInt(l[3]+l[3],16)/255*100)/100):6==r.length?(n=parseInt(l[0]+l[1],16),t=parseInt(l[2]+l[3],16),e=parseInt(l[4]+l[5],16),i=1):8==r.length&&(n=parseInt(l[0]+l[1],16),t=parseInt(l[2]+l[3],16),e=parseInt(l[4]+l[5],16),i=Math.round(parseInt(l[6]+l[7],16)/255*100)/100),{r:n,g:t,b:e,o:i,complete:o?"rgba("+[n,t,e,i].join(",")+")":"rgb("+[n,t,e].join(",")+")"}},hslToRgb:function(r,o){var n,t,e,i=Number(r.h),l=Number(r.s),s=Number(r.l),a=Number(r.o);return 0==l?n=t=e=s:(n=(r=function(r,o,n){return n<0&&(n+=1),1<n&&--n,n<1/6?r+6*(o-r)*n:n<.5?o:n<2/3?r+(o-r)*(2/3-n)*6:r})(l=2*s-(s=s<.5?s*(1+l):s+l-s*l),s,(i/=360)+1/3),t=r(l,s,i),e=r(l,s,i-1/3)),{r:n=Math.round(255*n),g:t=Math.round(255*t),b:e=Math.round(255*e),o:a,complete:o?"rgba("+[n,t,e,a].join(",")+")":"rgb("+[n,t,e].join(",")+")"}}},function(){this||(0,eval)("this")}(),n.exports?n.exports=r:void 0===(i=function(){return r}.call(t,e,t,n))||(n.exports=i)}()},"./src/xnquery.js":
 54 | /*!************************!*\
 55 |   !*** ./src/xnquery.js ***!
 56 |   \************************/function(){var c,d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r};function o(r){"string"==typeof r&&(this.el=this.ConvertToArray(document.querySelectorAll(r))),r instanceof NodeList?this.el=this.ConvertToArray(r):Array.isArray(r)&&(this.el=r),r instanceof Node&&(this.el=[r]),this.el||(this.el=[])}function p(r){return new o(r)}
 57 | //! xnquery.js
 58 | //! 仙女座js方法库，使用es6实现部分jquery方法
 59 | //! version : 1.0.1
 60 | //! authors : 范媛媛
 61 | //! create date:2021/01/27 V1.0.0
 62 | //! create date:2021/01/28 V1.0.1
 63 | c=window,p.prototype=o.prototype={length:function(){return this.el.length},extend:function(){var r,o,n,t,e,i=arguments[0]||{},l=1,s=arguments.length,a=!1;for("boolean"==typeof i&&(a=i,i=arguments[1]||{},l=2),"object"!==(void 0===i?"undefined":d(i))&&(i={}),s===l&&(i=this,--l);l<s;l++)if(null!=(r=arguments[l]))for(o in r)e=i[o],i!==(n=r[o])&&(a&&n&&("object"==(void 0===n?"undefined":d(n))||(t=Array.isArray(n)))?(e=t?(t=!1,e&&Array.isArray(e)?e:[]):e&&"object"==(void 0===e?"undefined":d(e))?e:{},i[o]=this.extend(a,e,n)):void 0!==n&&(i[o]=n));return i},parent:function(){var r=this.el[0];return r&&r.parentNode?p([r.parentNode]):p([])},parents:function(r){var n=this.el[0];r=void 0===r?[document]:this.ConvertToArray(document.querySelectorAll(r));var t=[];return n&&r.forEach(function(r){for(var o=n.parentNode;o!=r&&null!=o;)o=o.parentNode;null!=o&&t.push(o)}),p(t)},reverseArryToNodeList:function(r){return r},hasClass:function(r){return 0<this.el.length&&this.el[0].classList.contains(r)},attr:function(o,n){return n?(this.el.forEach(function(r){r.setAttribute(o,n)}),this):this.el[0]?this.el[0].getAttribute(o):null},find:function(t){var o=this;if(!this.el||this.el.length<=0)return p([]);if("string"!=typeof t){var e=[];return this.el.forEach(function(r){for(var o=r.querySelectorAll("*"),n=0;n<o.length;n++)o[n]==t&&e.push(t)}),p(e)}e=[];return this.el.forEach(function(r){e=e.concat(o.ConvertToArray(r.querySelectorAll(t)))}),p(e)},children:function(o){var n=this;if(!this.el||this.el.length<=0)return p([]);var t=[];Array.isArray(o)&&(t=o);var e=[];this.el.forEach(function(r){e=e.concat(n.ConvertToArray(r.children)),"string"==typeof o&&(t=t.concat(n.ConvertToArray(r.querySelectorAll(o))))});for(var r=[],i=t.length,l=0;l<e.length;l++)for(var s=e[l],a=0;a<i;a++)if(t[a]==s){r.push(s);break}return p(r)},each:function(r){return this.el.forEach(r)},index:function(r){if(!r){for(var o=this.el[0].parentNode.childNodes,n=0;n<o.length;n++)if(o[n]==this.el[0])return n;return null}for(var t=0;t<this.el.length;t++)if(this.el[t]==r)return t},eq:function(r){r=this.el[r];return p(r?this.reverseArryToNodeList([r]):this.reverseArryToNodeList([]))},get:function(r){return this.el[r]},addClass:function(o){this.el.forEach(function(r){r.classList&&(r=r.classList).add.apply(r,function(r){if(Array.isArray(r)){for(var o=0,n=Array(r.length);o<r.length;o++)n[o]=r[o];return n}return Array.from(r)}(o.split(" ")))})},nextUntil:function(r,o){var n,t=this.el[0];if(!t)return p([]);n=r?"object"==(void 0===r?"undefined":d(r))&&r instanceof Node?r:t.parentNode.querySelector(r):null;for(var e=[],i=o?"previousSibling":"nextSibling",l=t[i];l!=n&&null!=l;)e.push(l),l=l[i];return p(e)},prevAll:function(){return this.nextUntil(null,!0)},nextAll:function(){return this.nextUntil()},removeClass:function(o){return this.el.forEach(function(r){r.classList.remove(o)}),this},val:function(o){if(!o)return this.el[0].value;this.el.forEach(function(r){r.value=o})},html:function(o){if(this.el&&this.el[0])return o?void this.el.forEach(function(r){r.innerHTML=o}):this.el[0].innerHTML},empty:function(){return this.el.forEach(function(r){r.innerHTML=""}),this},parseToDOM:function(r){var o=document.createElement("div");return"string"==typeof r&&(o.innerHTML=r),o.childNodes},ConvertToArray:function(o){var n=null;try{n=Array.prototype.slice.call(o,0)}catch(r){n=new Array;for(var t=0;t<o.length;t++)n.push(o[0])}return n},parseDomToString:function(r){},append:function(r){for(var n=this,t="string"==typeof r?(t=this.parseToDOM(r),this.ConvertToArray(t)):[r],e=0;e<t.length;e++)!function(){var o=t[e];n.el.forEach(function(r){r.appendChild(o)})}()},remove:function(){this.el.forEach(function(r){r.parentNode&&r.parentNode.removeChild(r)})},slideUp:function(r){this.el.forEach(function(r){r.style.display="none"})},css:function(){for(var r=this,o=arguments.length,n=Array(o),t=0;t<o;t++)n[t]=arguments[t];if("object"!=d(n[0]))return 1==n.length?this.el[0].style[n[0]]:2==n.length?(this.el.forEach(function(r){r.style[n[0]]=n[1]}),this):void 0;for(var e in n[0])!function(o){r.el.forEach(function(r){r.style[o]=n[0][o]})}(e);return this},fadeOut:function(o){var n=this;this.el.forEach(function(r){n.animate({opacity:0},o,r,function(){r.style.display="none"})})},fadeIn:function(o){var n=this;this.el.forEach(function(r){r.style.display="block",n.animate({opacity:1},o,r)})},animate:function(o,r,n,t){var e,i=(r=r||300)/50,l=0,s={};for(e in o)isNaN(parseFloat(o[e]))||(s[e]={init:parseFloat(n.style[e])||0,unit:String(o[e]).substring(String(parseFloat(o[e])).length)});var a=c.setInterval(function(){for(var r in s)n.style[r]=i<=l?o[r]:(parseFloat(o[r])-s[r].init)*l/i+s[r].init+s[r].unit;i<=l&&("function"==typeof t&&t(),c.clearInterval(a)),l++},20)},outerWidth:function(){return this.el[0].offsetWidth},outerHeight:function(){return this.el[0].offsetHeight},hide:function(){return this.el.forEach(function(r){r.style.display="none"}),this},show:function(){return this.el.forEach(function(r){r.style.display="block"}),this},position:function(){return{top:this.el[0].offsetTop,left:this.el[0].offsetLeft}},not:function(o){return this.el=this.el.filter(function(r){return r!=o}),this}},p.extend=p.prototype.extend,c.XNQuery=p},"./node_modules/css-loader/dist/cjs.js!./src/xncolorpicker.css":
 64 | /*!*********************************************************************!*\
 65 |   !*** ./node_modules/css-loader/dist/cjs.js!./src/xncolorpicker.css ***!
 66 |   \*********************************************************************/function(r,o,n){n.r(o);var t=n(/*! ../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),e=n.n(t),i=n(/*! ../node_modules/css-loader/dist/runtime/api.js */"./node_modules/css-loader/dist/runtime/api.js"),t=n.n(i),i=n(/*! ../node_modules/css-loader/dist/runtime/getUrl.js */"./node_modules/css-loader/dist/runtime/getUrl.js"),i=n.n(i),n=n(/*! ./opacity.png */"./src/opacity.png"),e=t()(e()),n=i()(n.default);e.push([r.id,".fcolorpicker-curbox{\r\n    width: 60px;\r\n    height: 20px; dispaly: inline-table;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker{\r\n    width: 264px;\r\n    background: #fff;\r\n    border:1px solid #ccc;\r\n    position: fixed;\r\n    top: 100px;\r\n    padding: 6px 10px;\r\n    box-sizing: border-box;\r\n    z-index: 999999;\r\n    /*display: none;*/\r\n    user-select: none;\r\n}\r\n.fcolorpicker.canmove{\r\n    cursor: move;\r\n}\r\n.fcolorpicker>*{\r\n    cursor: auto;\r\n}\r\n.fcolorpicker .fcolor-list{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    border-bottom: 1px solid #ddd;\r\n    margin-left: 2px;\r\n    padding: 4px 0;\r\n    padding-bottom: 0;\r\n}\r\n.fcolorpicker .color-item{\r\n    flex:0 0 39px;\r\n    cursor: pointer;\r\n    width:39px;\r\n    height:18px;\r\n    background:rgba(239,83,79,1);\r\n    border-radius:2px 0px 0px 0px;\r\n    margin-bottom: 1px;\r\n    margin-right:1px;\r\n    position: relative;\r\n    /*background-image: url(opacity.png);*/\r\n    /*border:1px solid #E0E0E0;*/\r\n}\r\n.fcolorpicker .color-item span{\r\n    position: absolute;\r\n    display: block;\r\n    pointer-events: none;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.fcolorpicker .color-item:before{\r\n    content:'';\r\n    display: block;\r\n    background:url("+n+");\r\n    -webkit-background-size: contain;\r\n    background-size: 8px;\r\n    position: absolute;\r\n    width:100%;\r\n    height:100%;\r\n    top:0;\r\n    left:0;\r\n}\r\n.fcolorpicker .color-latest .color-item{\r\n    width:26px;\r\n    height:18px;\r\n    background:rgba(255,255,255,1);\r\n    border-radius:2px;\r\n    /*border:1px solid rgba(224,224,224,1);*/\r\n    flex:0 0 26px;\r\n    margin-right: 4px;\r\n    margin-bottom: 4px;\r\n}\r\n.fcolorpicker .color-btns{\r\n    display: block;\r\n    /*justify-content: space-between;*/\r\n    padding-top: 10px;\r\n    /*align-items: center;*/\r\n}\r\n.fcolorpicker .color-btns .color-preview{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom:6px;\r\n}\r\n.fcolorpicker .color-palette{\r\n    display: flex;\r\n    height: 131px;\r\n    /*padding: 8px;*/\r\n    margin-top:6px;\r\n}\r\n.fcolorpicker .color-palette .lightness{\r\n    flex:0 0 212px;\r\n    height: 129px;\r\n    margin-right: 8px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n    overflow: visible;\r\n}\r\n.fcolorpicker .color-palette .lightness canvas{\r\n    width:100%;\r\n    height: 100%;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .hue{\r\n    flex:0 0 6px;\r\n    margin-right: 8px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n}\r\n.fcolorpicker .color-palette .hue canvas,.color-palette .opacity canvas{\r\n    height: 100%;\r\n    width: 100%;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .opacity{\r\n    flex:0 0 6px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n}\r\n.fcolorpicker .color-palette .opacity canvas{\r\n    background:url("+n+");\r\n    -webkit-background-size: contain;\r\n    background-size: contain;\r\n}\r\n.fcolorpicker .color-palette .lightbar{\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    left: 0px;\r\n    box-shadow: 0 0px 2px rgba(204,204,192,1);\r\n    pointer-events: none;\r\n    margin-top: -7px;\r\n    margin-left:-7px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: none;\r\n    border: 4px solid #e0e0e0;\r\n    box-sizing: border-box;\r\n}\r\n.fcolorpicker .color-palette .huebar,.color-palette .opacitybar{\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    left: -4px;\r\n    box-shadow: 0 2px 7px -1px rgb(81 81 78);\r\n    pointer-events: none;\r\n    margin-top: -7px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: #fff;\r\n    box-sizing: border-box;\r\n    z-index:9;\r\n}\r\n.fcolorpicker .current-color{\r\n    border-radius: 2px;\r\n    flex: 0 0 26px;\r\n    height: 26px;\r\n    /*border: 1px solid #f3f3f3;*/\r\n}\r\n.current-color-value{\r\n    border: 1px solid #ccc;\r\n    line-height: 24px;\r\n    height: 24px;\r\n    margin-left: 2px;\r\n    flex:auto;\r\n    padding: 0 6px;\r\n    font-size: 12px;\r\n    border-radius: 2px;\r\n    color: #666;\r\n    background: #fff;\r\n\r\n}\r\n.current-color-value input{\r\n    width: 100%;\r\n    border: 0;\r\n    outline: none;\r\n    color: #666;\r\n}\r\n.fcolorpicker .color-btn-group{\r\n    align-items: center;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    flex: 0 0 82px;\r\n}\r\n.fcolorpicker .color-btn-group>a{\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    background: red;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    height: 27px;\r\n    border-radius: 2px;\r\n    line-height: 26px;\r\n    padding: 0 10px;\r\n    margin-left: 6px;\r\n}\r\n.fcolorpicker .color-btn-group .cancel-color{\r\n    background: #d9e5f4;\r\n    color: #333;\r\n}\r\n.fcolorpicker .color-btn-group .confirm-color{\r\n    background: #57a4ff;\r\n}\r\n\r\n\r\n.fcolorpicker .color-gradient{\r\n    width: calc(100% - 18px);\r\n    margin-left: 9px;\r\n}\r\n.fcolorpicker .gradient-bar-container{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    padding-top:34px;\r\n}\r\n\r\n\r\n.fcolorpicker .gradient-colors{\r\n    position: absolute;\r\n    width: calc(100% - 22px);\r\n    left: 0;\r\n    top: 6px;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item{\r\n    width:16px;\r\n    height:16px;\r\n    position: absolute;\r\n    top:0;\r\n    border:1px solid #d9d7d7;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-left: -9px;\r\n    cursor: pointer;\r\n    background: #fff;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.on{\r\n    border:1px solid #57a4ff;\r\n    /*background: #57a4ff;*/\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.deleting-item:after{\r\n    content:'';\r\n    display: block;\r\n    position: absolute;\r\n    width:100%;\r\n    height:100%;\r\n    background: rgba(0,0,0,.5);\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item:before{\r\n    position: absolute;\r\n    top: 12px;\r\n    color: #928f8f;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item .color{\r\n    background:blue;\r\n    width:12px;\r\n    height:12px;\r\n}\r\n.fcolorpicker .gradient-bar{\r\n    flex:auto;\r\n    height:14px;\r\n\r\n    margin-right:6px;\r\n    position: relative;\r\n}\r\n.fcolorpicker .gradient-bar span{\r\n    position: absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n    display: block;\r\n}\r\n.fcolorpicker .gradient-bar:before{\r\n    content:'';\r\n    display: block;\r\n    position: absolute;\r\n    left:0;\r\n    top:0;\r\n    width:100%;\r\n    height:100%;\r\n    background: url("+n+");\r\n    background-size: 10px;\r\n}\r\n.fcolorpicker .add-gradient{\r\n    flex:0 0 16px;\r\n    height:16px;\r\n    width:16px;\r\n    color: #57A4FF;\r\n    cursor:pointer;\r\n}\r\n.fcolorpicker .gradient-angle{\r\n    padding-top: 10px;\r\n    margin-bottom:22px;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle{\r\n    width:100%;\r\n    height:4px;\r\n    background:#d5d3d3;\r\n    position: relative;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle div{\r\n    width:14px;\r\n    height:14px;\r\n    border-radius:50%;\r\n    background:#57A4FF;\r\n    position: absolute;\r\n    top: -6px;\r\n    margin-left:-7px;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle span{\r\n    font-size: 12px;\r\n    position: absolute;\r\n    top: 8px;\r\n}\r\n.fcolorpicker .color-type{\r\n    font-size:14px;\r\n    margin-bottom:0px;\r\n}\r\n.fcolorpicker .color-type span{\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-type .on{\r\n    color: #57a4ff;\r\n    font-weight: BOLD;\r\n}\r\n.fcolorpicker .color-slidedown{\r\n    position: relative;\r\n    display: inline-block;\r\n    padding-right:14px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    margin-right:2px;\r\n}\r\n.fcolorpicker .color-slidedown:before{\r\n    position: absolute;\r\n    right: 0px;\r\n    top: 3px;\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n.fcolorpicker .color-slidedown p{\r\n    margin:0;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-slidedown ul{\r\n    display: block;\r\n    position: absolute;\r\n    background: #000;\r\n    z-index: 9;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    line-height: 26px;\r\n    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);\r\n    border-radius: 2px;\r\n    padding: 4px 10px;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    white-space: nowrap;\r\n    display: none;\r\n}\r\n.fcolorpicker .color-slidedown.down ul{\r\n    display: block;\r\n}\r\n.fcolorpicker .color-slidedown ul li{\r\n    cursor: pointer;\r\n}\r\n\r\n.fcolorpicker .color-slidedown.color-format-type ul{\r\n    bottom:20px;\r\n}\r\n","",{version:3,sources:["webpack://./src/xncolorpicker.css"],names:[],mappings:"AAAA;IACI,WAAW;IACX,YAAY;IACZ,eAAe;AACnB;AACA;IACI,YAAY;IACZ,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,UAAU;IACV,iBAAiB;IACjB,sBAAsB;IACtB,eAAe;IACf,iBAAiB;IACjB,iBAAiB;AACrB;AACA;IACI,YAAY;AAChB;AACA;IACI,YAAY;AAChB;AACA;IACI,aAAa;IACb,eAAe;IACf,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,iBAAiB;AACrB;AACA;IACI,aAAa;IACb,eAAe;IACf,UAAU;IACV,WAAW;IACX,4BAA4B;IAC5B,6BAA6B;IAC7B,kBAAkB;IAClB,gBAAgB;IAChB,kBAAkB;IAClB,sCAAsC;IACtC,4BAA4B;AAChC;AACA;IACI,kBAAkB;IAClB,cAAc;IACd,oBAAoB;IACpB,WAAW;IACX,YAAY;AAChB;AACA;IACI,UAAU;IACV,cAAc;IACd,kDAA2B;IAC3B,gCAAgC;IAChC,oBAAoB;IACpB,kBAAkB;IAClB,UAAU;IACV,WAAW;IACX,KAAK;IACL,MAAM;AACV;AACA;IACI,UAAU;IACV,WAAW;IACX,8BAA8B;IAC9B,iBAAiB;IACjB,wCAAwC;IACxC,aAAa;IACb,iBAAiB;IACjB,kBAAkB;AACtB;AACA;IACI,cAAc;IACd,kCAAkC;IAClC,iBAAiB;IACjB,uBAAuB;AAC3B;AACA;IACI,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,iBAAiB;AACrB;AACA;IACI,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,cAAc;AAClB;AACA;IACI,cAAc;IACd,aAAa;IACb,iBAAiB;IACjB,yBAAyB;IACzB,kBAAkB;IAClB,iBAAiB;AACrB;AACA;IACI,UAAU;IACV,YAAY;IACZ,eAAe;AACnB;AACA;IACI,YAAY;IACZ,iBAAiB;IACjB,yBAAyB;IACzB,kBAAkB;AACtB;AACA;IACI,YAAY;IACZ,WAAW;IACX,eAAe;AACnB;AACA;IACI,YAAY;IACZ,yBAAyB;IACzB,kBAAkB;AACtB;AACA;IACI,kDAA2B;IAC3B,gCAAgC;IAChC,wBAAwB;AAC5B;AACA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,SAAS;IACT,yCAAyC;IACzC,oBAAoB;IACpB,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,yBAAyB;IACzB,sBAAsB;AAC1B;AACA;IACI,kBAAkB;IAClB,kBAAkB;IAClB,UAAU;IACV,wCAAwC;IACxC,oBAAoB;IACpB,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,sBAAsB;IACtB,SAAS;AACb;AACA;IACI,kBAAkB;IAClB,cAAc;IACd,YAAY;IACZ,6BAA6B;AACjC;AACA;IACI,sBAAsB;IACtB,iBAAiB;IACjB,YAAY;IACZ,gBAAgB;IAChB,SAAS;IACT,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,WAAW;IACX,gBAAgB;;AAEpB;AACA;IACI,WAAW;IACX,SAAS;IACT,aAAa;IACb,WAAW;AACf;AACA;IACI,mBAAmB;IACnB,aAAa;IACb,yBAAyB;IACzB,cAAc;AAClB;AACA;IACI,qBAAqB;IACrB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,WAAW;IACX,eAAe;IACf,YAAY;IACZ,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;AACpB;AACA;IACI,mBAAmB;IACnB,WAAW;AACf;AACA;IACI,mBAAmB;AACvB;;;AAGA;IACI,wBAAwB;IACxB,gBAAgB;AACpB;AACA;IACI,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAC9B,kBAAkB;IAClB,gBAAgB;AACpB;;;AAGA;IACI,kBAAkB;IAClB,wBAAwB;IACxB,OAAO;IACP,QAAQ;AACZ;AACA;IACI,UAAU;IACV,WAAW;IACX,kBAAkB;IAClB,KAAK;IACL,wBAAwB;IACxB,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;AACpB;AACA;IACI,wBAAwB;IACxB,uBAAuB;AAC3B;AACA;IACI,UAAU;IACV,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,WAAW;IACX,0BAA0B;AAC9B;AACA;IACI,kBAAkB;IAClB,SAAS;IACT,cAAc;AAClB;AACA;IACI,eAAe;IACf,UAAU;IACV,WAAW;AACf;AACA;IACI,SAAS;IACT,WAAW;;IAEX,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,kBAAkB;IAClB,KAAK;IACL,MAAM;IACN,UAAU;IACV,WAAW;IACX,cAAc;AAClB;AACA;IACI,UAAU;IACV,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,KAAK;IACL,UAAU;IACV,WAAW;IACX,mDAA4B;IAC5B,qBAAqB;AACzB;AACA;IACI,aAAa;IACb,WAAW;IACX,UAAU;IACV,cAAc;IACd,cAAc;AAClB;AACA;IACI,iBAAiB;IACjB,kBAAkB;AACtB;AACA;IACI,UAAU;IACV,UAAU;IACV,kBAAkB;IAClB,kBAAkB;AACtB;AACA;IACI,UAAU;IACV,WAAW;IACX,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,SAAS;IACT,gBAAgB;IAChB,eAAe;AACnB;AACA;IACI,eAAe;IACf,kBAAkB;IAClB,QAAQ;AACZ;AACA;IACI,cAAc;IACd,iBAAiB;AACrB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;IACd,iBAAiB;AACrB;AACA;IACI,kBAAkB;IAClB,qBAAqB;IACrB,kBAAkB;IAClB,eAAe;IACf,eAAe;IACf,gBAAgB;AACpB;AACA;IACI,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,eAAe;IACf,WAAW;AACf;AACA;IACI,QAAQ;IACR,eAAe;AACnB;AACA;IACI,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,SAAS;IACT,iBAAiB;IACjB,sCAAsC;IACtC,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,WAAW;IACX,mBAAmB;IACnB,aAAa;AACjB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;;AAEA;IACI,WAAW;AACf",sourcesContent:[".fcolorpicker-curbox{\r\n    width: 30px;\r\n    height: 30px;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker{\r\n    width: 264px;\r\n    background: #fff;\r\n    border:1px solid #ccc;\r\n    position: fixed;\r\n    top: 100px;\r\n    padding: 6px 10px;\r\n    box-sizing: border-box;\r\n    z-index: 999999;\r\n    /*display: none;*/\r\n    user-select: none;\r\n}\r\n.fcolorpicker.canmove{\r\n    cursor: move;\r\n}\r\n.fcolorpicker>*{\r\n    cursor: auto;\r\n}\r\n.fcolorpicker .fcolor-list{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    border-bottom: 1px solid #ddd;\r\n    margin-left: 2px;\r\n    padding: 4px 0;\r\n    padding-bottom: 0;\r\n}\r\n.fcolorpicker .color-item{\r\n    flex:0 0 39px;\r\n    cursor: pointer;\r\n    width:39px;\r\n    height:18px;\r\n    background:rgba(239,83,79,1);\r\n    border-radius:2px 0px 0px 0px;\r\n    margin-bottom: 1px;\r\n    margin-right:1px;\r\n    position: relative;\r\n    /*background-image: url(opacity.png);*/\r\n    /*border:1px solid #E0E0E0;*/\r\n}\r\n.fcolorpicker .color-item span{\r\n    position: absolute;\r\n    display: block;\r\n    pointer-events: none;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.fcolorpicker .color-item:before{\r\n    content:'';\r\n    display: block;\r\n    background:url(opacity.png);\r\n    -webkit-background-size: contain;\r\n    background-size: 8px;\r\n    position: absolute;\r\n    width:100%;\r\n    height:100%;\r\n    top:0;\r\n    left:0;\r\n}\r\n.fcolorpicker .color-latest .color-item{\r\n    width:26px;\r\n    height:18px;\r\n    background:rgba(255,255,255,1);\r\n    border-radius:2px;\r\n    /*border:1px solid rgba(224,224,224,1);*/\r\n    flex:0 0 26px;\r\n    margin-right: 4px;\r\n    margin-bottom: 4px;\r\n}\r\n.fcolorpicker .color-btns{\r\n    display: block;\r\n    /*justify-content: space-between;*/\r\n    padding-top: 10px;\r\n    /*align-items: center;*/\r\n}\r\n.fcolorpicker .color-btns .color-preview{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom:6px;\r\n}\r\n.fcolorpicker .color-palette{\r\n    display: flex;\r\n    height: 131px;\r\n    /*padding: 8px;*/\r\n    margin-top:6px;\r\n}\r\n.fcolorpicker .color-palette .lightness{\r\n    flex:0 0 212px;\r\n    height: 129px;\r\n    margin-right: 8px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n    overflow: visible;\r\n}\r\n.fcolorpicker .color-palette .lightness canvas{\r\n    width:100%;\r\n    height: 100%;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .hue{\r\n    flex:0 0 6px;\r\n    margin-right: 8px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n}\r\n.fcolorpicker .color-palette .hue canvas,.color-palette .opacity canvas{\r\n    height: 100%;\r\n    width: 100%;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .opacity{\r\n    flex:0 0 6px;\r\n    /*border:1px solid #ccc;*/\r\n    position: relative;\r\n}\r\n.fcolorpicker .color-palette .opacity canvas{\r\n    background:url(opacity.png);\r\n    -webkit-background-size: contain;\r\n    background-size: contain;\r\n}\r\n.fcolorpicker .color-palette .lightbar{\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    left: 0px;\r\n    box-shadow: 0 0px 2px rgba(204,204,192,1);\r\n    pointer-events: none;\r\n    margin-top: -7px;\r\n    margin-left:-7px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: none;\r\n    border: 4px solid #e0e0e0;\r\n    box-sizing: border-box;\r\n}\r\n.fcolorpicker .color-palette .huebar,.color-palette .opacitybar{\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    left: -4px;\r\n    box-shadow: 0 2px 7px -1px rgb(81 81 78);\r\n    pointer-events: none;\r\n    margin-top: -7px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: #fff;\r\n    box-sizing: border-box;\r\n    z-index:9;\r\n}\r\n.fcolorpicker .current-color{\r\n    border-radius: 2px;\r\n    flex: 0 0 26px;\r\n    height: 26px;\r\n    /*border: 1px solid #f3f3f3;*/\r\n}\r\n.current-color-value{\r\n    border: 1px solid #ccc;\r\n    line-height: 24px;\r\n    height: 24px;\r\n    margin-left: 2px;\r\n    flex:auto;\r\n    padding: 0 6px;\r\n    font-size: 12px;\r\n    border-radius: 2px;\r\n    color: #666;\r\n    background: #fff;\r\n\r\n}\r\n.current-color-value input{\r\n    width: 100%;\r\n    border: 0;\r\n    outline: none;\r\n    color: #666;\r\n}\r\n.fcolorpicker .color-btn-group{\r\n    align-items: center;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    flex: 0 0 82px;\r\n}\r\n.fcolorpicker .color-btn-group>a{\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    background: red;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    height: 27px;\r\n    border-radius: 2px;\r\n    line-height: 26px;\r\n    padding: 0 10px;\r\n    margin-left: 6px;\r\n}\r\n.fcolorpicker .color-btn-group .cancel-color{\r\n    background: #d9e5f4;\r\n    color: #333;\r\n}\r\n.fcolorpicker .color-btn-group .confirm-color{\r\n    background: #57a4ff;\r\n}\r\n\r\n\r\n.fcolorpicker .color-gradient{\r\n    width: calc(100% - 18px);\r\n    margin-left: 9px;\r\n}\r\n.fcolorpicker .gradient-bar-container{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    padding-top:34px;\r\n}\r\n\r\n\r\n.fcolorpicker .gradient-colors{\r\n    position: absolute;\r\n    width: calc(100% - 22px);\r\n    left: 0;\r\n    top: 6px;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item{\r\n    width:16px;\r\n    height:16px;\r\n    position: absolute;\r\n    top:0;\r\n    border:1px solid #d9d7d7;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-left: -9px;\r\n    cursor: pointer;\r\n    background: #fff;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.on{\r\n    border:1px solid #57a4ff;\r\n    /*background: #57a4ff;*/\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.deleting-item:after{\r\n    content:'';\r\n    display: block;\r\n    position: absolute;\r\n    width:100%;\r\n    height:100%;\r\n    background: rgba(0,0,0,.5);\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item:before{\r\n    position: absolute;\r\n    top: 12px;\r\n    color: #928f8f;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item .color{\r\n    background:blue;\r\n    width:12px;\r\n    height:12px;\r\n}\r\n.fcolorpicker .gradient-bar{\r\n    flex:auto;\r\n    height:14px;\r\n\r\n    margin-right:6px;\r\n    position: relative;\r\n}\r\n.fcolorpicker .gradient-bar span{\r\n    position: absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n    display: block;\r\n}\r\n.fcolorpicker .gradient-bar:before{\r\n    content:'';\r\n    display: block;\r\n    position: absolute;\r\n    left:0;\r\n    top:0;\r\n    width:100%;\r\n    height:100%;\r\n    background: url(opacity.png);\r\n    background-size: 10px;\r\n}\r\n.fcolorpicker .add-gradient{\r\n    flex:0 0 16px;\r\n    height:16px;\r\n    width:16px;\r\n    color: #57A4FF;\r\n    cursor:pointer;\r\n}\r\n.fcolorpicker .gradient-angle{\r\n    padding-top: 10px;\r\n    margin-bottom:22px;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle{\r\n    width:100%;\r\n    height:4px;\r\n    background:#d5d3d3;\r\n    position: relative;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle div{\r\n    width:14px;\r\n    height:14px;\r\n    border-radius:50%;\r\n    background:#57A4FF;\r\n    position: absolute;\r\n    top: -6px;\r\n    margin-left:-7px;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle span{\r\n    font-size: 12px;\r\n    position: absolute;\r\n    top: 8px;\r\n}\r\n.fcolorpicker .color-type{\r\n    font-size:14px;\r\n    margin-bottom:0px;\r\n}\r\n.fcolorpicker .color-type span{\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-type .on{\r\n    color: #57a4ff;\r\n    font-weight: BOLD;\r\n}\r\n.fcolorpicker .color-slidedown{\r\n    position: relative;\r\n    display: inline-block;\r\n    padding-right:14px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    margin-right:2px;\r\n}\r\n.fcolorpicker .color-slidedown:before{\r\n    position: absolute;\r\n    right: 0px;\r\n    top: 3px;\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n.fcolorpicker .color-slidedown p{\r\n    margin:0;\r\n    cursor: pointer;\r\n}\r\n.fcolorpicker .color-slidedown ul{\r\n    display: block;\r\n    position: absolute;\r\n    background: #000;\r\n    z-index: 9;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    line-height: 26px;\r\n    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);\r\n    border-radius: 2px;\r\n    padding: 4px 10px;\r\n    font-size: 12px;\r\n    color: #fff;\r\n    white-space: nowrap;\r\n    display: none;\r\n}\r\n.fcolorpicker .color-slidedown.down ul{\r\n    display: block;\r\n}\r\n.fcolorpicker .color-slidedown ul li{\r\n    cursor: pointer;\r\n}\r\n\r\n.fcolorpicker .color-slidedown.color-format-type ul{\r\n    bottom:20px;\r\n}\r\n"],sourceRoot:""}]),o.default=e},"./src/xncolorpicker.css":
 67 | /*!*******************************!*\
 68 |   !*** ./src/xncolorpicker.css ***!
 69 |   \*******************************/function(r,o,n){n.r(o);var t=n(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=n.n(t),t=n(/*! !!../node_modules/css-loader/dist/cjs.js!./xncolorpicker.css */"./node_modules/css-loader/dist/cjs.js!./src/xncolorpicker.css"),n={insert:"head",singleton:!1};e()(t.default,n);o.default=t.default.locals||{}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
 70 | /*!****************************************************************************!*\
 71 |   !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
 72 |   \****************************************************************************/function(r,o,e){var n,t,s=function(){return n=void 0===n?Boolean(window&&document&&document.all&&!window.atob):n},i=(t={},function(r){if(void 0===t[r]){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(r){o=null}t[r]=o}return t[r]}),c=[];function d(r){for(var o=-1,n=0;n<c.length;n++)if(c[n].identifier===r){o=n;break}return o}function a(r,o){for(var n={},t=[],e=0;e<r.length;e++){var i=r[e],l=o.base?i[0]+o.base:i[0],s=n[l]||0,a="".concat(l," ").concat(s);n[l]=s+1;s=d(a),i={css:i[1],media:i[2],sourceMap:i[3]};-1!==s?(c[s].references++,c[s].updater(i)):c.push({identifier:a,updater:function(o,r){var n,t,e;{var i;e=r.singleton?(i=g++,n=u=u||p(r),t=A.bind(null,n,i,!1),A.bind(null,n,i,!0)):(n=p(r),t=function(r,o,n){var t=n.css,e=n.media,n=n.sourceMap;e?r.setAttribute("media",e):r.removeAttribute("media");n&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */"));if(r.styleSheet)r.styleSheet.cssText=t;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(t))}}.bind(null,n,r),function(){var r;null!==(r=n).parentNode&&r.parentNode.removeChild(r)})}return t(o),function(r){r?r.css===o.css&&r.media===o.media&&r.sourceMap===o.sourceMap||t(o=r):e()}}(i,o),references:1}),t.push(a)}return t}function p(r){var o,n=document.createElement("style"),t=r.attributes||{};if(void 0!==t.nonce||(o=e.nc)&&(t.nonce=o),Object.keys(t).forEach(function(r){n.setAttribute(r,t[r])}),"function"==typeof r.insert)r.insert(n);else{r=i(r.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}return n}var l,h=(l=[],function(r,o){return l[r]=o,l.filter(Boolean).join("\n")});function A(r,o,n,t){n=n?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;r.styleSheet?r.styleSheet.cssText=h(o,n):(t=document.createTextNode(n),(n=r.childNodes)[o]&&r.removeChild(n[o]),n.length?r.insertBefore(t,n[o]):r.appendChild(t))}var u=null,g=0;r.exports=function(r,i){(i=i||{}).singleton||"boolean"==typeof i.singleton||(i.singleton=s());var l=a(r=r||[],i);return function(r){if(r=r||[],"[object Array]"===Object.prototype.toString.call(r)){for(var o=0;o<l.length;o++){var n=d(l[o]);c[n].references--}for(var r=a(r,i),t=0;t<l.length;t++){var e=d(l[t]);0===c[e].references&&(c[e].updater(),c.splice(e,1))}l=r}}}},"./src/opacity.png":
 73 | /*!*************************!*\
 74 |   !*** ./src/opacity.png ***!
 75 |   \*************************/function(r,o,n){n.r(o),o.default="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA5SURBVHgB7dOxDQAgDANBgxjE+0/lTYARXKSIIn9tXRNl3R+MJDkzbBQXMGAH8LgfQNLa5SgBR4IPUi8JxinXq5EAAAAASUVORK5CYII="}},t={};function l(r){if(t[r])return t[r].exports;var o=t[r]={id:r,exports:{}};return n[r](o,o.exports,l),o.exports}l.n=function(r){var o=r&&r.__esModule?function(){return r.default}:function(){return r};return l.d(o,{a:o}),o},l.d=function(r,o){for(var n in o)l.o(o,n)&&!l.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:o[n]})},l.o=function(r,o){return Object.prototype.hasOwnProperty.call(r,o)},l.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},function(){
 76 | /*!******************************!*\
 77 |   !*** ./src/xncolorpicker.js ***!
 78 |   \******************************/
 79 | var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r};l(/*! ./xnquery.js */"./src/xnquery.js");var t=(r=r=l(/*! ./colorFormat.min.js */"./src/colorFormat.min.js"))&&r.__esModule?r:{default:r};l(/*! ./xncolorpicker.css */"./src/xncolorpicker.css");var e,s,o,r=(r=document.getElementsByTagName("script"))[r.length-1];function i(r){this.pos={left:0,top:0},this.moved=!1,this.id=this.getRandomString(),this.btns={cn:["取消","确定"],en:["Cancel","OK"]},this.colorTypeList={cn:{single:"纯色","linear-gradient":"线性渐变","radial-gradient":"径向渐变"},en:{single:"Solid","linear-gradient":"Linear","radial-gradient":"Radial"}},this.show=!1,this.option=s.extend({},o,r),r.prevcolors?this.option.prevcolors=r.prevcolors:this.option.prevcolors=o.prevcolors,this.option.colorTypeOption=this.option.colorTypeOption?this.option.colorTypeOption.split(","):["single","linear-gradient","radial-gradient"],this.currentColorFormat=this.option.format,this.option.selector,this.$el=s(this.option.selector),this.lastColor=this.option.color,this.initCurrentColorBox(),this.addPosEvent()}(r=document.querySelector?r.src:r.getAttribute("src",4)).substr(0,+r.lastIndexOf("/")),
 80 | function(r){for(var o=0;o<r.length;o++){var n=r[o],t=document.getElementsByTagName("head")[0],e=document.createElement("link");e.type="text/css",e.rel="stylesheet",e.href=n,t.appendChild(e)}}(["//at.alicdn.com/t/font_2330183_hjqs7adohe.css"]),e=window,s=XNQuery,o={color:"#ffffff",selector:"",showprecolor:!0,prevcolors:["#EF534F","#BA69C8","#FFD54F","#81C784","#7FDEEA","#90CAF9","#F44436","#AB47BC","#FFC106","#66BB6A","#25C6DA","#4EC3F7","#E53934","#9D27B0","#FFA726","#4CAF50","#00ACC1","#29B6F6","#D32E30","#8F24AA","#FB8C01","#378E3C","#0097A7","#02AAF4","#C62928","#7B1FA2","#F57C02","#2F7D31","#00838F","#029BE5","#B71B1C","#6A1B9A","#EF6C00","#34691D","#006164","#0388D1","#980A0B","#4A148C","#E65100","#1A5E20","#004D41","#01579B","#00000000","#FFFFFF","#DBDBDB","#979797","#606060","#000000"],showhistorycolor:!0,historycolornum:16,format:"rgba",showPalette:!0,show:!1,alwaysShow:!1,lang:"cn",colorTypeOption:"single,linear-gradient,radial-gradient",canMove:!0,autoConfirm:!1},i.prototype={getRandomString:function(r){r=r||8;for(var o="ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz",n=o.length,t="",e=0;e<r;e++)t+=o.charAt(Math.floor(Math.random()*n));return t},initCurrentColorBox:function(){var o=this;this.curcolordom=document.createElement("div"),this.curcolordom.classList.add("fcolorpicker-curbox"),this.curcolordom.style.background=this.option.color,this.$el.empty().append(this.curcolordom),this.curcolordom.onclick=function(r){o.changeShow()},this.option.show&&(o.init(),s(o.dom).show())},changeShow:function(r){this.dom&&"block"==s(this.dom).css("display")||r?this.option.alwaysShow||(s(this.dom).remove(),this.dom=null,this.moved=!1,this.show=!1):(this.init(),s(this.dom).show(),this.show=!0,this.setPosition())},init:function(){this.initDom(),this.initColorFormat(),this.option.showPalette?(this.initPalette(),this.initColorBand(),this.initOpacity()):this.dom.querySelector(".color-palette").style.display="none",this.setPrevColors(),this.getHistoryColors(),this.setPosition(),this.changeColorFormatType(!0),s(this.dom).hide()},initDom:function(){var r=!0,o=document.body.querySelector(".fcolorpicker#"+this.id);o||((o=document.createElement("div")).classList.add("fcolorpicker"),this.option.canMove&&o.classList.add("canmove"),o.id=this.id,r=!1);for(var n="",t=0;t<this.option.colorTypeOption.length;t++){var e=this.option.colorTypeOption[t];n+='<li class="color-type-item" data-type="'+e+'">'+this.colorTypeList[this.option.lang][e]+"</li>"}var i='\n            <div class="color-type color-slidedown iconfontcolorpicker iconcolorpickerxiala">\n               <p class="color-slidedown-curbox"></p>\n               <ul>\n                   '+n+'\n               </ul>\n            </div>\n            <div class="color-gradient">\n                <div class="gradient-bar-container">\n                    <div class="gradient-colors">\n                        <div class="gradient-item iconfontcolorpicker iconcolorpicker1" style="left:10%">\n                            <div class="color"></div>\n                        </div>\n                        <div class="gradient-item iconfontcolorpicker iconcolorpicker1" style="left:20%">\n                            <div class="color"></div>\n                        </div>\n                    </div>\n                    <div class="gradient-bar">\n                        <span></span>\n                    </div>\n                    <a class="add-gradient iconfontcolorpicker iconcolorpicker11"></a>\n                </div>\n                <div class="gradient-angle">\n                    <div class="current-angle">\n                      <div class="angle-bar"></div>\n                      <span>30°</span>\n</div>\n</div>\n            </div>\n            <div class="color-palette">\n                <div class="lightness">\n                    <div class="lightbar"></div>\n                </div>\n                <div class="hue">\n                    <div class="huebar"></div>\n                </div>\n                <div class="opacity">\n                    <div class="opacitybar"></div>\n                </div>\n            </div>\n            \x3c!--            <p>最近使用</p>--\x3e\n            <div class="color-latest fcolor-list">\n            </div>\n\x3c!--            <p>预置颜色</p>--\x3e\n            <div class="color-recommend fcolor-list">\n            </div>\n\n            <div class="color-btns">\n                <div class="color-preview">\n                    <div class="color-format-type color-slidedown iconfontcolorpicker iconcolorpickerxiala">\n                       <p class="color-slidedown-curbox">RGBA</p>\n                       <ul>\n                        <li class="color-format-type-item" data-type="rgba">RGBA</li>\n                        <li class="color-format-type-item" data-type="hex">HEX</li>\n                        <li class="color-format-type-item" data-type="hsla">HSLA</li>\n                       </ul>\n                    </div>\n                    <div class="current-color"></div>\n                    <div class="current-color-value">\n                        <input type="text" onfocus="this.select()">\n                    </div>\n                </div>\n                \n                <div class="color-btn-group">\n                    <a class="cancel-color">'+this.btns[this.option.lang][0]+'</a>\n                    <a class="confirm-color">'+this.btns[this.option.lang][1]+"</a>\n                </div>\n            </div>";o.innerHTML=i,this.dom=o,document.body.appendChild(this.dom),this.canvasSize={width:212,height:129},this.lightbar=this.dom.querySelector(".lightbar"),this.huebar=this.dom.querySelector(".huebar"),this.opacitybar=this.dom.querySelector(".opacitybar"),this.option.showprecolor||s(this.dom).find(".color-recommend").hide(),this.option.showhistorycolor||s(this.dom).find(".color-latest").hide(),this.option.colorTypeOption.length<2&&s(this.dom).find(".color-type").remove(),this.setPosition(),r||this.addEvent(),this.addBlurEvent()},addPosEvent:function(){var r=this;e.addEventListener("scroll",function(){r.setPosition()}),e.addEventListener("resize",function(){r.setPosition()})},moveDom:function(r,o){var n;this.dom&&(this.moved=!0,n=o.clientX-r.x+this.pos.left,r=o.clientY-r.y+this.pos.top,this.dom.style.top=r+"px",this.dom.style.left=n+"px")},setPosition:function(){var r,o,n,t,e,i,l;this.dom&&!this.moved&&this.show&&(r=document.documentElement.clientWidth,o=document.documentElement.clientHeight,t=(n=this.$el.get(0).querySelector("div")).getBoundingClientRect().top,l=n.getBoundingClientRect().left,e=s(this.dom).outerWidth(),i=s(this.dom).outerHeight(),l=r-l<=e?l-e-10:l+10+n.offsetWidth,(t=o-t<i?t-i-n.offsetHeight:t)<10&&(t=10),this.dom.style.top=t+"px",this.dom.style.left=l+"px",this.pos={left:l,top:t})},addHistoryColors:function(){var r=this.color[this.currentColorFormat];this.hiscolors||(this.hiscolors=[]);for(var o=0;o<this.hiscolors.length;o++)if((0,t.default)({color:this.hiscolors[o],format:this.currentColorFormat}).complete==r){this.hiscolors.splice(o,1);break}this.hiscolors.unshift(r),e.localStorage.setItem("fcolorpicker",this.hiscolors.join(";")),this.rendHisColors(),this.setPosition()},getHistoryColors:function(){var r=e.localStorage.getItem("fcolorpicker");this.hiscolors=(r||"").split(";"),this.rendHisColors()},clearHistoryColors:function(){this.hiscolors=[],e.localStorage.setItem("fcolorpicker",this.hiscolors.join(";")),this.rendHisColors(),this.setPosition()},rendHisColors:function(){if(this.option.showhistorycolor){s(this.dom).find(".color-latest").empty();for(var r,o=0;o<(this.option.historycolornum<0?this.hiscolors.length:this.option.historycolornum);o++)this.hiscolors[o]&&""!=this.hiscolors[o]&&(r='\n                    <div class="color-item" data-color="'+this.hiscolors[o]+'">\n                    <span style="background:'+this.hiscolors[o]+'"></span>\n</div>\n                ',s(this.dom).find(".color-latest").append(r))}},setPrevColors:function(){if(this.option.showprecolor)for(var r=0;r<this.option.prevcolors.length;r++){var o='\n                    <div class="color-item" data-color="'+this.option.prevcolors[r]+'">\n                    <span style="background:'+this.option.prevcolors[r]+'"></span>\n</div>\n                ';s(this.dom).find(".color-recommend").append(o)}},addBlurEvent:function(){var o=this;this.dom.querySelector("input").onblur=function(r){o.setColor(o.dom.querySelector(".current-color-value input").value)}},cancleFun:function(){this.initColorFormat(this.lastColor,!0);var r={colorType:this.currentColorType};"single"==this.currentColorType?(r.color=this.color,this.lastColor=this.color.rgba):(r.color=this.gradientColor,this.lastColor=this.gradientColor.str),this.changeCurColorDom(),this.option.onCancel(r),this.changeShow(!0)},getCurrentColor:function(r){this.initColorFormat(this.dom.querySelector(".current-color-value input").value,!0),this.addHistoryColors();var o={colorType:this.currentColorType};return"single"==this.currentColorType?(o.color=this.color,r&&(this.lastColor=this.color.rgba)):(o.color=this.gradientColor,r&&(this.lastColor=this.gradientColor.str)),this.changeCurColorDom(),o},addEvent:function(){var t=this,e=null,i=this,l={top:0,left:0,bartop:0,isGradientBar:!1,$ele:null};i.dom.addEventListener("mousedown",function(r){var o,n=s(r.target);e=null,0<n.parents(".lightness").length()&&(e="lightness"),0<n.parents(".hue").length()&&(e="hue",o=100*r.offsetY/i.canvasSize.height,i.huebar.style.top=o.toFixed(2)+"%",l.bartop=parseFloat(i.huebar.style.top)),0<n.parents(".opacity").length()&&(e="opacity",o=100*r.offsetY/i.canvasSize.height,i.opacitybar.style.top=o.toFixed(2)+"%",l.bartop=parseFloat(i.opacitybar.style.top)),l.x=r.clientX,l.y=r.clientY,e&&i.changeColor(e,r,null),(n=n.parents(".gradient-item").get(0)?n.parents(".gradient-item"):n).hasClass("gradient-item")&&(l.isGradientBar=!0,t.gradientIndex=n.index(),t.updateGradientBar(),t.setCurrentGradientColor(),l.$ele=n),n.hasClass("add-gradient")&&(t.gradientColor.arry.colors.push({per:100,color:"#ffffff"}),t.gradientColor=t.revertGradientToString(t.gradientColor.arry),t.gradientIndex=t.gradientColor.arry.colors.length-1,t.rendInputValue(),t.rendGradientColors(),t.updateGradientBar()),n.hasClass("angle-bar")&&(l.isGradientBar=!1,l.isAngleBar=!0),n.get(0)==t.dom&&t.option.canMove?l.isMove=!0:l.isMove=!1}),document.addEventListener("mousemove",function(r){var o;e?i.changeColor(e,r,l):l.isGradientBar?(o=(100*(r.clientX-s(t.dom).find(".gradient-colors").get(0).getBoundingClientRect().left)/s(t.dom).find(".gradient-colors").get(0).getBoundingClientRect().width).toFixed(1),t.gradientColor.arry.colors.length<3?(o=100<o?100:o)<0&&(o=0):-5<=(o=100<o&&o<=105?100:o)&&o<0&&(o=0),t.gradientColor.arry.colors[t.gradientIndex].per=o,l.$ele.css({left:o+"%"}),t.updateGradientColors(!0),t.changeCurColorDom(),o<-5||105<o?l.$ele.addClass("deleting-item"):l.$ele.removeClass("deleting-item")):l.isAngleBar&&(360<(o=(o=(360*(r.clientX-s(t.dom).find(".gradient-angle").get(0).getBoundingClientRect().left)/s(t.dom).find(".gradient-angle").get(0).getBoundingClientRect().width).toFixed(1))<0?0:o)&&(o=360),t.gradientColor.arry.angle=o,t.updateAngleBar(),t.updateGradientColors(),t.changeCurColorDom()),l.isMove&&t.moveDom(l,r)}),document.addEventListener("mouseup",function(r){var o;l.isGradientBar&&(o=(100*(r.clientX-s(t.dom).find(".gradient-colors").get(0).getBoundingClientRect().left)/s(t.dom).find(".gradient-colors").get(0).getBoundingClientRect().width).toFixed(1),2<t.gradientColor.arry.colors.length&&(105<o||o<-5)&&(t.gradientColor.arry.colors.splice(t.gradientIndex,1),l.$ele.remove(),t.updateGradientBar(),t.gradientColor=t.revertGradientToString(t.gradientColor.arry),t.rendInputValue()),o=i.getCurrentColor(t.option.autoConfirm),i.option.onChange(o),t.option.autoConfirm&&t.option.onConfirm(o)),(e||l.isAngleBar)&&(o=i.getCurrentColor(t.option.autoConfirm),i.option.onChange(o),t.option.autoConfirm&&t.option.onConfirm(o)),e=null,l.isGradientBar=!1,l.isAngleBar=!1,l.isMove&&(o=r.clientX-l.x+t.pos.left,r=r.clientY-l.y+t.pos.top,t.pos.left=o,t.pos.top=r),l.isMove=!1}),this.dom.addEventListener("click",function(r){r.stopPropagation();var o,r=s(r.target);if(r.hasClass("color-item")){i.getColorFormat(r.attr("data-color")),i.fillOpacity(),i.fillPalette(),i.addHistoryColors(),"single"!=t.currentColorType&&(t.updateGradientColors(),t.changeCurColorDom());var n=i.getCurrentColor(t.option.autoConfirm);return i.option.onChange(n),void(t.option.autoConfirm&&t.option.onConfirm(n))}if(r.hasClass("cancel-color")&&t.cancleFun(),r.hasClass("confirm-color")){n=i.getCurrentColor(!0);return i.option.onConfirm(n),void i.changeShow(!0)}(r=r.hasClass("color-slidedown-curbox")?r.parent():r).hasClass("color-slidedown")&&(r.hasClass("down")?r.removeClass("down"):r.addClass("down")),r.hasClass("color-type-item")&&(r.hasClass("on")?r.parents(".color-slidedown").removeClass("down"):(o=r.attr("data-type"),t.currentColorType=o,t.changeColorType())),r.hasClass("color-format-type-item")&&(r.hasClass("on")?r.parents(".color-slidedown").removeClass("down"):(o=r.attr("data-type"),t.currentColorFormat=o,t.changeColorFormatType()))});function r(r){r.stopPropagation(),i.dom&&r.target!=i.dom&&s(r.target).parents(".fcolorpicker").get(0)!=i.dom&&s(r.target).get(0)!=i.curcolordom&&"block"==s(i.dom).css("display")&&i.cancleFun(),s(t.dom).find(".color-slidedown").not(s(r.target).parents(".color-slidedown").get(0)).removeClass("down")}this.removeMouseDownEvent=function(){document.removeEventListener("mousedown",r)},document.addEventListener("mousedown",r)},changeColor:function(r,o,n){if(r){var t=o.offsetX,e=o.offsetY;if(n){var i=100*(o.clientY-n.y)/this.canvasSize.height+n.bartop;if(99.9<i&&"lightness"!=r)return;i<0&&(i=0)}else i=(100*o.offsetY/this.canvasSize.height).toFixed(2);switch(r){case"hue":this.huebar.style.top=i+"%",c="hsla("+360*i/100+","+this.color.hslav[1]+"%,"+this.color.hslav[2]+"%,"+this.color.hslav[3]+")";break;case"lightness":t=o.clientX-this.dom.querySelector(".lightness").getBoundingClientRect().left;(e=o.clientY-this.dom.querySelector(".lightness").getBoundingClientRect().top)<0&&(e=0),(t=t<0?0:t)>this.dom.querySelector(".lightness canvas").getBoundingClientRect().width&&(t=this.dom.querySelector(".lightness canvas").getBoundingClientRect().width),e>this.dom.querySelector(".lightness canvas").getBoundingClientRect().height&&(e=this.dom.querySelector(".lightness canvas").getBoundingClientRect().height);var l=this.color.hslav[0],s=t/this.canvasSize.width*100,a=100-e/this.canvasSize.height*100,a=this.HSBToRGB({h:l,s:s,b:a}),c="rgba("+a.r+","+a.g+","+a.b+","+this.color.rgbav[3]+")";this.lightbar.style.top=e+"px",this.lightbar.style.left=t+"px";break;case"opacity":i=99.2<i?100:i,this.opacitybar.style.top=i+"%",c="rgba("+this.color.rgbav[0]+","+this.color.rgbav[1]+","+this.color.rgbav[2]+","+((100-i)/100).toFixed(2)+")"}this.getColorFormat(c),"hue"==r&&(this.fillOpacity(),this.fillPalette()),this.setPosition(),"single"!=this.currentColorType&&this.updateGradientColors(),this.changeCurColorDom()}},HSBToRGB:function(r){var o={},n=r.h,t=255*r.s/100,e=255*r.b/100;return 0==t?o.r=o.g=o.b=e:(e=n%60*((r=e)-(t=(255-t)*e/255))/60,(n=360==n?0:n)<60?(o.r=r,o.b=t,o.g=t+e):n<120?(o.g=r,o.b=t,o.r=r-e):n<180?(o.g=r,o.r=t,o.b=t+e):n<240?(o.b=r,o.r=t,o.g=r-e):n<300?(o.b=r,o.g=t,o.r=t+e):n<360?(o.r=r,o.g=t,o.b=r-e):(o.r=0,o.g=0,o.b=0)),{r:Math.round(o.r),g:Math.round(o.g),b:Math.round(o.b)}},updateGradientColors:function(r){this.gradientColor.arry.colors[this.gradientIndex].color=this.color.rgba,this.updateGradientBar(),this.updateGradientColorItem(this.gradientIndex,this.color.rgba),this.gradientColor=this.revertGradientToString(this.gradientColor.arry),this.rendInputValue(),r||this.rendGradientColors()},rendInputValue:function(){this.dom&&this.dom.querySelector(".current-color")&&("single"!=this.currentColorType?(this.dom.querySelector(".current-color").style.background=this.gradientColor.str,this.dom.querySelector(".current-color-value input").value=this.gradientColor.str):(this.dom.querySelector(".current-color").style.background=this.color[this.currentColorFormat],this.dom.querySelector(".current-color-value input").value=this.color[this.currentColorFormat]))},initColorBand:function(){var r=document.createElement("canvas");this.ctxhue=r.getContext("2d"),r.width=10,r.height=this.canvasSize.height,this.dom.querySelector(".color-palette .hue").appendChild(r),this.ctxhue.rect(0,0,10,this.canvasSize.height);r=this.ctxhue.createLinearGradient(0,0,0,this.canvasSize.height);r.addColorStop(0,"rgba(255, 0, 0, 1)"),r.addColorStop(.17,"rgba(255, 255, 0, 1)"),r.addColorStop(.34,"rgba(0, 255, 0, 1)"),r.addColorStop(.51,"rgba(0, 255, 255, 1)"),r.addColorStop(.68,"rgba(0, 0, 255, 1)"),r.addColorStop(.85,"rgba(255, 0, 255, 1)"),r.addColorStop(1,"rgba(255, 0, 0, 1)"),this.ctxhue.fillStyle=r,this.ctxhue.fill()},initOpacity:function(){var r=document.createElement("canvas");this.ctxopacity=r.getContext("2d"),r.width=10,r.height=this.canvasSize.height,this.dom.querySelector(".color-palette .opacity").appendChild(r),this.fillOpacity()},fillOpacity:function(){var r;this.ctxopacity&&(this.ctxopacity.clearRect(0,0,10,this.canvasSize.height),(r=this.ctxlightness.createLinearGradient(0,0,10,this.canvasSize.height)).addColorStop(0,"rgba("+this.color.rgbav[0]+","+this.color.rgbav[1]+","+this.color.rgbav[2]+",1)"),r.addColorStop(1,"rgba("+this.color.rgbav[0]+","+this.color.rgbav[1]+","+this.color.rgbav[2]+",0)"),this.ctxopacity.fillStyle=r,this.ctxopacity.fillRect(0,0,10,this.canvasSize.height))},initPalette:function(){this.canvas=document.createElement("canvas"),this.ctxlightness=this.canvas.getContext("2d"),this.canvas.width=this.canvasSize.width,this.canvas.height=this.canvasSize.height,this.dom.querySelector(".color-palette .lightness").appendChild(this.canvas),this.fillPalette()},fillPalette:function(){var r,o,n;this.ctxlightness&&(this.ctxlightness.fillStyle="hsla("+this.color.hslav[0]+",100%,50%,1)",r=this.canvasSize.width,o=this.canvasSize.height,this.ctxlightness.fillRect(0,0,r,o),(n=this.ctxlightness.createLinearGradient(0,0,r,0)).addColorStop(0,"rgba(255,255,255,1)"),n.addColorStop(1,"rgba(255,255,255,0)"),this.ctxlightness.fillStyle=n,this.ctxlightness.fillRect(0,0,r,o),(n=this.ctxlightness.createLinearGradient(0,0,0,o)).addColorStop(0,"rgba(0,0,0,0)"),n.addColorStop(1,"rgba(0,0,0,1)"),this.ctxlightness.fillStyle=n,this.ctxlightness.fillRect(0,0,r,o),this.updatelightbar())},updatelightbar:function(){var r,o;this.dom&&(this.lightbar=this.dom.querySelector(".lightbar"),this.lightbar&&(r=(o=this.RGBToHSB({r:this.color.rgbav[0],g:this.color.rgbav[1],b:this.color.rgbav[2]})).s*this.canvasSize.width/100,o=(100-o.b)*this.canvasSize.height/100,this.lightbar.style.top=o+"px",this.lightbar.style.left=r+"px"))},RGBToHSB:function(r){var o={h:0,s:0,b:0},n=Math.min(r.r,r.g,r.b),t=Math.max(r.r,r.g,r.b),e=t-n;return o.b=t,o.s=0!=t?255*e/t:0,0!=o.s?r.r==t?o.h=(r.g-r.b)/e:r.g==t?o.h=2+(r.b-r.r)/e:o.h=4+(r.r-r.g)/e:o.h=-1,t==n&&(o.h=0),o.h*=60,o.h<0&&(o.h+=360),o.s*=100/255,o.b*=100/255,o},setColor:function(r){this.initColorFormat(r),this.fillOpacity(),this.fillPalette(),this.addHistoryColors(),this.changeCurColorDom(),this.lastColor=r},getColor:function(r){return this.color},initColorFormat:function(r,o){"object"==(void 0===(r=r||this.lastColor)?"undefined":n(r))?(this.gradientColor=this.revertGradientToString(r),-1<this.gradientColor.str.indexOf("linear-gradient")?this.currentColorType="linear-gradient":this.currentColorType="radial-gradient"):-1<r.toLowerCase().indexOf("linear-gradient")||-1<r.toLowerCase().indexOf("radial-gradient")?(this.gradientColor=this.revertGradientToArray(r),-1<this.gradientColor.str.indexOf("linear-gradient")?this.currentColorType="linear-gradient":this.currentColorType="radial-gradient"):(this.getColorFormat(r||"#000"),this.currentColorType="single"),o||(this.changeColorType(!0),"single"!=this.currentColorType&&(this.setCurrentGradientColor(),this.updateAngleBar(),this.updateGradientColors(),this.rendGradientColors()))},setCurrentGradientColor:function(){this.getColorFormat(this.gradientColor.arry.colors[this.gradientIndex].color),this.fillPalette()},updateAngleBar:function(){s(this.dom).find(".current-angle span").html(this.gradientColor.arry.angle+"°"),s(this.dom).find(".current-angle .angle-bar").css({left:this.gradientColor.arry.angle/3.6+"%"})},updateGradientColorItem:function(r,o){s(this.dom).find(".gradient-item").eq(r).find(".color").css({background:o})},updateGradientBar:function(){var r=this.revertGradientToString(this.gradientColor.arry,!0);s(this.dom).find(".gradient-bar span").css({background:r.str}),s(this.dom).find(".gradient-item").removeClass("on").eq(this.gradientIndex).addClass("on")},rendGradientColors:function(){for(var r="",o=0;o<this.gradientColor.arry.colors.length;o++)r+='<div class="gradient-item iconfontcolorpicker iconcolorpicker1" style="left:'+this.gradientColor.arry.colors[o].per+'%">\n                            <div class="color" style="background:'+this.gradientColor.arry.colors[o].color+'"></div>\n                        </div>';s(this.dom).find(".gradient-colors").empty().append(r),s(this.dom).find(".gradient-item").removeClass("on").eq(this.gradientIndex).addClass("on")},setColorTypeDom:function(){s(this.dom).find(".color-type").get(0)&&(s(this.dom).find(".color-type li").removeClass("on"),s(this.dom).find(".color-type-item[data-type="+this.currentColorType+"]").addClass("on"),s(this.dom).find(".color-type").removeClass("down"),s(this.dom).find(".color-type .color-slidedown-curbox").get(0).innerHTML=s(this.dom).find(".color-type-item[data-type="+this.currentColorType+"]").get(0).innerHTML)},changeColorFormatType:function(r){s(this.dom).find(".color-format-type li").removeClass("on"),s(this.dom).find(".color-format-type-item[data-type="+this.currentColorFormat+"]").addClass("on"),s(this.dom).find(".color-format-type").removeClass("down"),s(this.dom).find(".color-format-type .color-slidedown-curbox").get(0).innerHTML=s(this.dom).find(".color-format-type-item[data-type="+this.currentColorFormat+"]").get(0).innerHTML;var o=this.getCurrentColor(this.option.autoConfirm);this.rendInputValue(),r||(this.option.onChange(o),this.option.autoConfirm&&this.option.onConfirm(o))},changeColorType:function(r){this.gradientIndex=0;var o=this.option.colorTypeOption.indexOf(this.currentColorType)<0;o&&(this.currentColorType=this.option.colorTypeOption[0]),"single"==this.currentColorType?(r&&!o||this.getColorFormat(this.gradientColor?this.gradientColor.arry.colors[0].color:"#ffffff"),s(this.dom).find(".color-gradient").hide()):(r&&!o||this.gradientColor||(this.gradientColor={type:this.currentColorType},this.initColorFormat({type:this.currentColorType,angle:0,colors:[{per:0,color:this.color.rgba},{per:100,color:"rgba(0,0,0,0)"}]})),this.gradientColor.arry.type!=this.currentColorType&&(this.gradientColor.arry.type=this.currentColorType,this.gradientColor=this.revertGradientToString(this.gradientColor.arry)),s(this.dom).find(".color-gradient").show(),this.rendGradientColors(),this.updateGradientBar(),this.updateAngleBar(),this.changeCurColorDom(),"linear-gradient"==this.currentColorType?s(this.dom).find(".gradient-angle").show():s(this.dom).find(".gradient-angle").hide()),this.setColorTypeDom(),this.rendInputValue(),this.setPosition()},getColorFormat:function(r){if(this.color=this.getColorFormatFunc(r),this.color.rgbav=this.color.rgba.slice(5,this.color.rgba.indexOf(")")).split(","),this.color.hslav=this.color.hsla.slice(5,this.color.hsla.indexOf(")")).split(",").map(function(r){return-1<r.indexOf("%")?r.slice(0,r.indexOf("%")):r}),this.dom){if("single"==this.currentColorType){if(this.changeCurColorDom(),!this.show)return;this.dom.querySelector(".current-color").style.background=this.color.rgba,this.dom.querySelector(".current-color-value input").value=this.color[this.currentColorFormat]}this.setBarPos()}},changeCurColorDom:function(){"single"==this.currentColorType?this.curcolordom.style.background=this.color.rgba:this.curcolordom.style.background=this.gradientColor.str},getColorFormatFunc:function(r){r.indexOf("rgb")<0&&r.indexOf("#")<0&&r.indexOf("hsl")<0&&(r="rgba(0,0,0,0)");r={rgba:(0,t.default)({color:r,format:"rgba"}).complete,hsla:(0,t.default)({color:r,format:"hsla"}).complete,hex:(0,t.default)({color:r,format:"hex"}).complete};return!r.rgba||-1<r.rgba.indexOf("NaN")?this.dom?void(this.dom.querySelector(".current-color-value input").value=this.color[this.currentColorFormat]):void 0:r},setBarPos:function(){this.opacitybar.style.top=100*(1-this.color.rgbav[3])+"%",0!=parseFloat(this.color.hslav[1])&&(this.huebar.style.top=100*this.color.hslav[0]/360+"%")},replace:function(){var r=""+(arguments.length<=0?void 0:arguments[0]);return arguments.length<3?r:r.replace(arguments.length<=1?void 0:arguments[1],arguments.length<=2?void 0:arguments[2])},revertGradientToArray:function(r){var o=this,n="";r=r.toLowerCase();r=this.replace(r,/(rgba\(.*?\))/gi,function(r){return o.getColorFormatFunc(r).hex}),-1<(r=this.replace(r,/(hsla\(.*?\))/gi,function(r){return o.getColorFormatFunc(r).hex})).toLowerCase().indexOf("radial-gradient")&&(n="radial-gradient"),-1<r.toLowerCase().indexOf("linear-gradient")&&(n="linear-gradient");for(var t=r.slice(r.toLowerCase().indexOf(n)+16,r.toLowerCase().lastIndexOf(")")).split(",").map(function(r){return r.trim()}),e={type:n,angle:"linear-gradient"==n?parseFloat(t[0]).toFixed(0):0,colors:[]},i="linear-gradient"==n?1:0;i<t.length;i++){var l=t[i].split(" ");e.colors.push({color:l[0],per:l[1]?parseFloat(l[1]):100*(i-1)/(t.length-2)})}return{str:this.revertGradientToString(e).str,arry:e}},revertGradientToString:function(r,o){var n=(o?"linear-gradient":r.type)+"(";o?n+="to right,":"linear-gradient"==r.type&&(n+=parseFloat(r.angle).toFixed(1)+"deg,");for(var t=0;t<r.colors.length;t++){var e=this.getColorFormatFunc(r.colors[t].color)[this.currentColorFormat];n+=(r.colors[t].color=e)+" "+parseFloat(r.colors[t].per).toFixed(1),""!=r.colors[t].per&&(n+="%"),t<r.colors.length-1&&(n+=",")}return{str:n+=")",arry:r}},$copy:function(r){var o=document.createElement("textarea");o.style.position="fixed",o.style.top="0",o.style.left="0",o.style.width="2em",o.style.height="2em",o.style.padding="0",o.style.border="none",o.style.outline="none",o.style.boxShadow="none",o.style.background="transparent",o.value=r,document.body.appendChild(o),o.select();try{var n=document.execCommand("copy")?"成功复制到剪贴板":"该浏览器不支持点击复制到剪贴板";layer.msg(n,{skin:"suclayer"})}catch(r){layer.msg("该浏览器不支持点击复制到剪贴板",{skin:"errorlayer"})}document.body.removeChild(o)},destroy:function(){s(this.dom).remove(),this.removeMouseDownEvent?this.removeMouseDownEvent():{},this.curcolordom.onclick=null}},e.XNColorPicker=i}()}();
 81 | 
 82 | 
 83 |     // these code copied from https://github.com/EisFrei/IngressPortalHistoryFlags, made some modifications.
 84 |     function svgToIcon(str, s) {
 85 |         const url = ("data:image/svg+xml," + encodeURIComponent(str)).replace(/#/g, '%23');
 86 |         return new L.Icon({
 87 |             iconUrl: url,
 88 |             iconSize: [s, s],
 89 |             iconAnchor: [s / 2, s / 2],
 90 |             className: 'no-pointer-events', //allows users to click on portal under the unique marker
 91 |         })
 92 |     }
 93 |     function drawPortalFlags(portal) {
 94 |         const drawMissing = window.plugin.upcv.settings.drawMissing;
 95 |         var type = portal.options.ent[2][18];
 96 |         portal._historyLayer = new L.LayerGroup();
 97 | 
 98 |         if(!(type & UPC_FLAG) && (type & UPV_FLAG)){
 99 |             L.marker(portal._latlng, {
100 |                 icon: window.plugin.upcv.iconVisited[portal.options.level],
101 |                 interactive: false,
102 |                 keyboard: false,
103 |             }).addTo(portal._historyLayer);
104 |         }
105 |         if (drawMissing && !(type & UPV_FLAG) || !drawMissing && type & UPC_FLAG) {
106 |             L.marker(portal._latlng, {
107 |                 icon: window.plugin.upcv.iconCaptured[portal.options.level],
108 |                 interactive: false,
109 |                 keyboard: false,
110 |             }).addTo(portal._historyLayer);
111 |         }
112 |         if (drawMissing && !(type & SCOUT_FLAG) || !drawMissing && type & SCOUT_FLAG) {
113 |             L.marker(portal._latlng, {
114 |                 icon: window.plugin.upcv.iconScouted[portal.options.level],
115 |                 interactive: false,
116 |                 keyboard: false,
117 |             }).addTo(portal._historyLayer);
118 |         }
119 |         portal._historyLayer.addTo(window.plugin.upcv.layerGroup);
120 |     }
121 | 
122 |     function drawAllFlags() {
123 |         window.plugin.upcv.layerGroup.clearLayers();
124 |         var tileParams = window.getCurrentZoomTileParameters ? window.getCurrentZoomTileParameters() : window.getMapZoomTileParameters();
125 |         if (tileParams.level !== 0) {
126 |             return;
127 |         }
128 | 
129 |         for (let id in window.portals) {
130 |             drawPortalFlags(window.portals[id]);
131 |         }
132 |     }
133 |     function count_portals_stat(){
134 |         var displayBounds = map.getBounds();
135 |         var upv = 0
136 |         var upc = 0
137 |         var scouted = 0
138 |         var total = 0
139 | 
140 |         $.each(window.portals, function(i, portal) {
141 |             var type = portal.options.ent[2][18];
142 |             var visit_state = type&2?2:type&1
143 |             var scout_state = type&4
144 | 
145 |             if(!displayBounds.contains(portal.getLatLng())) return true;
146 |             total++;
147 |             if(scout_state) scouted++;
148 |             switch (visit_state){
149 |                 case 1 :
150 |                     upv++;
151 |                     break;
152 |                 case 2 :
153 |                     upc++;
154 |                     break;
155 |                 default:
156 |                     break;
157 |             }
158 |         });
159 |         return {"upv":upv, "upc":upc, "scouted":scouted, "total":total}
160 |     }
161 | 
162 |     function getSVGString(size, color, parts, offset) {
163 |         const path = size * Math.PI/(2*parts);
164 |         const cap = size * Math.PI*(1-1/(2*parts))
165 |         const arcOffset = path / parts * (parts - 1);
166 |         const rotate = 180/parts+(parts-1)*135+offset*90;
167 |         return `<svg width="${(size+4)}" height="${(size+4)}" xmlns="http://www.w3.org/2000/svg"><circle stroke="${color}" stroke-width="4" fill="transparent" cx="${(size+4)/2}" cy="${(size+4)/2}" r="${(size/2)}" stroke-dasharray="${path}, ${cap}" stroke-dashoffset="${arcOffset}" transform="rotate(${rotate}, ${((size+4)/2)}, ${((size+4)/2)})" /></svg>`;
168 |     }
169 |     function format(str) {
170 |       var re = /%s/;
171 |       for(var i = 1; i < arguments.length; i++) {
172 |         str = str.replace(re, arguments[i]);
173 |       }
174 |       return str;
175 |     }
176 |     function make_pie_label(startAngle, endAngle, color){
177 |       var labelAngle = (endAngle + startAngle) / 2;
178 |       var label = Math.round((endAngle - startAngle) * 100) + '%';
179 |       labelAngle = 0.5 - labelAngle;
180 |       var lx  = Math.sin(labelAngle * 2 * Math.PI) * RADIUS / 1.5;
181 |       var ly  = Math.cos(labelAngle * 2 * Math.PI) * RADIUS / 1.5;
182 | 
183 |       var text = $('<text>')
184 |         .attr({
185 |           'text-anchor': 'middle',
186 |           'dominant-baseline' :'central',
187 |           x: lx,
188 |           y: ly
189 |         })
190 |         .html(label);
191 |       return text;
192 |     }
193 |     function make_pie(startAngle, endAngle, color) {
194 |       if(startAngle == endAngle)
195 |         return $([]);
196 |       var large_arc = (endAngle - startAngle) > 0.5 ? 1 : 0;
197 |       startAngle = 0.5 - startAngle;
198 |       endAngle   = 0.5 - endAngle;      
199 | 
200 |       var p1x = Math.sin(startAngle * 2 * Math.PI) * RADIUS;
201 |       var p1y = Math.cos(startAngle * 2 * Math.PI) * RADIUS;
202 |       var p2x = Math.sin(endAngle   * 2 * Math.PI) * RADIUS;
203 |       var p2y = Math.cos(endAngle   * 2 * Math.PI) * RADIUS;      
204 | 
205 |       // for a full circle, both coordinates would be identical, so no circle would be drawn
206 |       if(startAngle == 0.5 && endAngle == -0.5)
207 |         p2x -= 1E-5;      
208 | 
209 |       var path = $('<path>')
210 |         .attr({
211 |           fill: color,
212 |           d: format('M %s,%s A %s,%s 0 %s 1 %s,%s L 0,0 z', p1x,p1y, RADIUS, RADIUS, large_arc, p2x,p2y)
213 |         });
214 | 
215 |       return path; // concat path and text
216 |     };
217 |     function make_pie_graph(datas, svg){
218 |       var last_data = 0;
219 |       for (var i = 0; i < datas.length; i++) {
220 |         startAngle = last_data;
221 |         endAngle = last_data+datas[i].data;
222 |         color = datas[i].color;
223 |         make_pie(startAngle, endAngle, color).appendTo(svg);
224 |         last_data = endAngle;
225 |       }
226 |       last_data = 0
227 |       for (i = 0; i < datas.length; i++) {
228 |         startAngle = last_data;
229 |         endAngle = last_data+datas[i].data;
230 |         color = datas[i].color;
231 |         make_pie_label(startAngle, endAngle, color).appendTo(svg);
232 |         last_data = endAngle;
233 |       }
234 |     }
235 | 
236 |     function make_state_piesvg(portals_state) {
237 |         var svg = $('<svg width="260" height="120" id="portal-visited-pie">').css('margin-top', 10);
238 |         var g = $('<g>')
239 |           .attr('transform', format('translate(%s,%s)', 70, 50))
240 |           .appendTo(svg);
241 |         var datas = [
242 |           {"data":portals_state.upv/portals_state.total, "color":window.plugin.upcv.settings.upv_color},
243 |           {"data":portals_state.upc/portals_state.total, "color":window.plugin.upcv.settings.upc_color},
244 |           {"data":1-(portals_state.upv+portals_state.upc)/portals_state.total, "color":COLORS[0]},
245 |         ]
246 |         make_pie_graph(datas, g)
247 |         $('<text fill="white">UPV/C</text>')
248 |             .attr('transform', format('translate(%s,%s)', -19, 65))
249 |             .appendTo(g)
250 | 
251 |         g = $('<g>')
252 |           .attr('transform', format('translate(%s,%s)', 190, 50))
253 |           .appendTo(svg);
254 |         datas = [
255 |           {"data":portals_state.scouted/portals_state.total, "color":window.plugin.upcv.settings.scouted_color},
256 |           {"data":1-(portals_state.scouted)/portals_state.total, "color":COLORS[0]},
257 |         ]
258 |         make_pie_graph(datas, g)
259 |         $('<text fill="white">Scouted</text>')
260 |             .attr('transform', format('translate(%s,%s)', -25, 65))
261 |             .appendTo(g)
262 | 
263 |         var svg_html = $('<div>').append(svg).html()
264 |         return svg_html
265 |     }
266 | 
267 |     function createIcons() {
268 |         var LEVEL_TO_RADIUS = [7, 7, 7, 7, 8, 8, 9, 10, 11];
269 |         window.plugin.upcv.iconCaptured = {};
270 |         window.plugin.upcv.iconVisited = {};
271 |         window.plugin.upcv.iconScouted = {};
272 | 
273 |         const parts = window.plugin.upcv.settings.showVisited + window.plugin.upcv.settings.showScouted;
274 | 
275 |         LEVEL_TO_RADIUS.forEach((el, idx) => {
276 |             let size = el * 2 + 8;
277 |             let offset = 0;
278 |             if (window.plugin.upcv.settings.showVisited) {
279 |                 window.plugin.upcv.iconVisited[idx] = svgToIcon(getSVGString(size, window.plugin.upcv.settings.upv_color, parts, offset), size + 4);
280 |                 window.plugin.upcv.iconCaptured[idx] = svgToIcon(getSVGString(size, window.plugin.upcv.settings.upc_color, parts, offset), size + 4);
281 |                 offset++;
282 |             } else {
283 |                 window.plugin.upcv.iconVisited[idx] = svgToIcon(getSVGString(size, 'transparent', parts, offset), size + 4);
284 |                 window.plugin.upcv.iconCaptured[idx] = svgToIcon(getSVGString(size, 'transparent', parts, offset), size + 4);
285 |             }
286 |             if (window.plugin.upcv.settings.showScouted) {
287 |                 window.plugin.upcv.iconScouted[idx] = svgToIcon(getSVGString(size, window.plugin.upcv.settings.scouted_color, parts, offset), size + 4);
288 |             } else {
289 |                 window.plugin.upcv.iconScouted[idx] = svgToIcon(getSVGString(size, 'transparent', parts, offset), size + 4);
290 |             }
291 |         });
292 |     }
293 | 
294 |     window.plugin.upcv.removePortalFromMap = function (data) {
295 |         if (!data.portal._historyLayer) {
296 |             return;
297 |         }
298 |         window.plugin.upcv.layerGroup.removeLayer(data.portal._historyLayer);
299 |     }
300 | 
301 |     window.plugin.upcv.addToPortalMap = function (data) {
302 |         var type = data.portal.options.ent[2][18];
303 |         var portal_level = data.portal.options.data.level;
304 |         if (portal_level == undefined) return;
305 |         var tileParams = window.getCurrentZoomTileParameters ? window.getCurrentZoomTileParameters() : window.getMapZoomTileParameters();
306 |         if (tileParams.level === 0) {
307 |             drawPortalFlags(data.portal);
308 |         } else {
309 |             window.plugin.upcv.removePortalFromMap(data);
310 |         }
311 |     }
312 | 
313 |     window.plugin.upcv.toggleDisplayMode = function () {
314 |         var portals_state = count_portals_stat()
315 | 
316 |         var svg_html = make_state_piesvg(portals_state)
317 | 
318 |         var dialog_html =  `
319 |         <div id="portal-visited">
320 |             <table>
321 |                 <th style="text-align:left; color:#ffce00">Uniques count in view</th>
322 |                 <tr><td>Toral:</td><td>${portals_state.total}</td></tr>
323 |                 <tr><td>UPV:</td><td>${portals_state.upv}</td></tr>
324 |                 <tr><td>UPC:</td><td>${portals_state.upc}</td></tr>
325 |                 <tr><td>Scouted:</td><td>${portals_state.scouted}</td></tr>
326 |             </table>
327 |             ${svg_html}
328 |             <hr>
329 |             <table>
330 |                 <th style="text-align:left; color:#ffce00">Settings</th>
331 |                 <tr>
332 |                   <td>
333 |                     <label>Dispaly mode:</label>
334 |                   </td>
335 |                 </tr>
336 |                 <tr>
337 |                     <td>
338 |                         <label><input name="portal-visited-settings--display-mode" id="portal-visited-settings-display-recived" style="vertical-align: text-bottom;outline:none;" type="radio" value="recived"  ${window.plugin.upcv.settings.drawMissing?'':'checked'}/>recived</label> 
339 |                         <label><input name="portal-visited-settings--display-mode" id="portal-visited-settings-display-missing" style="vertical-align: text-bottom;outline:none;" type="radio" value="missing"  ${window.plugin.upcv.settings.drawMissing?'checked':''}/>missing</label> 
340 |                     </td>
341 |                 </tr>
342 |                 <tr>
343 |                   <td>
344 |                     <label>Dispaly item:</label>
345 |                   </td>
346 |                 </tr>
347 |                 <tr>
348 |                     <td><input type="checkbox" id="portal-visited-settings--show-visited" ${window.plugin.upcv.settings.showVisited?'checked':''}><label> Show visited</label></td>
349 |                 </tr>
350 |                 <tr>
351 |                     <td>
352 |                         <table>
353 |                             <tr>
354 |                                 <td style="vertical-align: middle;">upv color: </td><td><div style ="display:inline-table" id="portal-visited-settings--color-visited"></div></td>
355 |                                 <td style="vertical-align: middle;">upc color: </td><td><div style ="display:inline-table" id="portal-visited-settings--color-captured"></div></td>
356 |                             </tr>
357 |                         </table>
358 |                     </td>
359 |                 </tr>
360 |                 <tr>
361 |                     <td><input type="checkbox" id="portal-visited-settings--show-scouted" ${window.plugin.upcv.settings.showScouted?'checked':''}><label> Show scouted</label></td>
362 |                 </tr>
363 |                 <tr>
364 |                     <td>
365 |                         <table>
366 |                             <tr>
367 |                                 <td style="vertical-align: middle;">scouted color: </td>
368 |                                 <td><div style ="display:inline-table" id="portal-visited-settings--color-scouted"></div></td>
369 |                             </tr>
370 |                         </table>
371 |                     </td>
372 |                 </tr>
373 |             </table>
374 |         </div>
375 | `
376 |         dialog({
377 |             html: dialog_html,
378 |             title: 'Portal Visited',
379 |             id: 'plugin-portal-visited',
380 |             width: '300px',
381 |             closeCallback: function () {
382 |                 const elMode = document.getElementById('portal-visited-settings-display-missing');
383 |                 const elVisited = document.getElementById('portal-visited-settings--show-visited');
384 |                 const elScouted = document.getElementById('portal-visited-settings--show-scouted');
385 | 
386 |                 window.plugin.upcv.settings.drawMissing = elMode.checked;
387 |                 window.plugin.upcv.settings.showVisited = elVisited.checked;
388 |                 window.plugin.upcv.settings.showScouted = elScouted.checked;
389 | 
390 |                 try {
391 |                     if (upv_pallete) {upv_pallete.destroy();}
392 |                 } catch (e) {
393 |                     console.log("destroy got upv")
394 |                 }
395 |                 try {
396 |                     if (upc_pallete) {upc_pallete.destroy();}
397 |                 } catch (e) {
398 |                     console.log("destroy got upc")
399 |                 }
400 |                 try {
401 |                     if (scouted_pallete) {scouted_pallete.destroy();}
402 |                 } catch (e) {
403 |                     console.log("destroy got scout")
404 |                 }
405 | 
406 |                 localStorage[KEY_SETTINGS] = JSON.stringify(window.plugin.upcv.settings);
407 |                 createIcons();
408 |                 drawAllFlags();
409 |             }
410 |         });
411 | 
412 |         var upv_pallete = new XNColorPicker({
413 |             color: window.plugin.upcv.settings.upv_color,
414 |             selector: "#portal-visited-settings--color-visited",
415 |             showprecolor: true,
416 |             prevcolors: null,
417 |             showhistorycolor: false,
418 |             format: 'hex',
419 |             showPalette:true,
420 |             show:false,
421 |             lang:'en',
422 |             colorTypeOption:'single',
423 |             onError: function (e) {
424 |             },
425 |             onCancel:function(color){
426 |             },
427 |             onChange:function(color){
428 |             },
429 |             onConfirm:function(color){
430 |                 window.plugin.upcv.settings.upv_color = color.color.hex;
431 |                 $("#portal-visited-pie")[0].outerHTML = make_state_piesvg(portals_state)
432 |             }
433 |         })
434 |         var upc_pallete = new XNColorPicker({
435 |             color: window.plugin.upcv.settings.upc_color,
436 |             selector: "#portal-visited-settings--color-captured",
437 |             showprecolor: true,
438 |             prevcolors: null,
439 |             showhistorycolor: false,
440 |             format: 'hex',
441 |             showPalette:true,
442 |             show:false,
443 |             lang:'en',
444 |             colorTypeOption:'single,linear-gradient,radial-gradient',
445 |             onError: function (e) {
446 |             },
447 |             onCancel:function(color){
448 |             },
449 |             onChange:function(color){
450 |             },
451 |             onConfirm:function(color){
452 |                 window.plugin.upcv.settings.upc_color = color.color.hex;
453 |                 $("#portal-visited-pie")[0].outerHTML = make_state_piesvg(portals_state)
454 |             }
455 |         })
456 |         var scouted_pallete = new XNColorPicker({
457 |             color: window.plugin.upcv.settings.scouted_color,
458 |             selector: "#portal-visited-settings--color-scouted",
459 |             showprecolor: true,
460 |             prevcolors: null,
461 |             showhistorycolor: false,
462 |             format: 'hex',
463 |             showPalette:true,
464 |             show:false,
465 |             lang:'en',
466 |             colorTypeOption:'single,linear-gradient,radial-gradient',
467 |             onError: function (e) {
468 |             },
469 |             onCancel:function(color){
470 |             },
471 |             onChange:function(color){
472 |             },
473 |             onConfirm:function(color){
474 |                 window.plugin.upcv.settings.scouted_color = color.color.hex;
475 |                 $("#portal-visited-pie")[0].outerHTML = make_state_piesvg(portals_state)
476 |             }
477 |         })
478 |     }
479 |     ///////////////////////////////////////////////////////////////////////////////
480 | 
481 |     window.plugin.upcv.upcv = function(data) {
482 |         var type = data.portal.options.ent[2][18];
483 |         var portal_level = data.portal.options.data.level;
484 |         if (portal_level == undefined) return;
485 |         if(type & UPC_FLAG){
486 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.upc_color, fillOpacity: 1 });
487 |         }else if(type & UPV_FLAG){
488 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.upv_color,fillOpacity: 1 });
489 |         }
490 |     }
491 |     window.plugin.upcv.not_upcv = function(data) {
492 |         var type = data.portal.options.ent[2][18];
493 |         var portal_level = data.portal.options.data.level;
494 |         if (portal_level == undefined) return;
495 |         if(type&UPC_FLAG){
496 |             return
497 |         }
498 |         if(type&UPV_FLAG){
499 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.upv_color,fillOpacity: 1 });
500 |         }
501 |         else{
502 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.upc_color, fillOpacity: 1 });
503 |         }
504 | 
505 |     }
506 |     window.plugin.upcv.scouted = function(data) {
507 |         var type = data.portal.options.ent[2][18];
508 |         var portal_level = data.portal.options.data.level;
509 |         if (portal_level == undefined) return;
510 |         if(type & SCOUT_FLAG){
511 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.scouted_color, fillOpacity: 1});
512 |         }
513 |     }
514 |     window.plugin.upcv.not_scouted = function(data) {
515 |         var type = data.portal.options.ent[2][18];
516 |         var portal_level = data.portal.options.data.level;
517 |         if (portal_level == undefined) return;
518 |         if(!(type & SCOUT_FLAG)){
519 |             data.portal.setStyle({fillColor: window.plugin.upcv.settings.scouted_color, fillOpacity: 1 });
520 |         }
521 |     }
522 | 
523 |     var setup = function() {
524 |         try {
525 |             window.plugin.upcv.settings = JSON.parse(localStorage[KEY_SETTINGS]);
526 |         } catch (e) {
527 |             window.plugin.upcv.settings = {
528 |                 drawMissing: false,
529 |                 showVisited: true,
530 |                 showScouted: false,
531 |                 upv_color: UPV_COLOR,
532 |                 upc_color: UPC_COLOR,
533 |                 scouted_color: SCOUT_COLOR,
534 |             };
535 |         }
536 |         createIcons()
537 |         window.plugin.upcv.layerGroup = new L.LayerGroup();
538 |         window.addLayerGroup('Portal Visited', window.plugin.upcv.layerGroup, false);
539 | 
540 |         window.addHook('portalAdded', window.plugin.upcv.addToPortalMap);
541 |         window.addHook('portalRemoved', window.plugin.upcv.removePortalFromMap);
542 |         window.map.on('zoom', drawAllFlags);
543 |         $('#toolbox').append('<a onclick="window.plugin.upcv.toggleDisplayMode()">Portal Visited</a>');
544 | 
545 |         window.addPortalHighlighter('Portal UPC/V', window.plugin.upcv.upcv);
546 |         window.addPortalHighlighter('Portal not UPC/V', window.plugin.upcv.not_upcv);
547 |         window.addPortalHighlighter('Portal Scouted', window.plugin.upcv.scouted);
548 |         window.addPortalHighlighter('Portal not Scouted', window.plugin.upcv.not_scouted);
549 |     }
550 |     // PLUGIN END //////////////////////////////////////////////////////////
551 |     setup.info = plugin_info;
552 |     if(!window.bootPlugins) window.bootPlugins = [];
553 |     window.bootPlugins.push(setup);
554 |     if(window.iitcLoaded && typeof setup === 'function') setup();
555 | }
556 | var script = document.createElement('script');
557 | var info = {};
558 | if (typeof GM_info !== 'undefined' && GM_info && GM_info.script) info.script = { version: GM_info.script.version, name: GM_info.script.name, description: GM_info.script.description };
559 | script.appendChild(document.createTextNode('('+ wrapper +')('+JSON.stringify(info)+');'));
560 | (document.body || document.head || document.documentElement).appendChild(script);
561 | 


--------------------------------------------------------------------------------