w-component-vue 2.1.66 → 2.1.70

package/docs/examples/app.umd.js

@@ -0,0 +1,7 @@
+/*!
+ * app v2.1.70
+ * (c) 2018-2021 yuda-lyu(semisphere)
+ * Released under the MIT License.
+ */
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self).app=e(n.Vue)}(this,(function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=e(n),o="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.6,8.34C16.67,8.34 17.53,9.2 17.53,10.27C17.53,11.34 16.67,12.2 15.6,12.2A1.93,1.93 0 0,1 13.67,10.27C13.66,9.2 14.53,8.34 15.6,8.34M9.6,6.76C10.9,6.76 11.96,7.82 11.96,9.12C11.96,10.42 10.9,11.5 9.6,11.5C8.3,11.5 7.24,10.42 7.24,9.12C7.24,7.81 8.29,6.76 9.6,6.76M9.6,15.89V19.64C7.2,18.89 5.3,17.04 4.46,14.68C5.5,13.56 8.13,13 9.6,13C10.13,13 10.8,13.07 11.5,13.21C9.86,14.08 9.6,15.23 9.6,15.89M12,20C11.72,20 11.46,20 11.2,19.96V15.89C11.2,14.47 14.14,13.76 15.6,13.76C16.67,13.76 18.5,14.15 19.44,14.91C18.27,17.88 15.38,20 12,20Z",r="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",i="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z",a="M12.58,3.12V3.13C12.27,3.13 11.96,3.22 11.71,3.39C11.21,3.74 11.15,4.32 11.6,4.69L14.46,7L5.73,7.03H5.72C5,7.03 4.3,7.5 4.16,8.1C4,8.71 4.5,9.22 5.26,9.22L9.69,9.21L1.76,15.3C1,15.87 0.77,16.82 1.24,17.42C1.72,18.03 2.73,18.03 3.5,17.42L7.8,13.89C7.8,13.89 7.73,14.37 7.74,14.65C7.74,14.94 7.84,15.5 7.97,15.93C8.26,16.86 8.75,17.71 9.43,18.46C10.13,19.23 11,19.85 12,20.29C13.03,20.76 14.17,21 15.34,21C16.5,21 17.65,20.75 18.69,20.28C19.69,19.84 20.55,19.21 21.25,18.44C21.93,17.69 22.42,16.83 22.71,15.91C22.85,15.44 22.94,14.97 23,14.5C23,14.03 23,13.56 22.94,13.09C22.81,12.18 22.5,11.32 22,10.54C21.56,9.83 21,9.2 20.31,8.67V8.67L13.42,3.38C13.19,3.21 12.89,3.12 12.58,3.12M15.34,9.21C16.5,9.21 17.59,9.59 18.46,10.29C18.9,10.65 19.25,11.07 19.5,11.54C19.77,12 19.94,12.55 20,13.11C20.04,13.67 19.96,14.23 19.77,14.77C19.57,15.31 19.25,15.81 18.82,16.26C17.93,17.16 16.69,17.68 15.34,17.68C14,17.68 12.75,17.17 11.86,16.27C11.43,15.83 11.11,15.32 10.91,14.78C10.72,14.25 10.64,13.69 10.69,13.12C10.74,12.56 10.91,12.03 11.17,11.55C11.43,11.08 11.79,10.66 12.23,10.3C13.09,9.59 14.19,9.21 15.34,9.21M15.44,10.61C14.66,10.61 13.94,10.89 13.41,11.34C12.87,11.8 12.5,12.44 12.47,13.18C12.43,13.93 12.73,14.63 13.26,15.15C13.8,15.68 14.58,16 15.44,16C16.3,16 17.07,15.68 17.62,15.15C18.15,14.63 18.45,13.93 18.41,13.18C18.37,12.44 18,11.8 17.47,11.34C16.94,10.89 16.22,10.61 15.44,10.61Z",l="M13 20.5C13 21.03 13.09 21.53 13.26 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V11H18V4H13V12L10.5 9.75L8 12V4H6V20H13.04C13.03 20.17 13 20.33 13 20.5M20 13H18.5V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H20Z",s="M12.75,3.94C13.75,3.22 14.91,2.86 16.22,2.86C16.94,2.86 17.73,3.05 18.59,3.45C19.45,3.84 20.13,4.3 20.63,4.83C21.66,6.11 22.09,7.6 21.94,9.3C21.78,11 21.22,12.33 20.25,13.27L12.66,20.86C12.47,21.05 12.23,21.14 11.95,21.14C11.67,21.14 11.44,21.05 11.25,20.86C11.06,20.67 10.97,20.44 10.97,20.16C10.97,19.88 11.06,19.64 11.25,19.45L15.84,14.86C16.09,14.64 16.09,14.41 15.84,14.16C15.59,13.91 15.36,13.91 15.14,14.16L10.55,18.75C10.36,18.94 10.13,19.03 9.84,19.03C9.56,19.03 9.33,18.94 9.14,18.75C8.95,18.56 8.86,18.33 8.86,18.05C8.86,17.77 8.95,17.53 9.14,17.34L13.73,12.75C14,12.5 14,12.25 13.73,12C13.5,11.75 13.28,11.75 13.03,12L8.44,16.64C8.25,16.83 8,16.92 7.73,16.92C7.45,16.92 7.21,16.83 7,16.64C6.8,16.45 6.7,16.22 6.7,15.94C6.7,15.66 6.81,15.41 7.03,15.19L11.63,10.59C11.88,10.34 11.88,10.11 11.63,9.89C11.38,9.67 11.14,9.67 10.92,9.89L6.28,14.5C6.06,14.7 5.83,14.81 5.58,14.81C5.3,14.81 5.06,14.71 4.88,14.5C4.69,14.3 4.59,14.06 4.59,13.78C4.59,13.5 4.69,13.27 4.88,13.08C7.94,10 9.83,8.14 10.55,7.45L14.11,10.97C14.5,11.34 14.95,11.53 15.5,11.53C16.2,11.53 16.75,11.25 17.16,10.69C17.44,10.28 17.54,9.83 17.46,9.33C17.38,8.83 17.17,8.41 16.83,8.06L12.75,3.94M14.81,10.27L10.55,6L3.47,13.08C2.63,12.23 2.15,10.93 2.04,9.16C1.93,7.4 2.41,5.87 3.47,4.59C4.66,3.41 6.08,2.81 7.73,2.81C9.39,2.81 10.8,3.41 11.95,4.59L16.22,8.86C16.41,9.05 16.5,9.28 16.5,9.56C16.5,9.84 16.41,10.08 16.22,10.27C16.03,10.45 15.8,10.55 15.5,10.55C15.23,10.55 15,10.45 14.81,10.27V10.27Z",c="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",u="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z",p="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",m="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z",g="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 12.8L7.7 15.6L7 14.2L11 11.9V7H12.5V12.8Z",v="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",h="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z",f="M8.21 12L6.88 12.89V11.11L8.21 12M11.47 9.82V7.34L7.31 10.12L9.16 11.36L11.47 9.82M16.7 10.12L12.53 7.34V9.82L14.84 11.36L16.7 10.12M7.31 13.88L11.47 16.66V14.18L9.16 12.64L7.31 13.88M12.53 14.18V16.66L16.7 13.88L14.84 12.64L12.53 14.18M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M18.18 10.12C18.18 10.09 18.18 10.07 18.18 10.05L18.17 10L18.17 10L18.16 9.95C18.15 9.94 18.15 9.93 18.14 9.91L18.13 9.89L18.11 9.85L18.1 9.83L18.08 9.8L18.06 9.77L18.03 9.74L18 9.72L18 9.7L17.96 9.68L17.95 9.67L12.3 5.91C12.12 5.79 11.89 5.79 11.71 5.91L6.05 9.67L6.05 9.68L6 9.7C6 9.71 6 9.72 6 9.72L5.97 9.74L5.94 9.77L5.93 9.8L5.9 9.83L5.89 9.85L5.87 9.89L5.86 9.91L5.84 9.95L5.84 10L5.83 10L5.82 10.05C5.82 10.07 5.82 10.09 5.82 10.12V13.88C5.82 13.91 5.82 13.93 5.82 13.95L5.83 14L5.84 14L5.84 14.05C5.85 14.06 5.85 14.07 5.86 14.09L5.87 14.11L5.89 14.15L5.9 14.17L5.92 14.2L5.94 14.23C5.95 14.24 5.96 14.25 5.97 14.26L6 14.28L6 14.3L6.04 14.32L6.05 14.33L11.71 18.1C11.79 18.16 11.9 18.18 12 18.18C12.1 18.18 12.21 18.15 12.3 18.1L17.95 14.33L17.96 14.32L18 14.3L18 14.28L18.03 14.26L18.06 14.23L18.08 14.2L18.1 14.17L18.11 14.15L18.13 14.11L18.14 14.09L18.16 14.05L18.16 14L18.17 14L18.18 13.95C18.18 13.93 18.18 13.91 18.18 13.88V10.12M17.12 12.89V11.11L15.79 12L17.12 12.89Z",b="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z",y="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5M11,3A6,6 0 0,1 17,9C17,10.7 16.29,12.23 15.16,13.33L14.16,12.88C15.28,11.96 16,10.56 16,9A5,5 0 0,0 11,4A5,5 0 0,0 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9A6,6 0 0,1 11,3Z",x="M7 19A2.93 2.93 0 0 0 7.17 20H6A1 1 0 0 1 5 19V18H7M10 19A1 1 0 0 0 11 20H13A1 1 0 0 0 14 19V18H10M4 16A1 1 0 0 0 5 17H7V14.88A6.92 6.92 0 0 1 5 10A6.79 6.79 0 0 1 5.68 7A4 4 0 0 0 4 14.45M17 19A2.93 2.93 0 0 1 16.83 20H18A1 1 0 0 0 19 19V18H17M17 10A5 5 0 0 1 15 14V16A1 1 0 0 1 14 17H10A1 1 0 0 1 9 16V14A5 5 0 1 1 17 10M15 10A3 3 0 1 0 11 12.82V15H13V12.82A3 3 0 0 0 15 10M18.32 7A6.79 6.79 0 0 1 19 10A6.92 6.92 0 0 1 17 14.88V17H19A1 1 0 0 0 20 16V14.45A4 4 0 0 0 18.32 7Z",k="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16.8 11.3L15.7 10.5V10 9.5L16.8 8.7C16.9 8.6 16.9 8.5 16.9 8.4L15.9 6.7C15.8 6.6 15.7 6.5 15.6 6.6L14.3 7C14 6.8 13.8 6.6 13.4 6.5L13.2 5.2C13.2 5.1 13.1 5 13 5H11C10.9 5 10.8 5.1 10.8 5.2L10.6 6.5C10.3 6.7 10 6.8 9.7 7L8.5 6.5C8.4 6.5 8.3 6.5 8.2 6.6L7.2 8.3C7.1 8.4 7.2 8.5 7.3 8.6L8.4 9.4V10.4L7.3 11.2C7.2 11.3 7.2 11.4 7.2 11.5L8.2 13.2C8.3 13.3 8.4 13.4 8.5 13.3L9.7 13C10 13.2 10.2 13.4 10.5 13.5L10.7 14.8C10.7 14.9 10.8 15 11 15H13C13.1 15 13.2 14.9 13.2 14.8L13.4 13.5C13.7 13.4 14 13.2 14.2 13L15.4 13.5C15.5 13.5 15.6 13.5 15.7 13.4L16.7 11.7C16.9 11.5 16.9 11.4 16.8 11.3M12 11.5C11.2 11.5 10.5 10.8 10.5 10S11.2 8.5 12 8.5 13.5 9.2 13.5 10 12.8 11.5 12 11.5Z",C="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z",S="M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75 19.33,18.38Z",w="M8,5.14V19.14L19,12.14L8,5.14Z",W="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",I="M6 13H3V10H6V13M10 10H7V13H10V10M8 6H5V9H8V6M18 12C14.25 12 12.28 13.25 11 14H2C2 16.21 3.79 18 6 18H7C8 18 8.92 17.63 9.62 17C11.06 15.78 12.68 14.74 14.55 14.36C15.61 14.15 16.78 14 18 14H22V12H18Z",_="M17.36,20.2V14.82H19.15V22H3V14.82H4.8V20.2H17.36M6.77,14.32L7.14,12.56L15.93,14.41L15.56,16.17L6.77,14.32M7.93,10.11L8.69,8.5L16.83,12.28L16.07,13.9L7.93,10.11M10.19,6.12L11.34,4.74L18.24,10.5L17.09,11.87L10.19,6.12M14.64,1.87L20,9.08L18.56,10.15L13.2,2.94L14.64,1.87M6.59,18.41V16.61H15.57V18.41H6.59Z",T="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z",H="M20,14H4V8H9.08L7,10.83L8.62,12L11,8.76L12,7.4L13,8.76L15.38,12L17,10.83L14.92,8H20M20,19H4V17H20M9,4A1,1 0 0,1 10,5A1,1 0 0,1 9,6A1,1 0 0,1 8,5A1,1 0 0,1 9,4M15,4A1,1 0 0,1 16,5A1,1 0 0,1 15,6A1,1 0 0,1 14,5A1,1 0 0,1 15,4M20,6H17.82C17.93,5.69 18,5.35 18,5A3,3 0 0,0 15,2C13.95,2 13.04,2.54 12.5,3.35L12,4L11.5,3.34C10.96,2.54 10.05,2 9,2A3,3 0 0,0 6,5C6,5.35 6.07,5.69 6.18,6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z",A=Array.isArray;function Z(n){return(Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var B="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function V(n){var e={exports:{}};return n(e,e.exports),e.exports}var P="object"==Z(B)&&B&&B.Object===Object&&B,j="object"==("undefined"==typeof self?"undefined":Z(self))&&self&&self.Object===Object&&self,X=P||j||Function("return this")(),G=X.Symbol,R=Object.prototype,L=R.hasOwnProperty,F=R.toString,K=G?G.toStringTag:void 0;var Y=function(n){var e=L.call(n,K),t=n[K];try{n[K]=void 0;var o=!0}catch(n){}var r=F.call(n);return o&&(e?n[K]=t:delete n[K]),r},D=Object.prototype.toString;var z=function(n){return D.call(n)},E=G?G.toStringTag:void 0;var N=function(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":E&&E in Object(n)?Y(n):z(n)};var J=function(n){return null!=n&&"object"==Z(n)};var $=function(n){return"symbol"==Z(n)||J(n)&&"[object Symbol]"==N(n)},O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,M=/^\w*$/;var Q=function(n,e){if(A(n))return!1;var t=Z(n);return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!$(n))||(M.test(n)||!O.test(n)||null!=e&&n in Object(e))};var U=function(n){var e=Z(n);return null!=n&&("object"==e||"function"==e)};var q,nn=function(n){if(!U(n))return!1;var e=N(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},en=X["__core-js_shared__"],tn=(q=/[^.]+$/.exec(en&&en.keys&&en.keys.IE_PROTO||""))?"Symbol(src)_1."+q:"";var on=function(n){return!!tn&&tn in n},rn=Function.prototype.toString;var an=function(n){if(null!=n){try{return rn.call(n)}catch(n){}try{return n+""}catch(n){}}return""},ln=/^\[object .+?Constructor\]$/,sn=Function.prototype,cn=Object.prototype,dn=sn.toString,un=cn.hasOwnProperty,pn=RegExp("^"+dn.call(un).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var mn=function(n){return!(!U(n)||on(n))&&(nn(n)?pn:ln).test(an(n))};var gn=function(n,e){return null==n?void 0:n[e]};var vn=function(n,e){var t=gn(n,e);return mn(t)?t:void 0},hn=vn(Object,"create");var fn=function(){this.__data__=hn?hn(null):{},this.size=0};var bn=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},yn=Object.prototype.hasOwnProperty;var xn=function(n){var e=this.__data__;if(hn){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return yn.call(e,n)?e[n]:void 0},kn=Object.prototype.hasOwnProperty;var Cn=function(n){var e=this.__data__;return hn?void 0!==e[n]:kn.call(e,n)};var Sn=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=hn&&void 0===e?"__lodash_hash_undefined__":e,this};function wn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}wn.prototype.clear=fn,wn.prototype.delete=bn,wn.prototype.get=xn,wn.prototype.has=Cn,wn.prototype.set=Sn;var Wn=wn;var In=function(){this.__data__=[],this.size=0};var _n=function(n,e){return n===e||n!=n&&e!=e};var Tn=function(n,e){for(var t=n.length;t--;)if(_n(n[t][0],e))return t;return-1},Hn=Array.prototype.splice;var An=function(n){var e=this.__data__,t=Tn(e,n);return!(t<0)&&(t==e.length-1?e.pop():Hn.call(e,t,1),--this.size,!0)};var Zn=function(n){var e=this.__data__,t=Tn(e,n);return t<0?void 0:e[t][1]};var Bn=function(n){return Tn(this.__data__,n)>-1};var Vn=function(n,e){var t=this.__data__,o=Tn(t,n);return o<0?(++this.size,t.push([n,e])):t[o][1]=e,this};function Pn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}Pn.prototype.clear=In,Pn.prototype.delete=An,Pn.prototype.get=Zn,Pn.prototype.has=Bn,Pn.prototype.set=Vn;var jn=Pn,Xn=vn(X,"Map");var Gn=function(){this.size=0,this.__data__={hash:new Wn,map:new(Xn||jn),string:new Wn}};var Rn=function(n){var e=Z(n);return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==n:null===n};var Ln=function(n,e){var t=n.__data__;return Rn(e)?t["string"==typeof e?"string":"hash"]:t.map};var Fn=function(n){var e=Ln(this,n).delete(n);return this.size-=e?1:0,e};var Kn=function(n){return Ln(this,n).get(n)};var Yn=function(n){return Ln(this,n).has(n)};var Dn=function(n,e){var t=Ln(this,n),o=t.size;return t.set(n,e),this.size+=t.size==o?0:1,this};function zn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}zn.prototype.clear=Gn,zn.prototype.delete=Fn,zn.prototype.get=Kn,zn.prototype.has=Yn,zn.prototype.set=Dn;var En=zn;function Nn(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var t=function t(){var o=arguments,r=e?e.apply(this,o):o[0],i=t.cache;if(i.has(r))return i.get(r);var a=n.apply(this,o);return t.cache=i.set(r,a)||i,a};return t.cache=new(Nn.Cache||En),t}Nn.Cache=En;var Jn=Nn;var $n=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,On=/\\(\\)?/g,Mn=function(n){var e=Jn(n,(function(n){return 500===t.size&&t.clear(),n})),t=e.cache;return e}((function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace($n,(function(n,t,o,r){e.push(o?r.replace(On,"$1"):t||n)})),e}));var Qn=function(n,e){for(var t=-1,o=null==n?0:n.length,r=Array(o);++t<o;)r[t]=e(n[t],t,n);return r},Un=G?G.prototype:void 0,qn=Un?Un.toString:void 0;var ne=function n(e){if("string"==typeof e)return e;if(A(e))return Qn(e,n)+"";if($(e))return qn?qn.call(e):"";var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var ee=function(n){return null==n?"":ne(n)};var te=function(n,e){return A(n)?n:Q(n,e)?[n]:Mn(ee(n))};var oe=function(n){if("string"==typeof n||$(n))return n;var e=n+"";return"0"==e&&1/n==-Infinity?"-0":e};var re=function(n,e){for(var t=0,o=(e=te(e,n)).length;null!=n&&t<o;)n=n[oe(e[t++])];return t&&t==o?n:void 0};var ie=function(n,e,t){var o=null==n?void 0:re(n,e);return void 0===o?t:o};var ae=function(n,e,t,o){var r=-1,i=null==n?0:n.length;for(o&&i&&(t=n[++r]);++r<i;)t=e(t,n[r],r,n);return t};var le=function(n){return function(e){return null==n?void 0:n[e]}}({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"}),se=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,ce=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var de=function(n){return(n=ee(n))&&n.replace(se,le).replace(ce,"")},ue=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var pe=function(n){return n.match(ue)||[]},me=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var ge=function(n){return me.test(n)},ve="\\u2700-\\u27bf",he="a-z\\xdf-\\xf6\\xf8-\\xff",fe="A-Z\\xc0-\\xd6\\xd8-\\xde",be="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",ye="["+be+"]",xe="\\d+",ke="[\\u2700-\\u27bf]",Ce="["+he+"]",Se="[^\\ud800-\\udfff"+be+xe+ve+he+fe+"]",we="(?:\\ud83c[\\udde6-\\uddff]){2}",We="[\\ud800-\\udbff][\\udc00-\\udfff]",Ie="["+fe+"]",_e="(?:"+Ce+"|"+Se+")",Te="(?:"+Ie+"|"+Se+")",He="(?:['’](?:d|ll|m|re|s|t|ve))?",Ae="(?:['’](?:D|LL|M|RE|S|T|VE))?",Ze="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Be="[\\ufe0e\\ufe0f]?",Ve=Be+Ze+("(?:\\u200d(?:"+["[^\\ud800-\\udfff]",we,We].join("|")+")"+Be+Ze+")*"),Pe="(?:"+[ke,we,We].join("|")+")"+Ve,je=RegExp([Ie+"?"+Ce+"+"+He+"(?="+[ye,Ie,"$"].join("|")+")",Te+"+"+Ae+"(?="+[ye,Ie+_e,"$"].join("|")+")",Ie+"?"+_e+"+"+He,Ie+"+"+Ae,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",xe,Pe].join("|"),"g");var Xe=function(n){return n.match(je)||[]};var Ge=function(n,e,t){return n=ee(n),void 0===(e=t?void 0:e)?ge(n)?Xe(n):pe(n):n.match(e)||[]},Re=RegExp("['’]","g");var Le=function(n){return function(e){return ae(Ge(de(e).replace(Re,"")),n,"")}},Fe=Le((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()}));var Ke=function(n,e){for(var t=-1,o=null==n?0:n.length;++t<o&&!1!==e(n[t],t,n););return n};var Ye=function(n){return function(e,t,o){for(var r=-1,i=Object(e),a=o(e),l=a.length;l--;){var s=a[n?l:++r];if(!1===t(i[s],s,i))break}return e}}();var De=function(n,e){for(var t=-1,o=Array(n);++t<n;)o[t]=e(t);return o};var ze=function(n){return J(n)&&"[object Arguments]"==N(n)},Ee=Object.prototype,Ne=Ee.hasOwnProperty,Je=Ee.propertyIsEnumerable,$e=ze(function(){return arguments}())?ze:function(n){return J(n)&&Ne.call(n,"callee")&&!Je.call(n,"callee")};var Oe=function(){return!1},Me=V((function(n,e){var t=e&&!e.nodeType&&e,o=t&&n&&!n.nodeType&&n,r=o&&o.exports===t?X.Buffer:void 0,i=(r?r.isBuffer:void 0)||Oe;n.exports=i})),Qe=/^(?:0|[1-9]\d*)$/;var Ue=function(n,e){var t=Z(n);return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&Qe.test(n))&&n>-1&&n%1==0&&n<e};var qe=function(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991},nt={};nt["[object Float32Array]"]=nt["[object Float64Array]"]=nt["[object Int8Array]"]=nt["[object Int16Array]"]=nt["[object Int32Array]"]=nt["[object Uint8Array]"]=nt["[object Uint8ClampedArray]"]=nt["[object Uint16Array]"]=nt["[object Uint32Array]"]=!0,nt["[object Arguments]"]=nt["[object Array]"]=nt["[object ArrayBuffer]"]=nt["[object Boolean]"]=nt["[object DataView]"]=nt["[object Date]"]=nt["[object Error]"]=nt["[object Function]"]=nt["[object Map]"]=nt["[object Number]"]=nt["[object Object]"]=nt["[object RegExp]"]=nt["[object Set]"]=nt["[object String]"]=nt["[object WeakMap]"]=!1;var et=function(n){return J(n)&&qe(n.length)&&!!nt[N(n)]};var tt=function(n){return function(e){return n(e)}},ot=V((function(n,e){var t=e&&!e.nodeType&&e,o=t&&n&&!n.nodeType&&n,r=o&&o.exports===t&&P.process,i=function(){try{var n=o&&o.require&&o.require("util").types;return n||r&&r.binding&&r.binding("util")}catch(n){}}();n.exports=i})),rt=ot&&ot.isTypedArray,it=rt?tt(rt):et,at=Object.prototype.hasOwnProperty;var lt=function(n,e){var t=A(n),o=!t&&$e(n),r=!t&&!o&&Me(n),i=!t&&!o&&!r&&it(n),a=t||o||r||i,l=a?De(n.length,String):[],s=l.length;for(var c in n)!e&&!at.call(n,c)||a&&("length"==c||r&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ue(c,s))||l.push(c);return l},st=Object.prototype;var ct=function(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||st)};var dt=function(n,e){return function(t){return n(e(t))}},ut=dt(Object.keys,Object),pt=Object.prototype.hasOwnProperty;var mt=function(n){if(!ct(n))return ut(n);var e=[];for(var t in Object(n))pt.call(n,t)&&"constructor"!=t&&e.push(t);return e};var gt=function(n){return null!=n&&qe(n.length)&&!nn(n)};var vt=function(n){return gt(n)?lt(n):mt(n)};var ht=function(n,e){return function(t,o){if(null==t)return t;if(!gt(t))return n(t,o);for(var r=t.length,i=e?r:-1,a=Object(t);(e?i--:++i<r)&&!1!==o(a[i],i,a););return t}}((function(n,e){return n&&Ye(n,e,vt)}));var ft=function(n){return n};var bt=function(n){return"function"==typeof n?n:ft};var yt=function(n,e){return(A(n)?Ke:ht)(n,bt(e))};var xt=function(n,e,t){var o=-1,r=n.length;e<0&&(e=-e>r?0:r+e),(t=t>r?r:t)<0&&(t+=r),r=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(r);++o<r;)i[o]=n[o+e];return i};var kt=function(n,e,t){var o=n.length;return t=void 0===t?o:t,!e&&t>=o?n:xt(n,e,t)},Ct=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var St=function(n){return Ct.test(n)};var wt=function(n,e,t){if(!U(t))return!1;var o=Z(e);return!!("number"==o?gt(t)&&Ue(e,t.length):"string"==o&&e in t)&&_n(t[e],n)};var Wt=function(n){return J(n)&&"[object RegExp]"==N(n)},It=ot&&ot.isRegExp,_t=It?tt(It):Wt;var Tt=function(n){return n.split("")},Ht="[\\ud800-\\udfff]",At="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Zt="\\ud83c[\\udffb-\\udfff]",Bt="[^\\ud800-\\udfff]",Vt="(?:\\ud83c[\\udde6-\\uddff]){2}",Pt="[\\ud800-\\udbff][\\udc00-\\udfff]",jt="(?:"+At+"|"+Zt+")"+"?",Xt="[\\ufe0e\\ufe0f]?",Gt=Xt+jt+("(?:\\u200d(?:"+[Bt,Vt,Pt].join("|")+")"+Xt+jt+")*"),Rt="(?:"+[Bt+At+"?",At,Vt,Pt,Ht].join("|")+")",Lt=RegExp(Zt+"(?="+Zt+")|"+Rt+Gt,"g");var Ft=function(n){return n.match(Lt)||[]};var Kt=function(n){return St(n)?Ft(n):Tt(n)};var Yt=function(n,e,t){return t&&"number"!=typeof t&&wt(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=ee(n))&&("string"==typeof e||null!=e&&!_t(e))&&!(e=ne(e))&&St(n)?kt(Kt(n),0,t):n.split(e,t):[]};var Dt=function(){this.__data__=new jn,this.size=0};var zt=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t};var Et=function(n){return this.__data__.get(n)};var Nt=function(n){return this.__data__.has(n)};var Jt=function(n,e){var t=this.__data__;if(t instanceof jn){var o=t.__data__;if(!Xn||o.length<199)return o.push([n,e]),this.size=++t.size,this;t=this.__data__=new En(o)}return t.set(n,e),this.size=t.size,this};function $t(n){var e=this.__data__=new jn(n);this.size=e.size}$t.prototype.clear=Dt,$t.prototype.delete=zt,$t.prototype.get=Et,$t.prototype.has=Nt,$t.prototype.set=Jt;var Ot=$t;var Mt=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this};var Qt=function(n){return this.__data__.has(n)};function Ut(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new En;++e<t;)this.add(n[e])}Ut.prototype.add=Ut.prototype.push=Mt,Ut.prototype.has=Qt;var qt=Ut;var no=function(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(e(n[t],t,n))return!0;return!1};var eo=function(n,e){return n.has(e)};var to=function(n,e,t,o,r,i){var a=1&t,l=n.length,s=e.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(n),d=i.get(e);if(c&&d)return c==e&&d==n;var u=-1,p=!0,m=2&t?new qt:void 0;for(i.set(n,e),i.set(e,n);++u<l;){var g=n[u],v=e[u];if(o)var h=a?o(v,g,u,e,n,i):o(g,v,u,n,e,i);if(void 0!==h){if(h)continue;p=!1;break}if(m){if(!no(e,(function(n,e){if(!eo(m,e)&&(g===n||r(g,n,t,o,i)))return m.push(e)}))){p=!1;break}}else if(g!==v&&!r(g,v,t,o,i)){p=!1;break}}return i.delete(n),i.delete(e),p},oo=X.Uint8Array;var ro=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n,o){t[++e]=[o,n]})),t};var io=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t},ao=G?G.prototype:void 0,lo=ao?ao.valueOf:void 0;var so=function(n,e,t,o,r,i,a){switch(t){case"[object DataView]":if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(n.byteLength!=e.byteLength||!i(new oo(n),new oo(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return _n(+n,+e);case"[object Error]":return n.name==e.name&&n.message==e.message;case"[object RegExp]":case"[object String]":return n==e+"";case"[object Map]":var l=ro;case"[object Set]":var s=1&o;if(l||(l=io),n.size!=e.size&&!s)return!1;var c=a.get(n);if(c)return c==e;o|=2,a.set(n,e);var d=to(l(n),l(e),o,r,i,a);return a.delete(n),d;case"[object Symbol]":if(lo)return lo.call(n)==lo.call(e)}return!1};var co=function(n,e){for(var t=-1,o=e.length,r=n.length;++t<o;)n[r+t]=e[t];return n};var uo=function(n,e,t){var o=e(n);return A(n)?o:co(o,t(n))};var po=function(n,e){for(var t=-1,o=null==n?0:n.length,r=0,i=[];++t<o;){var a=n[t];e(a,t,n)&&(i[r++]=a)}return i};var mo=function(){return[]},go=Object.prototype.propertyIsEnumerable,vo=Object.getOwnPropertySymbols,ho=vo?function(n){return null==n?[]:(n=Object(n),po(vo(n),(function(e){return go.call(n,e)})))}:mo;var fo=function(n){return uo(n,vt,ho)},bo=Object.prototype.hasOwnProperty;var yo=function(n,e,t,o,r,i){var a=1&t,l=fo(n),s=l.length;if(s!=fo(e).length&&!a)return!1;for(var c=s;c--;){var d=l[c];if(!(a?d in e:bo.call(e,d)))return!1}var u=i.get(n),p=i.get(e);if(u&&p)return u==e&&p==n;var m=!0;i.set(n,e),i.set(e,n);for(var g=a;++c<s;){var v=n[d=l[c]],h=e[d];if(o)var f=a?o(h,v,d,e,n,i):o(v,h,d,n,e,i);if(!(void 0===f?v===h||r(v,h,t,o,i):f)){m=!1;break}g||(g="constructor"==d)}if(m&&!g){var b=n.constructor,y=e.constructor;b==y||!("constructor"in n)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(m=!1)}return i.delete(n),i.delete(e),m},xo=vn(X,"DataView"),ko=vn(X,"Promise"),Co=vn(X,"Set"),So=vn(X,"WeakMap"),wo="[object Map]",Wo="[object Promise]",Io="[object Set]",_o="[object WeakMap]",To="[object DataView]",Ho=an(xo),Ao=an(Xn),Zo=an(ko),Bo=an(Co),Vo=an(So),Po=N;(xo&&Po(new xo(new ArrayBuffer(1)))!=To||Xn&&Po(new Xn)!=wo||ko&&Po(ko.resolve())!=Wo||Co&&Po(new Co)!=Io||So&&Po(new So)!=_o)&&(Po=function(n){var e=N(n),t="[object Object]"==e?n.constructor:void 0,o=t?an(t):"";if(o)switch(o){case Ho:return To;case Ao:return wo;case Zo:return Wo;case Bo:return Io;case Vo:return _o}return e});var jo=Po,Xo="[object Arguments]",Go="[object Array]",Ro="[object Object]",Lo=Object.prototype.hasOwnProperty;var Fo=function(n,e,t,o,r,i){var a=A(n),l=A(e),s=a?Go:jo(n),c=l?Go:jo(e),d=(s=s==Xo?Ro:s)==Ro,u=(c=c==Xo?Ro:c)==Ro,p=s==c;if(p&&Me(n)){if(!Me(e))return!1;a=!0,d=!1}if(p&&!d)return i||(i=new Ot),a||it(n)?to(n,e,t,o,r,i):so(n,e,s,t,o,r,i);if(!(1&t)){var m=d&&Lo.call(n,"__wrapped__"),g=u&&Lo.call(e,"__wrapped__");if(m||g){var v=m?n.value():n,h=g?e.value():e;return i||(i=new Ot),r(v,h,t,o,i)}}return!!p&&(i||(i=new Ot),yo(n,e,t,o,r,i))};var Ko=function n(e,t,o,r,i){return e===t||(null==e||null==t||!J(e)&&!J(t)?e!=e&&t!=t:Fo(e,t,o,r,n,i))};var Yo=function(n,e,t,o){var r=t.length,i=r,a=!o;if(null==n)return!i;for(n=Object(n);r--;){var l=t[r];if(a&&l[2]?l[1]!==n[l[0]]:!(l[0]in n))return!1}for(;++r<i;){var s=(l=t[r])[0],c=n[s],d=l[1];if(a&&l[2]){if(void 0===c&&!(s in n))return!1}else{var u=new Ot;if(o)var p=o(c,d,s,n,e,u);if(!(void 0===p?Ko(d,c,3,o,u):p))return!1}}return!0};var Do=function(n){return n==n&&!U(n)};var zo=function(n){for(var e=vt(n),t=e.length;t--;){var o=e[t],r=n[o];e[t]=[o,r,Do(r)]}return e};var Eo=function(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}};var No=function(n){var e=zo(n);return 1==e.length&&e[0][2]?Eo(e[0][0],e[0][1]):function(t){return t===n||Yo(t,n,e)}};var Jo=function(n,e){return null!=n&&e in Object(n)};var $o=function(n,e,t){for(var o=-1,r=(e=te(e,n)).length,i=!1;++o<r;){var a=oe(e[o]);if(!(i=null!=n&&t(n,a)))break;n=n[a]}return i||++o!=r?i:!!(r=null==n?0:n.length)&&qe(r)&&Ue(a,r)&&(A(n)||$e(n))};var Oo=function(n,e){return null!=n&&$o(n,e,Jo)};var Mo=function(n,e){return Q(n)&&Do(e)?Eo(oe(n),e):function(t){var o=ie(t,n);return void 0===o&&o===e?Oo(t,n):Ko(e,o,3)}};var Qo=function(n){return function(e){return null==e?void 0:e[n]}};var Uo=function(n){return function(e){return re(e,n)}};var qo=function(n){return Q(n)?Qo(oe(n)):Uo(n)};var nr=function(n){return"function"==typeof n?n:null==n?ft:"object"==Z(n)?A(n)?Mo(n[0],n[1]):No(n):qo(n)};var er=function(n,e){var t=-1,o=gt(n)?Array(n.length):[];return ht(n,(function(n,r,i){o[++t]=e(n,r,i)})),o};var tr=function(n,e){return(A(n)?Qn:er)(n,nr(e))};var or=function(n){for(var e=-1,t=null==n?0:n.length,o={};++e<t;){var r=n[e];o[r[0]]=r[1]}return o};function rr(n){return"[object String]"===Object.prototype.toString.call(n)}function ir(n){return!(!rr(n)||""===n)}var ar=/\s/;var lr=function(n){for(var e=n.length;e--&&ar.test(n.charAt(e)););return e},sr=/^\s+/;var cr=function(n){return n?n.slice(0,lr(n)+1).replace(sr,""):n};var dr=function(n,e,t,o){for(var r=n.length,i=t+(o?1:-1);o?i--:++i<r;)if(e(n[i],i,n))return i;return-1};var ur=function(n){return n!=n};var pr=function(n,e,t){for(var o=t-1,r=n.length;++o<r;)if(n[o]===e)return o;return-1};var mr=function(n,e,t){return e==e?pr(n,e,t):dr(n,ur,t)};var gr=function(n,e){for(var t=n.length;t--&&mr(e,n[t],0)>-1;);return t};var vr=function(n,e){for(var t=-1,o=n.length;++t<o&&mr(e,n[t],0)>-1;);return t};var hr=function(n,e,t){if((n=ee(n))&&(t||void 0===e))return cr(n);if(!n||!(e=ne(e)))return n;var o=Kt(n),r=Kt(e),i=vr(o,r),a=gr(o,r)+1;return kt(o,i,a).join("")};var fr=function(n,e){var t=[];return ht(n,(function(n,o,r){e(n,o,r)&&t.push(n)})),t};var br=function(n,e){return(A(n)?po:fr)(n,nr(e))};var yr=function(n){return ee(n).toUpperCase()};var xr=function(n){return"string"==typeof n||!A(n)&&J(n)&&"[object String]"==N(n)},kr=Qo("length"),Cr="[\\ud800-\\udfff]",Sr="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",wr="\\ud83c[\\udffb-\\udfff]",Wr="[^\\ud800-\\udfff]",Ir="(?:\\ud83c[\\udde6-\\uddff]){2}",_r="[\\ud800-\\udbff][\\udc00-\\udfff]",Tr="(?:"+Sr+"|"+wr+")"+"?",Hr="[\\ufe0e\\ufe0f]?",Ar=Hr+Tr+("(?:\\u200d(?:"+[Wr,Ir,_r].join("|")+")"+Hr+Tr+")*"),Zr="(?:"+[Wr+Sr+"?",Sr,Ir,_r,Cr].join("|")+")",Br=RegExp(wr+"(?="+wr+")|"+Zr+Ar,"g");var Vr=function(n){for(var e=Br.lastIndex=0;Br.test(n);)++e;return e};var Pr=function(n){return St(n)?Vr(n):kr(n)};var jr=function(n){if(null==n)return 0;if(gt(n))return xr(n)?Pr(n):n.length;var e=jo(n);return"[object Map]"==e||"[object Set]"==e?n.size:mt(n).length},Xr=Array.prototype.join;var Gr=function(n,e){return null==n?"":Xr.call(n,e)};function Rr(n){return function(n){var e=Yt(n,"&");e=tr(e,(function(n){return hr(n)}));var t=jr(e);t=Math.min(4,t);for(var o=[],r=0;r<t;r++)o.push(e[r]);return Gr(o,"_")}(n)}var Lr={props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){var n="".concat(this.casename);return"".concat(this.kbname,"_").concat(Rr(n))},web:function(){return"https://yuda-lyu.github.io/w-component-vue/examples/"+this.fn+".html"},src:function(){return"https://github.com/yuda-lyu/w-component-vue/blob/master/docs/examples/"+this.fn+".html"}}};function Fr(n,e,t,o,r,i,a,l,s,c){"boolean"!=typeof a&&(s=l,l=a,a=!1);var d,u="function"==typeof t?t.options:t;if(n&&n.render&&(u.render=n.render,u.staticRenderFns=n.staticRenderFns,u._compiled=!0,r&&(u.functional=!0)),o&&(u._scopeId=o),i?(d=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,s(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},u._ssrRegister=d):e&&(d=a?function(n){e.call(this,c(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,l(n))}),d)if(u.functional){var p=u.render;u.render=function(n,e){return d.call(e),p(n,e)}}else{var m=u.beforeCreate;u.beforeCreate=m?[].concat(m,d):[d]}return t}var Kr,Yr="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function Dr(n){return function(n,e){return function(n,e){var t=Yr?e.media||"default":n,o=zr[t]||(zr[t]={ids:new Set,styles:[]});if(!o.ids.has(n)){o.ids.add(n);var r=e.source;if(e.map&&(r+="\n/*# sourceURL="+e.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===Kr&&(Kr=document.head||document.getElementsByTagName("head")[0]),Kr.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(r),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{var i=o.ids.size-1,a=document.createTextNode(r),l=o.element.childNodes;l[i]&&o.element.removeChild(l[i]),l.length?o.element.insertBefore(a,l[i]):o.element.appendChild(a)}}}(n,e)}}var zr={};const Er=Lr;var Nr=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"item"},[t("div",{staticStyle:{display:"inline-block"}},[n._v("\n        "+n._s(n.casename)+"\n    ")]),n._v(" "),t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition"},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("v-btn",n._g({staticClass:"bx",staticStyle:{"margin-left":"10px"},attrs:{"x-small":"",icon:"",color:"red darken-1",target:"_blank",rel:"noreferrer noopener",href:n.web}},o),[t("v-icon",{attrs:{small:""}},[n._v(n._s(n.mdiLaunch))])],1)]}}])},[n._v(" "),t("span",[n._v("example")])]),n._v(" "),t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition"},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("v-btn",n._g({staticClass:"bx",staticStyle:{"margin-left":"10px"},attrs:{"x-small":"",icon:"",color:"red darken-1",target:"_blank",rel:"noreferrer noopener",href:n.src}},o),[t("v-icon",{attrs:{small:""}},[n._v(n._s(n.mdiUnfoldMoreVertical))])],1)]}}])},[n._v(" "),t("span",[n._v("code")])])],1)};Nr._withStripped=!0;const Jr=Fr({render:Nr,staticRenderFns:[]},(function(n){n&&n("data-v-1cb3bc40_0",{source:"\n.item[data-v-1cb3bc40] {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\n.bx[data-v-1cb3bc40] {\r\n    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\demolink.vue"],names:[],mappings:";AA0FA;IACA,8BAAA;IACA,uBAAA;IACA,yBAAA;IACA,iBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,yHAAA;AACA",file:"demolink.vue",sourcesContent:['<template>\r\n    <div class="item">\r\n        \x3c!-- 因v-btn的icon與elevation屬性衝突, 使用elevation會導致color變成背景色, 故改由class設定按鈕陰影 --\x3e\r\n\r\n        <div style="display:inline-block;">\r\n            {{casename}}\r\n        </div>\r\n\r\n        <v-tooltip bottom transition="slide-y-transition">\r\n            <template v-slot:activator="{ on }">\r\n                <v-btn\r\n                    class="bx"\r\n                    style="margin-left:10px;"\r\n                    v-on="on"\r\n                    x-small\r\n                    icon\r\n                    color="red darken-1"\r\n                    target="_blank"\r\n                    rel="noreferrer noopener"\r\n                    :href="web"\r\n                >\r\n                    <v-icon small>{{mdiLaunch}}</v-icon>\r\n                </v-btn>\r\n            </template>\r\n            <span>example</span>\r\n        </v-tooltip>\r\n\r\n        <v-tooltip bottom transition="slide-y-transition">\r\n            <template v-slot:activator="{ on }">\r\n                <v-btn\r\n                    class="bx"\r\n                    style="margin-left:10px;"\r\n                    v-on="on"\r\n                    x-small\r\n                    icon\r\n                    color="red darken-1"\r\n                    target="_blank" rel="noreferrer noopener"\r\n                    :href="src"\r\n                >\r\n                    <v-icon small>{{mdiUnfoldMoreVertical}}</v-icon>\r\n                </v-btn>\r\n            </template>\r\n            <span>code</span>\r\n        </v-tooltip>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiLaunch, mdiUnfoldMoreVertical } from \'@mdi/js\'\r\nimport cvCasename from \'../../toolg/cvCasename.mjs\'\r\n\r\n\r\nexport default {\r\n    props: {\r\n        kbname: {\r\n            type: String,\r\n        },\r\n        casename: {\r\n            type: String,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mdiLaunch,\r\n            mdiUnfoldMoreVertical\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        fn: function() {\r\n            let fnc = `${this.casename}`\r\n            return `${this.kbname}_${cvCasename(fnc)}`\r\n        },\r\n\r\n        web: function() {\r\n            return \'https://yuda-lyu.github.io/w-component-vue/examples/\' + this.fn + \'.html\'\r\n        },\r\n\r\n        src: function() {\r\n            return \'https://github.com/yuda-lyu/w-component-vue/blob/master/docs/examples/\' + this.fn + \'.html\'\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.item {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n.bx {\r\n    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n</style>\r\n']},media:void 0})}),Er,"data-v-1cb3bc40",false,undefined,!1,Dr,void 0,void 0);function $r(n,e,t){if(!ir(n))return"";if(!ir(e))return"";if(!rr(t))return"";var o=new RegExp(e,"g");return String(n).replace(o,t)}var Or=function(n){return function(e){e=ee(e);var t=St(e)?Kt(e):void 0,o=t?t[0]:e.charAt(0),r=t?kt(t,1).join(""):e.slice(1);return o[n]()+r}}("toUpperCase");var Mr=function(n){return Or(ee(n).toLowerCase())},Qr=Le((function(n,e,t){return e=e.toLowerCase(),n+(t?Mr(e):e)})),Ur={default:{red:{base:"#f44336",lighten5:"#ffebee",lighten4:"#ffcdd2",lighten3:"#ef9a9a",lighten2:"#e57373",lighten1:"#ef5350",darken1:"#e53935",darken2:"#d32f2f",darken3:"#c62828",darken4:"#b71c1c",accent1:"#ff8a80",accent2:"#ff5252",accent3:"#ff1744",accent4:"#d50000"},pink:{base:"#e91e63",lighten5:"#fce4ec",lighten4:"#f8bbd0",lighten3:"#f48fb1",lighten2:"#f06292",lighten1:"#ec407a",darken1:"#d81b60",darken2:"#c2185b",darken3:"#ad1457",darken4:"#880e4f",accent1:"#ff80ab",accent2:"#ff4081",accent3:"#f50057",accent4:"#c51162"},purple:{base:"#9c27b0",lighten5:"#f3e5f5",lighten4:"#e1bee7",lighten3:"#ce93d8",lighten2:"#ba68c8",lighten1:"#ab47bc",darken1:"#8e24aa",darken2:"#7b1fa2",darken3:"#6a1b9a",darken4:"#4a148c",accent1:"#ea80fc",accent2:"#e040fb",accent3:"#d500f9",accent4:"#aa00ff"},deepPurple:{base:"#673ab7",lighten5:"#ede7f6",lighten4:"#d1c4e9",lighten3:"#b39ddb",lighten2:"#9575cd",lighten1:"#7e57c2",darken1:"#5e35b1",darken2:"#512da8",darken3:"#4527a0",darken4:"#311b92",accent1:"#b388ff",accent2:"#7c4dff",accent3:"#651fff",accent4:"#6200ea"},indigo:{base:"#3f51b5",lighten5:"#e8eaf6",lighten4:"#c5cae9",lighten3:"#9fa8da",lighten2:"#7986cb",lighten1:"#5c6bc0",darken1:"#3949ab",darken2:"#303f9f",darken3:"#283593",darken4:"#1a237e",accent1:"#8c9eff",accent2:"#536dfe",accent3:"#3d5afe",accent4:"#304ffe"},blue:{base:"#2196f3",lighten5:"#e3f2fd",lighten4:"#bbdefb",lighten3:"#90caf9",lighten2:"#64b5f6",lighten1:"#42a5f5",darken1:"#1e88e5",darken2:"#1976d2",darken3:"#1565c0",darken4:"#0d47a1",accent1:"#82b1ff",accent2:"#448aff",accent3:"#2979ff",accent4:"#2962ff"},lightBlue:{base:"#03a9f4",lighten5:"#e1f5fe",lighten4:"#b3e5fc",lighten3:"#81d4fa",lighten2:"#4fc3f7",lighten1:"#29b6f6",darken1:"#039be5",darken2:"#0288d1",darken3:"#0277bd",darken4:"#01579b",accent1:"#80d8ff",accent2:"#40c4ff",accent3:"#00b0ff",accent4:"#0091ea"},cyan:{base:"#00bcd4",lighten5:"#e0f7fa",lighten4:"#b2ebf2",lighten3:"#80deea",lighten2:"#4dd0e1",lighten1:"#26c6da",darken1:"#00acc1",darken2:"#0097a7",darken3:"#00838f",darken4:"#006064",accent1:"#84ffff",accent2:"#18ffff",accent3:"#00e5ff",accent4:"#00b8d4"},teal:{base:"#009688",lighten5:"#e0f2f1",lighten4:"#b2dfdb",lighten3:"#80cbc4",lighten2:"#4db6ac",lighten1:"#26a69a",darken1:"#00897b",darken2:"#00796b",darken3:"#00695c",darken4:"#004d40",accent1:"#a7ffeb",accent2:"#64ffda",accent3:"#1de9b6",accent4:"#00bfa5"},green:{base:"#4caf50",lighten5:"#e8f5e9",lighten4:"#c8e6c9",lighten3:"#a5d6a7",lighten2:"#81c784",lighten1:"#66bb6a",darken1:"#43a047",darken2:"#388e3c",darken3:"#2e7d32",darken4:"#1b5e20",accent1:"#b9f6ca",accent2:"#69f0ae",accent3:"#00e676",accent4:"#00c853"},lightGreen:{base:"#8bc34a",lighten5:"#f1f8e9",lighten4:"#dcedc8",lighten3:"#c5e1a5",lighten2:"#aed581",lighten1:"#9ccc65",darken1:"#7cb342",darken2:"#689f38",darken3:"#558b2f",darken4:"#33691e",accent1:"#ccff90",accent2:"#b2ff59",accent3:"#76ff03",accent4:"#64dd17"},lime:{base:"#cddc39",lighten5:"#f9fbe7",lighten4:"#f0f4c3",lighten3:"#e6ee9c",lighten2:"#dce775",lighten1:"#d4e157",darken1:"#c0ca33",darken2:"#afb42b",darken3:"#9e9d24",darken4:"#827717",accent1:"#f4ff81",accent2:"#eeff41",accent3:"#c6ff00",accent4:"#aeea00"},yellow:{base:"#ffeb3b",lighten5:"#fffde7",lighten4:"#fff9c4",lighten3:"#fff59d",lighten2:"#fff176",lighten1:"#ffee58",darken1:"#fdd835",darken2:"#fbc02d",darken3:"#f9a825",darken4:"#f57f17",accent1:"#ffff8d",accent2:"#ffff00",accent3:"#ffea00",accent4:"#ffd600"},amber:{base:"#ffc107",lighten5:"#fff8e1",lighten4:"#ffecb3",lighten3:"#ffe082",lighten2:"#ffd54f",lighten1:"#ffca28",darken1:"#ffb300",darken2:"#ffa000",darken3:"#ff8f00",darken4:"#ff6f00",accent1:"#ffe57f",accent2:"#ffd740",accent3:"#ffc400",accent4:"#ffab00"},orange:{base:"#ff9800",lighten5:"#fff3e0",lighten4:"#ffe0b2",lighten3:"#ffcc80",lighten2:"#ffb74d",lighten1:"#ffa726",darken1:"#fb8c00",darken2:"#f57c00",darken3:"#ef6c00",darken4:"#e65100",accent1:"#ffd180",accent2:"#ffab40",accent3:"#ff9100",accent4:"#ff6d00"},deepOrange:{base:"#ff5722",lighten5:"#fbe9e7",lighten4:"#ffccbc",lighten3:"#ffab91",lighten2:"#ff8a65",lighten1:"#ff7043",darken1:"#f4511e",darken2:"#e64a19",darken3:"#d84315",darken4:"#bf360c",accent1:"#ff9e80",accent2:"#ff6e40",accent3:"#ff3d00",accent4:"#dd2c00"},brown:{base:"#795548",lighten5:"#efebe9",lighten4:"#d7ccc8",lighten3:"#bcaaa4",lighten2:"#a1887f",lighten1:"#8d6e63",darken1:"#6d4c41",darken2:"#5d4037",darken3:"#4e342e",darken4:"#3e2723"},blueGrey:{base:"#607d8b",lighten5:"#eceff1",lighten4:"#cfd8dc",lighten3:"#b0bec5",lighten2:"#90a4ae",lighten1:"#78909c",darken1:"#546e7a",darken2:"#455a64",darken3:"#37474f",darken4:"#263238"},grey:{base:"#9e9e9e",lighten5:"#fafafa",lighten4:"#f5f5f5",lighten3:"#eeeeee",lighten2:"#e0e0e0",lighten1:"#bdbdbd",darken1:"#757575",darken2:"#616161",darken3:"#424242",darken4:"#212121"},shades:{black:"#000000",white:"#ffffff",transparent:"transparent"}}};function qr(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";var e=function(n){var e=Yt(n," ");return 1===jr(e)&&(e[1]=null),e}(n);return function(n,e,t){var o=ie(Ur,"default.".concat(n,".").concat(e),null);return null===o&&(o=t),o}(function(n){var e=n.trim();return Qr(e)}(e[0]),function(n){ir(n)||(n="base");var e=n.trim();return e.replace("-","").trim()}(e[1]),n)}function ni(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var ei=/^[-+]0x[0-9a-f]+$/i,ti=/^0b[01]+$/i,oi=/^0o[0-7]+$/i,ri=parseInt;var ii=function(n){if("number"==typeof n)return n;if($(n))return NaN;if(U(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=U(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=cr(n);var t=ti.test(n);return t||oi.test(n)?ri(n.slice(2),t?2:8):ei.test(n)?NaN:+n},ai=1/0;var li=function(n){return n?(n=ii(n))===ai||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0};var si=function(n){var e=li(n),t=e%1;return e==e?t?e-t:e:0};var ci=function(n){return"number"==typeof n&&n==si(n)};function di(n){var e=!1;return ir(n)?e=!isNaN(Number(n)):function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)&&(e=!0),e}function ui(n){return di(n)?li(n):0}function pi(n){return!!di(n)&&(n=ui(n),ci(n))}var mi=X.isFinite,gi=Math.min;var vi=function(n){var e=Math[n];return function(n,t){if(n=ii(n),(t=null==t?0:gi(si(t),292))&&mi(n)){var o=(ee(n)+"e").split("e"),r=e(o[0]+"e"+(+o[1]+t));return+((o=(ee(r)+"e").split("e"))[0]+"e"+(+o[1]-t))}return e(n)}}("round");function hi(n){if(!di(n))return 0;n=ui(n);var e=vi(n);return"0"===String(e)?0:e}function fi(n){return!!pi(n)&&hi(n)>0}var bi=V((function(n){var e=Object.prototype.hasOwnProperty,t="~";function o(){}function r(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,o,i,a){if("function"!=typeof o)throw new TypeError("The listener must be a function");var l=new r(o,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new o:delete n._events[e]}function l(){this._events=new o,this._eventsCount=0}Object.create&&(o.prototype=Object.create(null),(new o).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,o,r=[];if(0===this._eventsCount)return r;for(o in n=this._events)e.call(n,o)&&r.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(n)):r},l.prototype.listeners=function(n){var e=t?t+n:n,o=this._events[e];if(!o)return[];if(o.fn)return[o.fn];for(var r=0,i=o.length,a=new Array(i);r<i;r++)a[r]=o[r].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,o=this._events[e];return o?o.fn?1:o.length:0},l.prototype.emit=function(n,e,o,r,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,d=this._events[l],u=arguments.length;if(d.fn){switch(d.once&&this.removeListener(n,d.fn,void 0,!0),u){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,e),!0;case 3:return d.fn.call(d.context,e,o),!0;case 4:return d.fn.call(d.context,e,o,r),!0;case 5:return d.fn.call(d.context,e,o,r,i),!0;case 6:return d.fn.call(d.context,e,o,r,i,a),!0}for(c=1,s=new Array(u-1);c<u;c++)s[c-1]=arguments[c];d.fn.apply(d.context,s)}else{var p,m=d.length;for(c=0;c<m;c++)switch(d[c].once&&this.removeListener(n,d[c].fn,void 0,!0),u){case 1:d[c].fn.call(d[c].context);break;case 2:d[c].fn.call(d[c].context,e);break;case 3:d[c].fn.call(d[c].context,e,o);break;case 4:d[c].fn.call(d[c].context,e,o,r);break;default:if(!s)for(p=1,s=new Array(u-1);p<u;p++)s[p-1]=arguments[p];d[c].fn.apply(d[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,o,r){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||r&&!l.once||o&&l.context!==o||a(this,i);else{for(var s=0,c=[],d=l.length;s<d;s++)(l[s].fn!==e||r&&!l[s].once||o&&l[s].context!==o)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new o,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}));function yi(){return new bi}function xi(n){var e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}function ki(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function Ci(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ki(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ki(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var Si="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),wi=Si.length;function Wi(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=fi(n)?hi(n):32;for(var t=0;t<n;t++)e[t]=Si[0|Math.random()*wi];var o=e.join("");return o}function Ii(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _i(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ii(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ii(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Ti(){var n={};return{bind:function(e,t,o){var r="r".concat(Wi());e.setAttribute("ev-resize",r);var i=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=ie(e,"timeInterval",null);fi(t)||(t=20);var o=ie(e,"tolerancePixel",null);fi(o)||(o=1);var r,i=yi(),a={offsetWidth:0,offsetHeight:0};if(!xi(n))return console.log("invalid f",n),null;r=setInterval((function(){var e=n();if(e){var t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight},r=Math.abs(a.offsetWidth-t.offsetWidth)>o,l=Math.abs(a.offsetHeight-t.offsetHeight)>o;if(r||l){var s=Ci({},a);setTimeout((function(){t.offsetWidth>0&&t.offsetHeight>0&&(i.emit("resize",{sold:s,snew:t,ele:e}),i.emit("resizeWithWindow",{sold:s,snew:t,ele:e,from:"dom"}))}),1)}a=t}}),t);var l=function(n){i.emit("resizeWithWindow",{snew:a,from:"window"})};return window.addEventListener("resize",l),i.clear=function(){clearInterval(r),window.removeEventListener("resize",l)},i}((function(){return e}));i.on("resizeWithWindow",(function(n){var e=window.innerHeight,t=_i(_i({},n),{},{winHeight:e});!function(n,e,t){var o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"domresize",t)})),n[r]=i},unbind:function(e){var t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}const Hi={directives:{domresize:Ti()},props:{text:{type:String,default:""},badgeAlign:{type:String,default:"center"},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"red"},borderRadius:{type:Number,default:10},borderColor:{type:String,default:"transparent"},borderWidth:{type:Number,default:1}},data:function(){return{paddingTop:0,paddingRight:0,translateX:50,multiplyW:.5,shiftX:0}},computed:{changeBadgeAlign:function(){var n=this;return"left"===n.badgeAlign?(n.translateX=100,n.multiplyW=1,n.shiftX=10):"right"===n.badgeAlign?(n.translateX=0,n.multiplyW=0,n.shiftX=-10):(n.translateX=50,n.multiplyW=.5,n.shiftX=0),""},useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)},useBackgroundColor:function(){return qr(this.backgroundColor)},useBorderColor:function(){return qr(this.borderColor)}},methods:{resize:function(n){var e=this,t=ie(e,"$refs.badge");if(t){var o=ie(t,"offsetWidth",null),r=ie(t,"offsetHeight",null);o&&r&&(e.paddingTop=.5*r,e.paddingRight=o*e.multiplyW-e.shiftX,e.$emit("resize",n))}}}};var Ai=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"inline-block"},attrs:{changeBadgeAlign:n.changeBadgeAlign},on:{domresize:n.resize}},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px 0px 0px;"},[t("div",{style:"position:relative;"},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);"},[t("span",{ref:"badge",style:"padding:0px 6px; border-radius:"+n.borderRadius+"px; border-width:"+n.borderWidth+"px; border-style:solid; border-color:"+n.useBorderColor+"; white-space:nowrap; "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+";"},[n._v("\n                    "+n._s(n.text)+"\n                ")])])],2)])])};Ai._withStripped=!0;const Zi={components:{demolink:Jr,WBadge:Fr({render:Ai,staticRenderFns:[]},(function(n){n&&n("data-v-06a57a4d_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})}),Hi,"data-v-06a57a4d",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WBadge:{number:"5",text:"A",textLong:"A123",labelText:"測試中文Label"},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}},methods:{resize:function(n){console.log("resize",n)},mutation:function(n){console.log("mutation",n)},scroll:function(n){console.log("scroll",n)},scrollInfor:function(n){console.log("scroll-infor",n)}}};var Bi=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"default"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.number}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"badgeAlign"}}),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"center"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"left"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"right"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textFontSize"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textFontSize:"0.9rem"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,backgroundColor:"purple"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderRadius"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,borderRadius:3}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderColor & textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5",borderColor:"deep-orange darken-1"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1)])])};Bi._withStripped=!0;const Vi=Fr({render:Bi,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-badge")])])}]},(function(n){n&&n("data-v-03cdc645_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBadge.vue"},media:void 0})}),Zi,"data-v-03cdc645",false,undefined,!1,Dr,void 0,void 0);const Pi={props:{hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},padding:{type:Number,default:20},borderRadius:{type:Number,default:5},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},shadow:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{usePanelStyle:function(){var n={};return n["background-color"]=qr(this.contentBackgroundColor),n["border-radius"]="".concat(this.borderRadius,"px"),n},useHeaderStyle:function(){var n=this,e={};return e.padding="".concat(n.padding,"px"),e["border-bottom"]="1px solid #ddd",e["background-color"]=qr(n.headerBackgroundColor),e["border-radius"]="".concat(n.borderRadius,"px ").concat(n.borderRadius,"px 0 0"),e.display="flex",e["justify-content"]="flex-start",e["align-items"]="center",e},useContentStyle:function(){var n=this,e={},t="0 0",o="0 0";return n.hasHeader||(t="".concat(n.borderRadius,"px ").concat(n.borderRadius,"px")),n.hasFooter||(o="".concat(n.borderRadius,"px ").concat(n.borderRadius,"px")),e["border-radius"]="".concat(t," ").concat(o),e},useFooterStyle:function(){var n=this,e={};return e.padding="".concat(n.padding,"px"),e["border-top"]="1px solid #ddd",e["background-color"]=qr(n.footerBackgroundColor),e["border-radius"]="0 0 ".concat(n.borderRadius,"px ").concat(n.borderRadius,"px"),e}},methods:{}};var ji=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{class:{shadow:n.shadow},style:[n.usePanelStyle]},[n.hasHeader?t("div",{style:[n.useHeaderStyle]},[n._t("icon"),n._v(" "),t("div",[n._t("title"),n._v(" "),n._t("description")],2)],2):n._e(),n._v(" "),t("div",{style:[n.useContentStyle]},[n._t("content")],2),n._v(" "),n.hasFooter?t("div",{style:[n.useFooterStyle]},[n._t("footer")],2):n._e()])};ji._withStripped=!0;const Xi={components:{demolink:Jr,WPanelStripe:Fr({render:ji,staticRenderFns:[]},(function(n){n&&n("data-v-0e00d4b8_0",{source:"\n.shadow[data-v-0e00d4b8] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelStripe.vue"],names:[],mappings:";AAoJA;IACA,mGAAA;AACA",file:"WPanelStripe.vue",sourcesContent:["<template>\r\n    <div :class=\"{'shadow':shadow}\" :style=\"[usePanelStyle]\">\r\n\r\n        <div :style=\"[useHeaderStyle]\" v-if=\"hasHeader\">\r\n            <slot name=\"icon\"></slot>\r\n            <div>\r\n                <slot name=\"title\"></slot>\r\n                <slot name=\"description\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"[useContentStyle]\">\r\n            <slot name=\"content\"></slot>\r\n        </div>\r\n\r\n        <div :style=\"[useFooterStyle]\" v-if=\"hasFooter\">\r\n            <slot name=\"footer\"></slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [hasHeader=true] 輸入是否有上部標題區，預設true\r\n * @vue-prop {Boolean} [hasFooter=true] 輸入是否有下部基底區，預設true\r\n * @vue-prop {Number} [padding=20] 輸入內間距，單位為px，預設20\r\n * @vue-prop {Number} [borderRadius=5] 輸入圓角寬度數字，單位為px，預設5\r\n * @vue-prop {String} [headerBackgroundColor='grey lighten-5'] 輸入上方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        hasHeader: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hasFooter: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        padding: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        footerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        usePanelStyle: function() {\r\n            //console.log('computed usePanelStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['background-color'] = color2hex(vo.contentBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n        useHeaderStyle: function() {\r\n            //console.log('computed useHeaderStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-bottom'] = '1px solid #ddd'\r\n            s['background-color'] = color2hex(vo.headerBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`\r\n            s['display'] = 'flex'\r\n            s['justify-content'] = 'flex-start'\r\n            s['align-items'] = 'center'\r\n\r\n            return s\r\n        },\r\n\r\n        useContentStyle: function() {\r\n            //console.log('computed useContentStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            let ch = '0 0'\r\n            let cf = '0 0'\r\n            if (!vo.hasHeader) {\r\n                ch = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            if (!vo.hasFooter) {\r\n                cf = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            s['border-radius'] = `${ch} ${cf}`\r\n\r\n            return s\r\n        },\r\n\r\n        useFooterStyle: function() {\r\n            //console.log('computed useFooterStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-top'] = '1px solid #ddd'\r\n            s['background-color'] = color2hex(vo.footerBackgroundColor)\r\n            s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n</style>\r\n"]},media:void 0})}),Pi,"data-v-0e00d4b8",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WPanelStripe:{title:"A panel title",description:"Quisque ut nisi. Maecenas malesuada.",content:"Here is a panel content, Morbi mattis ullamcorper velit. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. In ut quam vitae odio lacinia tincidunt.",footer:"Here is a panel footer"},actions:[]}}};var Gi=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon, slot title, slot description, slot content and slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon (fontawesome)"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fas fa-allergies")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{headerBackgroundColor:"orange lighten-4",footerBackgroundColor:"orange lighten-5"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"borderRadius"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{borderRadius:30},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{"background-color":"#bbb",padding:"40px"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no shadow, with crimson outer"}}),n._v(" "),t("div",{staticStyle:{"background-color":"#a77",padding:"40px"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},attrs:{shadow:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot icon and slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"10px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"padding"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{padding:12},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"10px"},attrs:{size:"44"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"1.3rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.6","font-size":"0.8rem"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"12px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"buttons in slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",{staticStyle:{display:"flex","justify-content":"flex-end"}},[t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px","background-color":"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("離開")]),n._v(" "),t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px","background-color":"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("儲存")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasHeader:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasFooter:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"separate for slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("span",[n._v("A panel subtitle")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px","font-size":"0.85rem"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",[n._v(n._s(n.WPanelStripe.footer))])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"table in slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("v-icon",{staticStyle:{"margin-right":"15px"},attrs:{size:"60"}},[n._v("fab fa-angular")])]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px"}},[t("span",[n._v("A data table")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.7rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("23")])])])])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1)])])};Gi._withStripped=!0;const Ri=Fr({render:Gi,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-stripe")])])}]},(function(n){n&&n("data-v-e6d45ccc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelStripe.vue"},media:void 0})}),Xi,"data-v-e6d45ccc",false,undefined,!1,Dr,void 0,void 0);const Li={directives:{domresize:Ti()},props:{headerBorderRadius:{type:Number,default:0},headerPadding:{type:[Number,String],default:"0px 20px"},headerText:{type:String,default:""},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"rgba(77, 182, 172, 0.8)"},headerShadow:{type:Boolean,default:!0},contentBorderRadius:{type:Number,default:0},contentPadding:{type:[Number,String],default:0},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{headerHeight:0}},computed:{useHeaderTextColor:function(){return qr(this.headerTextColor)},useHeaderBackgroundColor:function(){return qr(this.headerBackgroundColor)},useHeaderPadding:function(){var n=this;return di(n.headerPadding)?"".concat(n.headerPadding,"px"):n.headerPadding},useContentBackgroundColor:function(){return qr(this.contentBackgroundColor)},useContentPadding:function(){var n=this;return di(n.contentPadding)?"".concat(n.contentPadding,"px"):n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var Fi=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{style:"padding:"+n.useHeaderPadding+"; z-index:2;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:{"shadow-header":n.headerShadow},style:"display:inline-block; background:"+n.useHeaderBackgroundColor+"; border-radius:"+n.headerBorderRadius+"px;",on:{domresize:n.updateHeaderHeight}},[n._t("header",[t("div",{style:"padding:5px 10px; color:"+n.useHeaderTextColor+";"},[n._v("\n                    "+n._s(n.headerText)+"\n                ")])])],2)]),n._v(" "),t("div",{style:"margin-top:-"+n.headerHeight/2+"px; z-index:1;"},[t("div",{class:{shadow:n.contentShadow},style:"background:"+n.useContentBackgroundColor+"; border-radius:"+n.contentBorderRadius+"px;"},[t("div",{style:"padding:"+n.useContentPadding+";"},[t("div",{style:"height:"+n.headerHeight/2+"px;"}),n._v(" "),n._t("default")],2)])])])};Fi._withStripped=!0;const Ki=Fr({render:Fi,staticRenderFns:[]},(function(n){n&&n("data-v-69639343_0",{source:"\n.shadow[data-v-69639343] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-69639343] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelBulge.vue"],names:[],mappings:";AA0LA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelBulge.vue",sourcesContent:["<template>\r\n    <div>\r\n\r\n        <div\r\n            :style=\"`padding:${useHeaderPadding}; z-index:2;`\"\r\n        >\r\n            <div\r\n                :class=\"{'shadow-header':headerShadow}\"\r\n                :style=\"`display:inline-block; background:${useHeaderBackgroundColor}; border-radius:${headerBorderRadius}px;`\"\r\n                v-domresize\r\n                @domresize=\"updateHeaderHeight\"\r\n            >\r\n\r\n                <slot name=\"header\">\r\n                    <div :style=\"`padding:5px 10px; color:${useHeaderTextColor};`\">\r\n                        {{headerText}}\r\n                    </div>\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"`margin-top:-${headerHeight/2}px; z-index:1;`\">\r\n\r\n            <div\r\n                :class=\"{'shadow':contentShadow}\"\r\n                :style=\"`background:${useContentBackgroundColor}; border-radius:${contentBorderRadius}px;`\"\r\n            >\r\n\r\n                <div :style=\"`padding:${useContentPadding};`\">\r\n\r\n                    <div :style=\"`height:${headerHeight/2}px;`\"></div>\r\n\r\n                    <slot></slot>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [headerBorderRadius=0] 輸入標題區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [headerPadding='0px 20px'] 輸入標題區邊寬長度數字或字串，若輸入數字則單位為px，若輸入字串則需自己添加單位，預設'0px 20px'\r\n * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'\r\n * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true\r\n * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        headerBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        headerPadding: {\r\n            type: [Number, String],\r\n            default: '0px 20px',\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(77, 182, 172, 0.8)', //teal lighten-2\r\n        },\r\n        headerShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        contentPadding: {\r\n            type: [Number, String],\r\n            default: 0,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            headerHeight: 0,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.headerTextColor)\r\n        },\r\n\r\n        useHeaderBackgroundColor: function() {\r\n            //console.log('computed useHeaderBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.headerBackgroundColor)\r\n        },\r\n\r\n        useHeaderPadding: function() {\r\n            //console.log('computed useHeaderPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.headerPadding)) {\r\n                return `${vo.headerPadding}px`\r\n            }\r\n            else {\r\n                return vo.headerPadding\r\n            }\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.contentBackgroundColor)\r\n        },\r\n\r\n        useContentPadding: function() {\r\n            //console.log('computed useContentPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.contentPadding)) {\r\n                return `${vo.contentPadding}px`\r\n            }\r\n            else {\r\n                return vo.contentPadding\r\n            }\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeaderHeight: function(msg) {\r\n            //console.log('methods updateHeaderHeight', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.headerHeight = msg.snew.offsetHeight\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),Li,"data-v-69639343",false,undefined,!1,Dr,void 0,void 0);var Yi=function(n,e){return Ko(n,e)},Di=function(){try{var n=vn(Object,"defineProperty");return n({},"",{}),n}catch(n){}}();var zi=function(n,e,t){"__proto__"==e&&Di?Di(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t},Ei=Object.prototype.hasOwnProperty;var Ni=function(n,e,t){var o=n[e];Ei.call(n,e)&&_n(o,t)&&(void 0!==t||e in n)||zi(n,e,t)};var Ji=function(n,e,t,o){var r=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=o?o(t[l],n[l],l,t,n):void 0;void 0===s&&(s=n[l]),r?zi(t,l,s):Ni(t,l,s)}return t};var $i=function(n,e){return n&&Ji(e,vt(e),n)};var Oi=function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e},Mi=Object.prototype.hasOwnProperty;var Qi=function(n){if(!U(n))return Oi(n);var e=ct(n),t=[];for(var o in n)("constructor"!=o||!e&&Mi.call(n,o))&&t.push(o);return t};var Ui=function(n){return gt(n)?lt(n,!0):Qi(n)};var qi=function(n,e){return n&&Ji(e,Ui(e),n)},na=V((function(n,e){var t=e&&!e.nodeType&&e,o=t&&n&&!n.nodeType&&n,r=o&&o.exports===t?X.Buffer:void 0,i=r?r.allocUnsafe:void 0;n.exports=function(n,e){if(e)return n.slice();var t=n.length,o=i?i(t):new n.constructor(t);return n.copy(o),o}}));var ea=function(n,e){var t=-1,o=n.length;for(e||(e=Array(o));++t<o;)e[t]=n[t];return e};var ta=function(n,e){return Ji(n,ho(n),e)},oa=dt(Object.getPrototypeOf,Object),ra=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)co(e,ho(n)),n=oa(n);return e}:mo;var ia=function(n,e){return Ji(n,ra(n),e)};var aa=function(n){return uo(n,Ui,ra)},la=Object.prototype.hasOwnProperty;var sa=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&la.call(n,"index")&&(t.index=n.index,t.input=n.input),t};var ca=function(n){var e=new n.constructor(n.byteLength);return new oo(e).set(new oo(n)),e};var da=function(n,e){var t=e?ca(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)},ua=/\w*$/;var pa=function(n){var e=new n.constructor(n.source,ua.exec(n));return e.lastIndex=n.lastIndex,e},ma=G?G.prototype:void 0,ga=ma?ma.valueOf:void 0;var va=function(n){return ga?Object(ga.call(n)):{}};var ha=function(n,e){var t=e?ca(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)};var fa=function(n,e,t){var o=n.constructor;switch(e){case"[object ArrayBuffer]":return ca(n);case"[object Boolean]":case"[object Date]":return new o(+n);case"[object DataView]":return da(n,t);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return ha(n,t);case"[object Map]":return new o;case"[object Number]":case"[object String]":return new o(n);case"[object RegExp]":return pa(n);case"[object Set]":return new o;case"[object Symbol]":return va(n)}},ba=Object.create,ya=function(){function n(){}return function(e){if(!U(e))return{};if(ba)return ba(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}();var xa=function(n){return"function"!=typeof n.constructor||ct(n)?{}:ya(oa(n))};var ka=function(n){return J(n)&&"[object Map]"==jo(n)},Ca=ot&&ot.isMap,Sa=Ca?tt(Ca):ka;var wa=function(n){return J(n)&&"[object Set]"==jo(n)},Wa=ot&&ot.isSet,Ia=Wa?tt(Wa):wa,_a="[object Arguments]",Ta="[object Function]",Ha="[object Object]",Aa={};Aa[_a]=Aa["[object Array]"]=Aa["[object ArrayBuffer]"]=Aa["[object DataView]"]=Aa["[object Boolean]"]=Aa["[object Date]"]=Aa["[object Float32Array]"]=Aa["[object Float64Array]"]=Aa["[object Int8Array]"]=Aa["[object Int16Array]"]=Aa["[object Int32Array]"]=Aa["[object Map]"]=Aa["[object Number]"]=Aa[Ha]=Aa["[object RegExp]"]=Aa["[object Set]"]=Aa["[object String]"]=Aa["[object Symbol]"]=Aa["[object Uint8Array]"]=Aa["[object Uint8ClampedArray]"]=Aa["[object Uint16Array]"]=Aa["[object Uint32Array]"]=!0,Aa["[object Error]"]=Aa[Ta]=Aa["[object WeakMap]"]=!1;var Za=function n(e,t,o,r,i,a){var l,s=1&t,c=2&t,d=4&t;if(o&&(l=i?o(e,r,i,a):o(e)),void 0!==l)return l;if(!U(e))return e;var u=A(e);if(u){if(l=sa(e),!s)return ea(e,l)}else{var p=jo(e),m=p==Ta||"[object GeneratorFunction]"==p;if(Me(e))return na(e,s);if(p==Ha||p==_a||m&&!i){if(l=c||m?{}:xa(e),!s)return c?ia(e,qi(l,e)):ta(e,$i(l,e))}else{if(!Aa[p])return i?e:{};l=fa(e,p,s)}}a||(a=new Ot);var g=a.get(e);if(g)return g;a.set(e,l),Ia(e)?e.forEach((function(r){l.add(n(r,t,o,r,e,a))})):Sa(e)&&e.forEach((function(r,i){l.set(i,n(r,t,o,i,e,a))}));var v=u?void 0:(d?c?aa:fo:c?Ui:vt)(e);return Ke(v||e,(function(r,i){v&&(r=e[i=r]),Ni(l,i,n(r,t,o,i,e,a))})),l};var Ba=function(n){return Za(n,5)};function Va(n){return"[object Array]"===Object.prototype.toString.call(n)}function Pa(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function ja(n){return"[object Object]"===Object.prototype.toString.call(n)}function Xa(n){if(ja(n)){for(var e in n)return!1;return!0}return!1}function Ga(n){return!!Pa(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!Xa(n)||(!!function(n){return!(!rr(n)||""!==n)}(n)||!!function(n){return!!Va(n)&&0===n.length}(n))))}var Ra=function(n){return!0===n||!1===n||J(n)&&"[object Boolean]"==N(n)};function La(n){return Ra(n)}function Fa(n,e){if(!ir(n))return[];if(!ir(e))return[];var t=function(n,e){return ir(n)&&ir(e)?n.split(e):[]}(n,e);t=tr(t,hr);var o=[];return yt(t,(function(n){ir(n)&&o.push(n)})),o}function Ka(){var n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var Ya=G?G.isConcatSpreadable:void 0;var Da=function(n){return A(n)||$e(n)||!!(Ya&&n&&n[Ya])};var za=function n(e,t,o,r,i){var a=-1,l=e.length;for(o||(o=Da),i||(i=[]);++a<l;){var s=e[a];t>0&&o(s)?t>1?n(s,t-1,o,r,i):co(i,s):r||(i[i.length]=s)}return i};var Ea=function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n};var Na=function(n,e){if(n!==e){var t=void 0!==n,o=null===n,r=n==n,i=$(n),a=void 0!==e,l=null===e,s=e==e,c=$(e);if(!l&&!c&&!i&&n>e||i&&a&&s&&!l&&!c||o&&a&&s||!t&&s||!r)return 1;if(!o&&!i&&!c&&n<e||c&&t&&r&&!o&&!i||l&&t&&r||!a&&r||!s)return-1}return 0};var Ja=function(n,e,t){for(var o=-1,r=n.criteria,i=e.criteria,a=r.length,l=t.length;++o<a;){var s=Na(r[o],i[o]);if(s)return o>=l?s:s*("desc"==t[o]?-1:1)}return n.index-e.index};var $a=function(n,e,t){e=e.length?Qn(e,(function(n){return A(n)?function(e){return re(e,1===n.length?n[0]:n)}:n})):[ft];var o=-1;e=Qn(e,tt(nr));var r=er(n,(function(n,t,r){return{criteria:Qn(e,(function(e){return e(n)})),index:++o,value:n}}));return Ea(r,(function(n,e){return Ja(n,e,t)}))};var Oa=function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)},Ma=Math.max;var Qa=function(n,e,t){return e=Ma(void 0===e?n.length-1:e,0),function(){for(var o=arguments,r=-1,i=Ma(o.length-e,0),a=Array(i);++r<i;)a[r]=o[e+r];r=-1;for(var l=Array(e+1);++r<e;)l[r]=o[r];return l[e]=t(a),Oa(n,this,l)}};var Ua=function(n){return function(){return n}},qa=Di?function(n,e){return Di(n,"toString",{configurable:!0,enumerable:!1,value:Ua(e),writable:!0})}:ft,nl=Date.now;var el=function(n){var e=0,t=0;return function(){var o=nl(),r=16-(o-t);if(t=o,r>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(qa);var tl=function(n,e){return el(Qa(n,e,ft),n+"")},ol=tl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&wt(n,e[0],e[1])?e=[]:t>2&&wt(e[0],e[1],e[2])&&(e=[e[0]]),$a(n,za(e,1),[])}));var rl=function(n){return ee(n).toLowerCase()};function il(n){if(ja(n)){for(var e in n)return!0;return!1}return!1}function al(n,e){return ir(n)&&fi(e)?n.substr(0,e):""}function ll(n,e){if(!ir(n))return"";if(!fi(e))return"";var t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function sl(n,e){return ir(n)&&fi(e)?ll(n,n.length-e):""}function cl(n){if(!ir(n)&&!di(n)&&!$(n))return"";var e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function dl(n,e){return!!ja(n)&&(!(!ir(e)&&!di(e))&&e in n)}function ul(n){return!!pi(n)&&hi(n)>=0}function pl(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return ir(n)&&ul(e)?(t=fi(t)?hi(t):1,n.substring(e,e+t)):""}var ml={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function gl(n){return hl(n,1)}function vl(n){return hl(n,360)}function hl(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!di(n=$r(n,"%","")))throw new Error("invalid color: value is not number");n=ui(n)/100}else{if(!di(n))throw new Error("invalid color: value is not number");n=ui(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function fl(n){if(!di(n))throw new Error("invalid color: value is not number");if((n=ui(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function bl(n){var e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!Va(n))throw new Error("invalid colors array");var o=ie(n,0,0),r=ie(n,1,0),i=ie(n,2,0),a=ie(n,3,1);if(t=t.split(""),4!==jr(t))throw new Error("tar.length !== 4");var l=ie(t,0),s=ie(t,1),c=ie(t,2),d=ie(t,3);return ni(e={},l,o),ni(e,s,r),ni(e,c,i),ni(e,d,a),e}function yl(n){n=sl(n,1);var e=jr(n);if(2===e)n="".concat(n).concat(n).concat(n,"ff");else if(3===e){var t=pl(n,0,1),o=pl(n,1,1),r=pl(n,2,1);n="".concat(t).concat(t).concat(o).concat(o).concat(r).concat(r,"ff")}else if(6===e)n="".concat(n,"ff");else if(8!==e)throw new Error("invalid hex color");function i(n){if(2!==jr(n))throw new Error("hex.length of color is not equal to 2");if(!di(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=ui(n))/255}return{r:i(pl(n,0,2)),g:i(pl(n,2,2)),b:i(pl(n,4,2)),a:i(pl(n,6,2))}}function xl(n){return n=bl(n=tr(n,(function(n,e){return e<=2?hl(n,255):3===e?fl(n):null})),"rgba")}function kl(n){return n=_l(n=bl(n=tr(n,(function(n,e){return 0===e?vl(n):1===e||2===e?gl(n):3===e?fl(n):null})),"hsla"))}function Cl(n){return n=Tl(n=bl(n=tr(n,(function(n,e){return 0===e?vl(n):1===e||2===e?gl(n):3===e?fl(n):null})),"hsva"))}function Sl(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return dl(ml,n)}(n))return yl(n="#".concat(ml[n]));if(function(n){return"#"===al(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return yl(n);if(function(n){return"rgb"===al(n,3)||"rgba"===al(n,4)}(n))return function(n){return n=$r(n,"rgba",""),n=$r(n,"rgb",""),xl(Fa(n=$r(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===al(n,3)||"hsla"===al(n,4)}(n))return function(n){return n=$r(n,"hsla",""),n=$r(n,"hsl",""),kl(Fa(n=$r(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===al(n,3)||"hsva"===al(n,4)}(n))return function(n){return n=$r(n,"hsva",""),n=$r(n,"hsv",""),Cl(Fa(n=$r(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function wl(n,e){return!!dl(n,e=rl(e))||!!dl(n,e=yr(e))}function Wl(n,e,t){var o;return null!==(o=ie(n,e,null))?o:(e=yr(e),null!==(o=ie(n,e,null))?o:t)}function Il(n){if(function(n){var e=wl(n,"r"),t=wl(n,"g"),o=wl(n,"b");return e&&t&&o}(n))return function(n){var e=[Wl(n,"r",null),Wl(n,"g",null),Wl(n,"b",null),Wl(n,"a",1)];return xl(e=tr(e,cl))}(n);if(function(n){var e=wl(n,"h"),t=wl(n,"s"),o=wl(n,"l");return e&&t&&o}(n))return function(n){var e=[Wl(n,"h",null),Wl(n,"s",null),Wl(n,"l",null),Wl(n,"a",1)];return kl(e=tr(e,cl))}(n);if(function(n){var e=wl(n,"h"),t=wl(n,"s"),o=wl(n,"v");return e&&t&&o}(n))return function(n){var e=[Wl(n,"h",null),Wl(n,"s",null),Wl(n,"v",null),Wl(n,"a",1)];return Cl(e=tr(e,cl))}(n);throw new Error("color object is not rgba, hsla, hsva")}function _l(n){var e,t,o,r=n.h,i=n.s,a=n.l;function l(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=o=a;else{var s=a<.5?a*(1+i):a+i-a*i,c=2*a-s;e=l(c,s,r+1/3),t=l(c,s,r),o=l(c,s,r-1/3)}return{r:e,g:t,b:o,a:n.a}}function Tl(n){var e,t,o,r=n.h,i=n.s,a=n.v,l=Math.floor(6*r),s=6*r-l,c=a*(1-i),d=a*(1-s*i),u=a*(1-(1-s)*i);switch(l%6){case 0:e=a,t=u,o=c;break;case 1:e=d,t=a,o=c;break;case 2:e=c,t=a,o=u;break;case 3:e=c,t=d,o=a;break;case 4:e=u,t=c,o=a;break;case 5:e=a,t=c,o=d}return{r:e,g:t,b:o,a:n.a}}function Hl(n){return vi(n,0)}function Al(n){return vi(n,3)}function Zl(n){return{r:Hl(255*n.r),g:Hl(255*n.g),b:Hl(255*n.b),a:Al(n.a)}}function Bl(n){return"rgba(".concat(Hl(255*n.r),", ").concat(Hl(255*n.g),", ").concat(Hl(255*n.b),", ").concat(Al(n.a),")")}function Vl(n){var e=null,t=null,o=null;if(ir(n))e=rl(hr(n));else{if(!il(n))throw console.log("color=",n),new Error("color is not string or object");t=n}if(null!==e)try{o=Sl(e)}catch(n){throw console.log(n),new Error("can not parse color: ".concat(e))}else if(null!==t)try{o=Il(t)}catch(n){throw console.log(n),new Error("can not parse color: ".concat(JSON.stringify(t)))}return o}var Pl=function(n){return Zl(Vl(n))},jl=function(n){return Bl(Vl(n))};function Xl(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function Gl(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{Xl()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}var Rl=function(n){return"number"==typeof n||J(n)&&"[object Number]"==N(n)};function Ll(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=ie(e,"parse");La(t)||(t=!0);var o=ie(e,"ext");il(o)||(o={});var r=ie(e,"semicolon");La(r)||(r=!0);var i=ie(e,"returnObj");La(i)||(i=!1);var a=0,l=0,s=0,c=0;t&&(Rl(ie(n,"h"))&&(l=a=ie(n,"h")),Rl(ie(n,"v"))&&(c=s=ie(n,"v")),Rl(ie(n,"left"))&&(a=ie(n,"left")),Rl(ie(n,"right"))&&(l=ie(n,"right")),Rl(ie(n,"top"))&&(s=ie(n,"top")),Rl(ie(n,"bottom"))&&(c=ie(n,"bottom"))),a+=ie(o,"left",0),l+=ie(o,"right",0),s+=ie(o,"top",0),c+=ie(o,"bottom",0);var d=null;return i?d={left:a,right:l,top:s,bottom:c}:(d="".concat(s,"px ").concat(l,"px ").concat(c,"px ").concat(a,"px"),r&&(d="".concat(d,";"))),d}var Fl=Function.prototype,Kl=Object.prototype,Yl=Fl.toString,Dl=Kl.hasOwnProperty,zl=Yl.call(Object);var El=function(n){if(!J(n)||"[object Object]"!=N(n))return!1;var e=oa(n);if(null===e)return!0;var t=Dl.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&Yl.call(t)==zl};var Nl=function(n){return J(n)&&1===n.nodeType&&!El(n)};function Jl(n){return Nl(n)}function $l(n){function e(n){n.parentNode.removeChild(n)}if(Jl(n))e(n);else if(ir(n)){var t=function(n){return document.querySelectorAll(n)}(n);yt(t,(function(n){e(n)}))}}function Ol(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=ie(t,"timeDuration",null);fi(o)||(o=1e3);var r=ie(t,"color",null);if(ir(r)||(r="rgba(255, 255, 255, 0.5)"),Jl(n)){n.style.position="relative",n.style.overflow="hidden";var i=n.getBoundingClientRect(),a=e.clientX-i.left,l=e.clientY-i.top,s=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width="".concat(s,"px"),c.style.height="".concat(s,"px"),c.style.transition="all ".concat(o/1e3,"s linear"),c.style.userSelect="none",c.style.position="absolute",c.style.zIndex=1,c.style.left="".concat(a,"px"),c.style.top="".concat(l,"px"),c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,n.appendChild(c),setTimeout((function(){c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((function(){$l(c)}),o)}}function Ml(){var n={};function e(e,t){var o=e.getAttribute("ev-ripple"),r=ie(t,"value");if(r=il(r)){var i=ie(t,"value.color");ir(i)||(i="rgba(255, 255, 255, 0.5)"),i=qr(i);var a=ie(t,"value.timeDuration");di(a)||(a=1e3),a=ui(a),e.addEventListener("click",l,!1),n[o]=l}function l(n){Ol(n.currentTarget,n,{color:i,timeDuration:a})}}function t(e){var t=e.getAttribute("ev-ripple");if(n[t]){var o=n[t];e.removeEventListener("click",o,!1),delete n[t]}}return{bind:function(n,t,o){var r="r".concat(Wi());n.setAttribute("ev-ripple",r),e(n,t)},update:function(n,o){t(n),e(n,o)},unbind:function(n){t(n),n.setAttribute("ev-ripple",null)}}}const Ql={props:{icon:{type:String,default:""},color:{type:String,default:""},size:{type:Number,default:24}},data:function(){return{}},mounted:function(){},computed:{useIconType:function(){return this.icon.indexOf("fa-")>=0?"fontawesome":"mdi/js"},isFontawesome:function(){return"fontawesome"===this.useIconType},useIcon:function(){var n=this;return n.isFontawesome?n.icon+" fa-fw":n.icon},useSize:function(){var n=this.size;return this.isFontawesome?n/24*20:n},useStyleSize:function(){var n=this;return{width:"".concat(n.size,"px"),height:"".concat(n.size,"px"),"line-height":"".concat(n.size,"px"),"max-height":"".concat(n.size,"px"),"min-height":"".concat(n.size,"px")}}},methods:{}};var Ul=function(){var n=this,e=n.$createElement,t=n._self._c||e;return""!==n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:(t=e,void n.$emit("click",t));var t},click:function(e){n.$emit("click",e)}}},[t("v-icon",{style:[n.useStyleSize],attrs:{color:n.color,size:n.useSize}},[n._v("\n        "+n._s(n.useIcon)+"\n    ")])],1):n._e()};Ul._withStripped=!0;const ql=Fr({render:Ul,staticRenderFns:[]},(function(n){n&&n("data-v-7d5ebe18_0",{source:"\n.v-icon[data-v-7d5ebe18] {\r\n    transition: all 0.3s;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIcon.vue"],names:[],mappings:";AA6HA;IACA,oBAAA;AACA",file:"WIcon.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"[useStyleSize,{'display':'flex','align-items':'center','user-select':'none'}]\"\r\n        @keyup.enter=\"(v)=>{$emit('click',v)}\"\r\n        @click=\"(v)=>{$emit('click',v)}\"\r\n        v-if=\"icon!==''\"\r\n    >\r\n\r\n        <v-icon\r\n            :style=\"[useStyleSize]\"\r\n            :color=\"color\"\r\n            :size=\"useSize\"\r\n        >\r\n            {{useIcon}}\r\n        </v-icon>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\n\r\n/**\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {String} [color=''] 輸入圖標顏色字串，預設''\r\n * @vue-prop {Number} [size=24] 輸入圖標大小，單位為px，預設24\r\n */\r\nexport default {\r\n    props: {\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        useIconType: function () {\r\n            //console.log('computed useIconType')\r\n\r\n            let vo = this\r\n\r\n            if (vo.icon.indexOf('fa-') >= 0) {\r\n                return 'fontawesome'\r\n            }\r\n            return 'mdi/js'\r\n        },\r\n\r\n        isFontawesome: function() {\r\n            return this.useIconType === 'fontawesome'\r\n        },\r\n\r\n        // useShiftY: function () {\r\n        //     //console.log('computed useShiftY')\r\n\r\n        //     let vo = this\r\n\r\n        //     let s = {}\r\n        //     // s.transform = `translateY(-1px)`\r\n        //     // if (vo.isFontawesome) {\r\n        //     //     s.transform = `translateY(-2px)`\r\n        //     // }\r\n        //     return s\r\n        // },\r\n\r\n        useIcon: function () {\r\n            //console.log('computed useIcon')\r\n\r\n            let vo = this\r\n\r\n            if (vo.isFontawesome) {\r\n                return vo.icon + ' fa-fw'\r\n            }\r\n            return vo.icon\r\n        },\r\n\r\n        useSize: function () {\r\n            //console.log('computed useSize')\r\n\r\n            let vo = this\r\n\r\n            //size\r\n            let size = vo.size\r\n\r\n            if (vo.isFontawesome) {\r\n                return size / 24 * 20 //size - 4\r\n            }\r\n            return size\r\n        },\r\n\r\n        useStyleSize: function () {\r\n            //console.log('computed useStyleSize')\r\n\r\n            let vo = this\r\n\r\n            let s = {\r\n                'width': `${vo.size}px`,\r\n                'height': `${vo.size}px`,\r\n                'line-height': `${vo.size}px`,\r\n                'max-height': `${vo.size}px`,\r\n                'min-height': `${vo.size}px`,\r\n            }\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.v-icon {\r\n    transition: all 0.3s;\r\n}\r\n</style>\r\n"]},media:void 0})}),Ql,"data-v-7d5ebe18",false,undefined,!1,Dr,void 0,void 0);const ns={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return qr(this.color)}},methods:{}};var es=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};es._withStripped=!0;const ts=Fr({render:es,staticRenderFns:[]},(function(n){n&&n("data-v-24329dfe_0",{source:"\n.pgc-rotate[data-v-24329dfe] {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate-data-v-24329dfe 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-24329dfe] {\r\n    animation: progress-circular-dash-data-v-24329dfe 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\n}\n@-webkit-keyframes progress-circular-dash-data-v-24329dfe {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@keyframes progress-circular-dash-data-v-24329dfe {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@-webkit-keyframes progress-circular-rotate-data-v-24329dfe {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-24329dfe {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return color2hex(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),ns,"data-v-24329dfe",false,undefined,!1,Dr,void 0,void 0);const os={directives:{domripple:Ml()},components:{WIcon:ql,WIconLoading:ts},props:{text:{type:String,default:""},tooltip:{type:String,default:""},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},prog:{type:Number,default:null},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderUsed:{type:Object,default:function(){return{top:!0,bottom:!0,left:!0,right:!0}}},borderWidth:{type:Object,default:function(){return{top:1,bottom:1,left:1,right:1}}},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:function(){return{left:!0,right:!0}}},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorActive:{type:String,default:"orange"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},paddingStyle:{type:Object,default:function(){return{v:3,h:15}}},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},active:{type:Boolean,default:!1},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{mdiCloseCircle:h,activeTrans:!1,hoverTrans:!1,loadingTrans:!1,progTrans:null}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeProg:function(){return this.progTrans=this.prog,""},changeLoading:function(){return this.loadingTrans=this.loading,""},usePadding:function(){var n=this,e=Ll(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},effIconColor:function(){return qr(this.iconColor)},effIconColorHover:function(){return qr(this.iconColorHover)},effIconColorActive:function(){return qr(this.iconColorActive)},hasIcon:function(){return""!==this.icon},hasText:function(){return""!==this.text},useIconColor:function(){var n,e=this;return e.loadingTrans||e.isProging?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},effDisabledColor:function(){return qr(this.disabledColor)},effProgColor:function(){return qr(this.progColor)},effProgBackgroundColor:function(){return qr(this.progBackgroundColor)},effTextColor:function(){return qr(this.textColor)},effTextColorHover:function(){return qr(this.textColorHover)},effTextColorActive:function(){return qr(this.textColorActive)},useTextColor:function(){var n,e=this;return e.loadingTrans||e.isProging?e.effTextColor:(n=e.activeTrans?e.effTextColorActive:e.hoverTrans?e.effTextColorHover:e.effTextColor,e.editable||(n=e.activeTrans?e.effTextColorActive:e.effTextColor),n)},useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},effBorderColor:function(){return qr(this.borderColor)},effBorderColorHover:function(){return qr(this.borderColorHover)},effBorderColorActive:function(){return qr(this.borderColorActive)},useBorderColor:function(){var n,e=this;(e.loadingTrans||e.isProging)&&(n=e.effBorderColor),n=e.activeTrans?e.effBorderColorActive:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor);var t=tr(e.useBorderUsed,(function(e,t){var o=e?n:"transparent";return"border-".concat(t,"-color:").concat(o,";")}));return Gr(t," ")},useBorderUsed:function(){var n=this,e=!0,t=!0,o=!0,r=!0;return La(ie(n,"borderUsed.left"))&&(e=ie(n,"borderUsed.left")),La(ie(n,"borderUsed.right"))&&(t=ie(n,"borderUsed.right")),La(ie(n,"borderUsed.top"))&&(o=ie(n,"borderUsed.top")),La(ie(n,"borderUsed.bottom"))&&(r=ie(n,"borderUsed.bottom")),{left:e,right:t,top:o,bottom:r}},useBorderWidth:function(){var n=Ll(this.borderWidth);return"border-width:".concat(n,";")},useBorderRadiusStyle:function(){var n=this,e=0,t=0,o=0,r=0;return!0===ie(n,"borderRadiusStyle.left")&&(e=n.borderRadius,o=n.borderRadius),!0===ie(n,"borderRadiusStyle.right")&&(t=n.borderRadius,r=n.borderRadius),!0===ie(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===ie(n,"borderRadiusStyle.bottom")&&(o=n.borderRadius,r=n.borderRadius),!0!==ie(n,"borderRadiusStyle.topLeft")&&!0!==ie(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==ie(n,"borderRadiusStyle.topRight")&&!0!==ie(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==ie(n,"borderRadiusStyle.bottomLeft")&&!0!==ie(n,"borderRadiusStyle.bottom-left")||(o=n.borderRadius),!0!==ie(n,"borderRadiusStyle.bottomRight")&&!0!==ie(n,"borderRadiusStyle.bottom-right")||(r=n.borderRadius),"border-top-left-radius:".concat(e,"px; border-top-right-radius:").concat(t,"px; border-bottom-left-radius:").concat(o,"px; border-bottom-right-radius:").concat(r,"px;")},effBackgroundColor:function(){return qr(this.backgroundColor)},effBackgroundColorHover:function(){return qr(this.backgroundColorHover)},effBackgroundColorActive:function(){return qr(this.backgroundColorActive)},useBackgroundColor:function(){var n,e=this;return e.loadingTrans||e.isProging?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},useShadow:function(){var n=this;function e(n,e){var t=qr(n),o=Pl(t);return o.a=e,jl(o)}function t(n,t,o){n=$r(n,"}","{");var r=Yt(n,"{");return r=tr(r,(function(n){if(n.indexOf(t)>=0){var r=Fa(n,"=")[1];return r=di(r)?ui(r):.2,e(o,r)}return n})),Gr(r,"")}return n.active&&n.shadowActive?ir(n.shadowActiveStyle)?t(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&ir(n.shadowStyle)?t(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return di(this.useProg)},useProg:function(){var n=this.progTrans;return di(n)?(n=ui(n))<0||n>100?null:n:null},effLoadingColor:function(){return qr(this.loadingColor)},useRipple:function(){var n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}}},methods:{clickBtn:function(n){var e=this;if(e.editable&&!e.isProging&&!e.loadingTrans){var t={setProg:function(n){null===n||di(n)?(di(n)&&(n=ui(n)),e.progTrans=n,e.$nextTick((function(){e.$emit("update:prog",e.progTrans)})),n>=100&&e.$nextTick((function(){e.progTrans=null,e.$emit("update:prog",e.progTrans)}))):console.log("prog is not number")},setLoading:function(n){La(n)?(e.loadingTrans=n,e.$nextTick((function(){e.$emit("update:loading",e.loadingTrans)}))):console.log("loading is not boolean")}};if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((function(){e.$emit("update:loading",e.loadingTrans)}));var o=Ka();t.pm=o,o.catch().finally((function(){e.loadingTrans=!1,e.$nextTick((function(){e.$emit("update:loading",e.loadingTrans)}))}))}e.$nextTick((function(){e.$emit("click",t)}))}},clickClose:function(n){var e=this;Gl(n),e.editable&&e.$nextTick((function(){e.$emit("click-close")}))}}};var rs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeProg:n.changeProg,changeLoading:n.changeLoading}},[t("div",{staticStyle:{position:"relative"}},[t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition",disabled:!n.tooltip},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("div",n._g({directives:[{name:"domripple",rawName:"v-domripple",value:n.useRipple,expression:"useRipple"}],style:"transition:all 0.3s; "+n.useBorderRadiusStyle+" background:"+n.useBackgroundColor+"; "+(n.editable?"cursor:pointer;":"")+" outline:none; user-select:none; box-shadow:"+n.useShadow+";",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){return n.clickBtn(e)}}},o),[t("div",{style:"transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadiusStyle+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",[n._t("default",[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n.hasIcon?t("WIcon",{style:"margin-left:-6px; margin-right:"+(n.hasText?5:-6)+"px;",attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),n.hasText?t("div",{style:"transition:all 0.3s; text-transform:none; color:"+n.useTextColor+"; "+n.useTextFontSize+" "+(n.hasIcon?"min-height:"+n.iconSize+"px":"")+"; display:flex; align-items:center;"},[n._v("\n                                            "+n._s(n.text)+"\n                                        ")]):n._e()],1)])],2),n._v(" "),n.close?t("div",{style:"margin:0px -9px 0px 5px; display:inline-block; outline:none; user-select:none;",attrs:{tabindex:"2"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickClose(e)},click:function(e){return n.clickClose(e)}}},[t("WIcon",{attrs:{icon:n.mdiCloseCircle,color:n.useIconColor,size:n.iconSize}})],1):n._e()])])])]}}],null,!0)},[n._v(" "),t("span",[n._v(n._s(n.tooltip))])]),n._v(" "),n.isProging?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effProgBackgroundColor+"; height:100%;"},[t("div",{style:"background:"+n.effProgColor+"; width:"+n.useProg+"%; height:100%;"})])])]):n._e(),n._v(" "),!n.editable||n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])]):n._e(),n._v(" "),!n.isProging&&n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center",height:"100%"}},[t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}})],1)]):n._e()],1)])};rs._withStripped=!0;const is=Fr({render:rs,staticRenderFns:[]},(function(n){n&&n("data-v-793adf5e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),os,"data-v-793adf5e",false,undefined,!1,Dr,void 0,void 0);const as={components:{WButtonChip:is},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:function(){return[]}},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:function(){return{top:1,bottom:1,left:1,right:1}}},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:function(){return{left:!0,right:!0}}},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:function(){return{top:10,bottom:10,left:0,right:10}}},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:function(){return{v:3,h:15}}},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:function(){return{left:!0,right:!0}}},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{get:ie,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){var n=this;function e(e){return n.multiCheck?function(n,e){function t(n){return Va(n)?n:[n]}if(Ga(n))return!1;if(0===(n=t(n)).length)return!1;if(Ga(n))return!1;if(0===(e=t(e)).length)return!1;for(var o=0;o<n.length;o++)for(var r=0;r<e.length;r++)if(Yi(n[o],e[r]))return!0;return!1}(n.value,e):Yi(e,n.value)}var t=Ba(n.items),o=tr(t,(function(t){return{active:e(t),hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),r=tr(t,(function(e,r){var i={data:e},a=o[r];i.ia=a,i.active=a.active,i.hover=!1;var l=null;r>0&&(l=o[r-1]);var s=null;r<t.length-1&&(s=o[r+1]);var c={};n.group&&(0===r&&(!0===ie(n,"groupBorderRadiusStyle.left")&&(c.left=!0),!0!==ie(n,"groupBorderRadiusStyle.topLeft")&&!0!==ie(n,"groupBorderRadiusStyle.top-left")||(c.topLeft=!0),!0!==ie(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==ie(n,"groupBorderRadiusStyle.bottom-left")||(c.bottomLeft=!0),!0===ie(n,"groupBorderRadiusStyle.top")&&(c.topLeft=!0),!0===ie(n,"groupBorderRadiusStyle.bottom")&&(c.bottomLeft=!0)),r===t.length-1&&(!0===ie(n,"groupBorderRadiusStyle.right")&&(c.right=!0),!0!==ie(n,"groupBorderRadiusStyle.topRight")&&!0!==ie(n,"groupBorderRadiusStyle.top-right")||(c.topRight=!0),!0!==ie(n,"groupBorderRadiusStyle.bottomRight")&&!0!==ie(n,"groupBorderRadiusStyle.bottom-right")||(c.bottomRight=!0),!0===ie(n,"groupBorderRadiusStyle.top")&&(c.topRight=!0),!0===ie(n,"groupBorderRadiusStyle.bottom")&&(c.bottomRight=!0))),i.spcBorderRadiusStyle=c;var d={};n.group&&(d={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===r&&(d.left=n.borderWidth.left),r===t.length-1&&(d.right=n.borderWidth.right)),i.spcBorderWidth=d;var u={};n.group&&(u=n.getSpcBorderUsed(r,!1,l,a,s)),i.spcBorderUsed=u,i.spcBorderUsedBackup=Ba(u);var p=0,m=0;return n.group&&(0===r?p=n.groupShift:r===t.length-1&&(m=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=m,i}));return n.itemsTrans=r,""},useMarginStyle:function(){var n=Ll(this.marginStyle,{parse:!this.group});return"margin:".concat(n,";")}},methods:{getSpcBorderUsed:function(n,e,t,o,r){var i={top:!0,bottom:!0,left:!0,right:!0};if(t){var a=null;a=t.hover?t.borderColorHover:t.borderColor,a=t.active?t.borderColorActive:a;var l=null;l=o.hover?o.borderColorHover:o.borderColor;var s=!1;a===(l=o.active?o.borderColorActive:l)&&(s=!0);var c=!1;t.active&&!o.active&&(c=!0);var d=!1;o.hover&&(d=!0);var u=!1;d||(u=c),u=u||s,i.left=!u}if(r){var p=!1;r.active&&!o.active&&(p=!0);var m=!1;o.hover&&(m=!0);var g=!1;m||(g=p),i.right=!g}return i},mouseenter:function(n,e){var t=this;yt(t.itemsTrans,(function(n,o){t.itemsTrans[o].ia.hover=o===e})),yt(t.itemsTrans,(function(n,o){var r=ie(t,"itemsTrans[".concat(o,"].ia"),null),i=ie(t,"itemsTrans[".concat(o-1,"].ia"),null),a=ie(t,"itemsTrans[".concat(o+1,"].ia"),null),l=t.getSpcBorderUsed(o,o===e,i,r,a);t.itemsTrans[o].spcBorderUsed=l}))},mouseleave:function(n,e){var t=this;yt(t.itemsTrans,(function(n,e){t.itemsTrans[e].spcBorderUsed=Ba(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){var e=this;if(!1!==e.editable)if(e.multiCheck){var t=Ba(e.value);if(n.active){var o=[];yt(t,(function(e){Yi(e,n.data)||o.push(e)})),t=o}else t.push(n.data);e.$nextTick((function(){e.$emit("input",t),e.$emit("click",n.data,"".concat(n.active?"hide":"show"))}))}else e.$nextTick((function(){e.$emit("input",n.data),e.$emit("click",n.data)}))}}};var ls=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[n._l(n.itemsTrans,(function(e,o){return[t("WButtonChip",{key:o,style:""+n.useMarginStyle,attrs:{text:n.get(e,"data."+n.keyText)||n.get(e,"data"),tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderUsed:n.group?e.spcBorderUsed:n.borderUsed,borderWidth:n.group?e.spcBorderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.group?e.spcBorderRadiusStyle:n.borderRadiusStyle,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft+e.spcShiftLeft,shiftRight:n.shiftRight+e.spcShiftRight,_close:"close",loading:n.loading,loadingColor:n.loadingColor,editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)},mouseenter:function(t){return n.mouseenter(e,o)},mouseleave:function(t){return n.mouseleave(e,o)}}},[n._t("default",null,{item:e,kitem:o})],2)]}))],2)};ls._withStripped=!0;const ss=Fr({render:ls,staticRenderFns:[]},(function(n){n&&n("data-v-3e839266_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupCheck.vue"},media:void 0})}),as,"data-v-3e839266",false,undefined,!1,Dr,void 0,void 0);const cs={components:{WGroupCheck:ss},props:{items:{type:Array,default:function(){return[]}},value:{type:[String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:function(){return{top:1,bottom:1,left:1,right:1}}},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:function(){return{left:!0,right:!0}}},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:function(){return{top:10,bottom:10,left:0,right:10}}},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:function(){return{v:3,h:15}}},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:function(){return{left:!0,right:!0}}},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var ds=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};ds._withStripped=!0;const us=Fr({render:ds,staticRenderFns:[]},(function(n){n&&n("data-v-3220a0f5_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupRadio.vue"},media:void 0})}),cs,"data-v-3220a0f5",false,undefined,!1,Dr,void 0,void 0);const ps={components:{demolink:Jr,WPanelBulge:Ki,WGroupRadio:us},props:{},data:function(){return{mdiViewDashboard:T,mdiClockTimeEightOutline:g,mdiBlenderSoftware:a,mdiSpoonSugar:I,mdiApple:i,WPanelBulge:{tableFun:function(){},table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"Bulge",menu:{items:[{text:"Dashboard",icon:T},{text:"Schedule",icon:g},{text:"Profile",icon:a},{text:"History",icon:I}],select:{text:"Dashboard",icon:T}}},actions:[]}}};var ms=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"default"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerBorderRadius:5}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerPadding"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerPadding:"0px 10px"}},[t("div",{staticStyle:{padding:"20px 10px 10px 10px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerTextColor & headerBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerTextColor:"orange darken-1",headerBackgroundColor:"rgba(250,70,0,0.15)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{"background-color":"#bbb",padding:"40px"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"no headerShadow & no contentShadow, with green outer"}}),n._v(" "),t("div",{staticStyle:{"background-color":"#8FF4B1",padding:"40px"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerShadow:!1,contentShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBorderRadius:10}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBackgroundColor:"green lighten-5"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"slot for header & headerBorderRadius & headerBackgroundColor(linear-gradient)"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerBorderRadius:5,headerBackgroundColor:"linear-gradient(60deg,#ab47bc,#7b1fa2)"},scopedSlots:n._u([{key:"header",fn:function(){return[t("w-group-radio",{staticStyle:{margin:"0px 10px"},attrs:{items:n.WPanelBulge.menu.items,paddingStyle:{v:12,h:27},borderRadius:5,textColor:"white",textColorHover:"white",textColorActive:"white",iconColor:"white",iconColorHover:"white",iconColorActive:"white",backgroundColor:"rgba(255,255,255,0)",backgroundColorHover:"rgba(255,255,255,0)",backgroundColorActive:"rgba(255,255,255,0.15)",shadowActive:!1},model:{value:n.WPanelBulge.menu.select,callback:function(e){n.$set(n.WPanelBulge.menu,"select",e)},expression:"WPanelBulge.menu.select"}})]},proxy:!0}])},[n._v(" "),t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)])])};ms._withStripped=!0;const gs=Fr({render:ms,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-bulge")])])}]},(function(n){n&&n("data-v-3c2d8d92_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelBulge.vue"},media:void 0})}),ps,"data-v-3c2d8d92",false,undefined,!1,Dr,void 0,void 0);function vs(n,e,t,o,r,i,a){try{var l=n[i](a),s=l.value}catch(n){return void t(n)}l.done?e(s):Promise.resolve(s).then(o,r)}function hs(n){return function(){var e=this,t=arguments;return new Promise((function(o,r){var i=n.apply(e,t);function a(n){vs(i,o,r,a,l,"next",n)}function l(n){vs(i,o,r,a,l,"throw",n)}a(void 0)}))}}var fs=V((function(n){var e=function(n){var e,t=Object.prototype,o=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",l=r.toStringTag||"@@toStringTag";function s(n,e,t){return Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),n[e]}try{s({},"")}catch(n){s=function(n,e,t){return n[e]=t}}function c(n,e,t,o){var r=e&&e.prototype instanceof h?e:h,i=Object.create(r.prototype),a=new T(o||[]);return i._invoke=function(n,e,t){var o=u;return function(r,i){if(o===m)throw new Error("Generator is already running");if(o===g){if("throw"===r)throw i;return A()}for(t.method=r,t.arg=i;;){var a=t.delegate;if(a){var l=W(a,t);if(l){if(l===v)continue;return l}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if(o===u)throw o=g,t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);o=m;var s=d(n,e,t);if("normal"===s.type){if(o=t.done?g:p,s.arg===v)continue;return{value:s.arg,done:t.done}}"throw"===s.type&&(o=g,t.method="throw",t.arg=s.arg)}}}(n,t,a),i}function d(n,e,t){try{return{type:"normal",arg:n.call(e,t)}}catch(n){return{type:"throw",arg:n}}}n.wrap=c;var u="suspendedStart",p="suspendedYield",m="executing",g="completed",v={};function h(){}function f(){}function b(){}var y={};y[i]=function(){return this};var x=Object.getPrototypeOf,k=x&&x(x(H([])));k&&k!==t&&o.call(k,i)&&(y=k);var C=b.prototype=h.prototype=Object.create(y);function S(n){["next","throw","return"].forEach((function(e){s(n,e,(function(n){return this._invoke(e,n)}))}))}function w(n,e){function t(r,i,a,l){var s=d(n[r],n,i);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"===Z(u)&&o.call(u,"__await")?e.resolve(u.__await).then((function(n){t("next",n,a,l)}),(function(n){t("throw",n,a,l)})):e.resolve(u).then((function(n){c.value=n,a(c)}),(function(n){return t("throw",n,a,l)}))}l(s.arg)}var r;this._invoke=function(n,o){function i(){return new e((function(e,r){t(n,o,e,r)}))}return r=r?r.then(i,i):i()}}function W(n,t){var o=n.iterator[t.method];if(o===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=e,W(n,t),"throw"===t.method))return v;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var r=d(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,v;var i=r.arg;return i?i.done?(t[n.resultName]=i.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=e),t.delegate=null,v):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,v)}function I(n){var e={tryLoc:n[0]};1 in n&&(e.catchLoc=n[1]),2 in n&&(e.finallyLoc=n[2],e.afterLoc=n[3]),this.tryEntries.push(e)}function _(n){var e=n.completion||{};e.type="normal",delete e.arg,n.completion=e}function T(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(I,this),this.reset(!0)}function H(n){if(n){var t=n[i];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,a=function t(){for(;++r<n.length;)if(o.call(n,r))return t.value=n[r],t.done=!1,t;return t.value=e,t.done=!0,t};return a.next=a}}return{next:A}}function A(){return{value:e,done:!0}}return f.prototype=C.constructor=b,b.constructor=f,f.displayName=s(b,l,"GeneratorFunction"),n.isGeneratorFunction=function(n){var e="function"==typeof n&&n.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,b):(n.__proto__=b,s(n,l,"GeneratorFunction")),n.prototype=Object.create(C),n},n.awrap=function(n){return{__await:n}},S(w.prototype),w.prototype[a]=function(){return this},n.AsyncIterator=w,n.async=function(e,t,o,r,i){void 0===i&&(i=Promise);var a=new w(c(e,t,o,r),i);return n.isGeneratorFunction(t)?a:a.next().then((function(n){return n.done?n.value:a.next()}))},S(C),s(C,l,"Generator"),C[i]=function(){return this},C.toString=function(){return"[object Generator]"},n.keys=function(n){var e=[];for(var t in n)e.push(t);return e.reverse(),function t(){for(;e.length;){var o=e.pop();if(o in n)return t.value=o,t.done=!1,t}return t.done=!0,t}},n.values=H,T.prototype={constructor:T,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(_),!n)for(var t in this)"t"===t.charAt(0)&&o.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=e)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function r(o,r){return l.type="throw",l.arg=n,t.next=o,r&&(t.method="next",t.arg=e),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],l=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var s=o.call(a,"catchLoc"),c=o.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(n,e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===n||"continue"===n)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=n,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(n,e){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&e&&(this.next=e),v},finish:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.finallyLoc===n)return this.complete(t.completion,t.afterLoc),_(t),v}},catch:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.tryLoc===n){var o=t.completion;if("throw"===o.type){var r=o.arg;_(t)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:H(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=e),v}},n}(n.exports);try{regeneratorRuntime=e}catch(n){Function("r","regeneratorRuntime = r")(e)}}));function bs(n){var e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}function ys(n){return xs.apply(this,arguments)}function xs(){return(xs=hs(fs.mark((function n(e){var t,o,r,i,a,l,s,c=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=c.length>1&&void 0!==c[1]?c[1]:{},null,o=Ka(),xi(e)){n.next=6;break}return o.reject("waitfunction需輸入函數f"),n.abrupt("return",o);case 6:return r=function(){var n=hs(fs.mark((function n(){var t;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!bs(t=e())){n.next=5;break}return n.next=4,t;case 4:t=n.sent;case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),n.next=9,r();case 9:if(!0!==n.sent){n.next=13;break}return o.resolve(),n.abrupt("return",o);case 13:return fi(i=ie(t,"attemptNum",null))||(i=200),fi(a=ie(t,"timeInterval",null))||(a=1e3),l=0,s=setInterval(hs(fs.mark((function n(){return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return l+=1,n.next=3,r();case 3:!0===n.sent&&(clearInterval(s),o.resolve()),l>i&&(clearInterval(s),o.resolve());case 6:case"end":return n.stop()}}),n)}))),a),n.abrupt("return",o);case 20:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function ks(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function Cs(n){return function(n){if(Array.isArray(n))return ks(n)}(n)||function(n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n))return Array.from(n)}(n)||function(n,e){if(n){if("string"==typeof n)return ks(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ks(n,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ss(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;function e(n){var e=[],t=null,o=null;function r(){null===t&&(t=setInterval((function(){if(Date.now()-o>n){var r=e.pop();e=[],r.func.apply(r,Cs(r.input))}0===e.length&&(clearInterval(t),t=null)}),10))}return fi(n)||(n=300),n=hi(n),function(n){if(xi(n)){o=Date.now();for(var t=arguments.length,i=new Array(t>1?t-1:0),a=1;a<t;a++)i[a-1]=arguments[a];e.push({func:n,input:i}),r()}else console.log("func is not function")}}return new e(n)}function ws(){var n={};return{bind:function(e,t,o){var r="r".concat(Wi());e.setAttribute("ev-mutation",r);var i=new MutationObserver((function(n){!function(n,e,t){var o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[r]=i},unbind:function(e){var t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function Ws(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function Is(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ws(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ws(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const _s={directives:{domresize:Ti(),dommutation:ws()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:Ss(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){var e=this,t=ie(e,"$refs.divDetect");t&&e.nativeBarWidth!==t.offsetWidth-t.clientWidth&&(e.nativeBarWidth=t.offsetWidth-t.clientWidth),e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);var o=ie(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",Is(Is({},n),{},{from:"panel"}))},resizeShell:function(n){var e=this,t=ie(e,"$refs.divContent");t&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);var o=ie(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",Is(Is({},n),{},{from:"shell"}))},mutation:function(n){var e=this,t=ie(e,"$refs.divContent");t&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",Is(Is({},n),{},{from:"content"}))},updateRatio:function(){var n=this;if(n.$refs.divShell){var e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e}},updateScrollTop:function(n){var e=this;function t(){return(t=hs(fs.mark((function t(){return fs.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,ys((function(){return void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar}),{timeInterval:20});case 2:e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n);case 4:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},updateScrollInfor:function(){var n=this;if(n.$refs.divShell){var e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Yi(n.scrollInfor,e)||(n.scrollInfor=e)}},scrollShell:function(n){var e=this;(""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc)&&(ie(e,"$refs.divShell")&&ie(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((function(){e.mouseLoc=""}))))},scrollBar:function(n){var e=this;(""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc)&&(ie(e,"$refs.divShell")&&ie(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((function(){e.mouseLoc=""}))))},triggerEvent:function(n,e){var t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",Is({evName:n,evMsg:e},t.scrollInfor)))}}};var Ts=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"auto"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+n.nativeBarWidth+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"}],ref:"divContent",style:"",on:{dommutation:n.mutation}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};Ts._withStripped=!0;const Hs=Fr({render:Ts,staticRenderFns:[]},(function(n){n&&n("data-v-e2b8fe52_0",{source:"\n.sb[data-v-e2b8fe52] {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\n}\r\n/* Works on Chrome, Edge, and Safari */\n.sb[data-v-e2b8fe52]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-e2b8fe52]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-e2b8fe52]::-webkit-scrollbar-thumb {\r\n    background-color: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA4gBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,iCAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:auto;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport isEqual from 'lodash/isEqual'\r\n// import cloneDeep from 'lodash/cloneDeep'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                if (vo.nativeBarWidth !== divDetect.offsetWidth - divDetect.clientWidth) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', divDetect.offsetWidth - divDetect.clientWidth, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = divDetect.offsetWidth - divDetect.clientWidth\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //save\r\n                if (vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n\r\n            //check\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //save\r\n                if (vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background-color: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),_s,"data-v-e2b8fe52",false,undefined,!1,Dr,void 0,void 0);const As={directives:{domresize:Ti()},components:{WPanelScrollyCore:Hs},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight}}};var Zs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],on:{domresize:n.resizePanel}},[t("WPanelScrollyCore",n._g({attrs:{viewHeightMax:n.viewHeight,scrollTop:n.scrollTop,barOpacity:n.barOpacity,barOpacityHover:n.barOpacityHover}},n.$listeners),[n._t("default")],2)],1)};Zs._withStripped=!0;const Bs=Fr({render:Zs,staticRenderFns:[]},(function(n){n&&n("data-v-4fa238b1_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),As,"data-v-4fa238b1",false,undefined,!1,Dr,void 0,void 0);const Vs={components:{demolink:Jr,WPanelScrolly:Bs},props:{},data:function(){return{WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;",scrollTop:100},actions:[]}},methods:{getEvents:function(n,e){console.log("getEvents",n,e)},updateScrollTop:function(n){console.log("updateScrollTop",n)}}};var Ps=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"default"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"events"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},on:{scroll:function(e){n.getEvents("scroll",e)},"scroll-infor":function(e){n.getEvents("scroll-infor",e)},resize:function(e){n.getEvents("resize",e)},mutation:function(e){n.getEvents("mutation",e)},"update:scrollTop":function(e){n.getEvents("update:scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"barOpacity & barOpacityHover"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barOpacity:0,barOpacityHover:.8}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"scrollTop"}}),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[n._v("scrollTop: "+n._s(n.WPanelScrolly.scrollTop))]),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{scrollTop:n.WPanelScrolly.scrollTop},on:{"update:scrollTop":[function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)},n.updateScrollTop],"update:scroll-top":function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)])])};Ps._withStripped=!0;const js=Fr({render:Ps,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scrolly")])])}]},(function(n){n&&n("data-v-70f36c35_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScrolly.vue"},media:void 0})}),Vs,"data-v-70f36c35",false,undefined,!1,Dr,void 0,void 0);function Xs(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=null,r=null,i=null,a=null,l=null,s=null,c=null,d=null,u=null,p=null,m=null,g=null,v=null,h=null,f=null,b=!1,y=ie(t,"getHeighRatio",null);nn(y)||(y=function(){return 1});var x=ie(t,"getWidthRatio",null);nn(x)||(x=function(){return 1});var k=ie(t,"stopScrollPropagationForPanel",null);Ra(k)||(k=!1);var C=ie(t,"stopTouchDragPropagationForPanel",null);Ra(C)||(C=!1);var S=ie(t,"useTouchDragForPanel",null);Ra(S)||(S=!0);var w=n,W=e,I=yi();function _(){o=function(n){var e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);I.emit("scrollPanel",{ratioY:e,ratioX:t}),k&&Gl(n)},w.addEventListener("wheel",o),r=function(n){if(S){var e=ie(n,"touches.0.clientY",0),t=ie(n,"touches.0.clientX",0),o=-e*y(),r=-t*x();b=!0,I.emit("pressBar",{clientY:o,clientX:r}),C&&Gl(n)}},w.addEventListener("touchstart",r),i=function(n){if(S&&b){var e=ie(n,"touches.0.clientY",0),t=ie(n,"touches.0.clientX",0),o=-e*y(),r=-t*x();I.emit("dragBar",{clientY:o,clientX:r}),C&&Gl(n)}},w.addEventListener("touchmove",i,{passive:!1}),a=function(n){S&&b&&(b=!1,I.emit("freeBar"),C&&Gl(n))},w.addEventListener("touchend",a),l=function(n){b=!0,I.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},W.addEventListener("mousedown",l),s=function(n){b&&(b=!1,I.emit("freeBar"))},W.addEventListener("mouseup",s),c=function(n){b=!0,I.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},W.addEventListener("touchstart",c),d=function(n){b&&(I.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),Gl(n))},W.addEventListener("touchmove",d,{passive:!1}),u=function(n){b&&(b=!1,I.emit("freeBar"))},W.addEventListener("touchend",u),p=function(n){b&&I.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),m=function(n){b&&(b=!1,I.emit("freeBar"),k&&Gl(n))},window.addEventListener("mouseup",m),g=function(n){},window.addEventListener("scroll",g,{passive:!1}),v=function(n){},window.addEventListener("wheel",v,{passive:!1}),h=function(n){},document.addEventListener("scroll",h,{passive:!1}),f=function(n){},document.addEventListener("wheel",f,{passive:!1})}function T(){w.removeEventListener("wheel",o),w.removeEventListener("touchstart",r),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",a),W.removeEventListener("mousedown",l),W.removeEventListener("mouseup",s),W.removeEventListener("touchstart",c),W.removeEventListener("touchmove",d),W.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",m),window.removeEventListener("scroll",g),window.removeEventListener("wheel",v),document.removeEventListener("scroll",h),document.removeEventListener("wheel",f)}return _(),I.clear=T,I}const Gs={directives:{domresize:Ti()},props:{ratio:{type:Number,default:.5},min:{type:Number,default:0},max:{type:Number,default:1},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){var n=this,e=Xs(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){this.das&&this.das.clear()},computed:{changeParam:function(){var n=this,e=n.ratio;return e=Math.min(e,n.max),e=Math.max(e,n.min),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize}},methods:{updatePanelSize:function(n){var e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},dragBar:function(n){var e=n.clientX,t=this,o=t.$el.getBoundingClientRect(),r=e,i=t.$el.offsetWidth,a=0;i>0&&(a=(r-o.left)/i),a=Math.min(a,t.max),a=Math.max(a,t.min),t.r=a,t.$emit("update:ratio",a)}}};var Rs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.updatePanelSize}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",display:"flex"}},[t("div",{ref:"left",style:"width:"+n.r*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("left",null,{ratio:n.r,width:n.r*n.panelWidth,height:n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; left:"+(n.r*n.panelWidth-n.bw/2)+"px; width:"+n.bw+"px; height:"+n.panelHeight+"px; border-left:"+n.barBorderSize+"px solid "+n.barBorderColor+"; border-right:"+n.barBorderSize+"px solid "+n.barBorderColor+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.barSize+"px; height:"+n.panelHeight+"px; background-color:"+n.barColor+";"})]),n._v(" "),t("div",{ref:"right",style:"width:"+(1-n.r)*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("right",null,{ratio:1-n.r,width:(1-n.r)*n.panelWidth,height:n.panelHeight})],2)])])};Rs._withStripped=!0;const Ls={components:{demolink:Jr,WPanelDivideHorizontal:Fr({render:Rs,staticRenderFns:[]},(function(n){n&&n("data-v-62e2bae2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideHorizontal.vue"},media:void 0})}),Gs,"data-v-62e2bae2",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){var n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideHorizontal:{htmlLeft:'<h2 style="margin:20px;">Left</h2>'+n,htmlRight:'<h2 style="margin:20px;">Right</h2>'+n},actions:[]}}};var Fs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"min & max"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{min:.25,max:.75},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barSize:1},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};Fs._withStripped=!0;const Ks=Fr({render:Fs,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-horizontal")])])}]},(function(n){n&&n("data-v-25149add_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideHorizontal.vue"},media:void 0})}),Ls,"data-v-25149add",false,undefined,!1,Dr,void 0,void 0);const Ys={directives:{domresize:Ti()},props:{ratio:{type:Number,default:.5},min:{type:Number,default:0},max:{type:Number,default:1},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){var n=this,e=Xs(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){this.das&&this.das.clear()},computed:{changeParam:function(){var n=this,e=n.ratio;return e=Math.min(e,n.max),e=Math.max(e,n.min),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize}},methods:{updatePanelSize:function(n){var e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},dragBar:function(n){var e=n.clientY,t=this,o=t.$el.getBoundingClientRect(),r=e,i=t.$el.offsetHeight,a=0;i>0&&(a=(r-o.top)/i),a=Math.min(a,t.max),a=Math.max(a,t.min),t.r=a,t.$emit("update:ratio",a)}}};var Ds=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.updatePanelSize}},[t("div",{ref:"divPanel",staticStyle:{position:"relative"}},[t("div",{ref:"top",style:"width:"+n.panelWidth+"px; height:"+n.r*n.panelHeight+"px;"},[n._t("top",null,{ratio:n.r,width:n.panelWidth,height:n.r*n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; top:"+(n.r*n.panelHeight-n.bw/2)+"px; width:"+n.panelWidth+"px; height:"+n.barSize+"px; border-top:"+n.barBorderSize+"px solid "+n.barBorderColor+"; border-bottom:"+n.barBorderSize+"px solid "+n.barBorderColor+"; cursor:row-resize; user-select:none;"},[t("div",{style:"width:"+n.panelWidth+"px; height:"+n.barSize+"px; background-color:"+n.barColor+";"})]),n._v(" "),t("div",{ref:"bottom",style:"width:"+n.panelWidth+"px; height:"+(1-n.r)*n.panelHeight+"px;"},[n._t("bottom",null,{ratio:1-n.r,width:n.panelWidth,height:(1-n.r)*n.panelHeight})],2)])])};Ds._withStripped=!0;const zs={components:{demolink:Jr,WPanelDivideVertical:Fr({render:Ds,staticRenderFns:[]},(function(n){n&&n("data-v-0bc47acd_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideVertical.vue"},media:void 0})}),Ys,"data-v-0bc47acd",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){var n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideVertical:{htmlTop:'<h2 style="margin:20px;">Top</h2>'+n,htmlBottom:'<h2 style="margin:20px;">Bottom</h2>'+n},actions:[]}}};var Es=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"min & max"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{min:.25,max:.75},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:".concat(e.height,"px;")},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio))]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barSize:1},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:".concat(n.height,"px; overflow:hidden;")},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};Es._withStripped=!0;const Ns=Fr({render:Es,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-vertical")])])}]},(function(n){n&&n("data-v-2317d90e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideVertical.vue"},media:void 0})}),zs,"data-v-2317d90e",false,undefined,!1,Dr,void 0,void 0);const Js={directives:{domresize:Ti(),dommutation:ws()},components:{},props:{scale:{type:Number,default:1}},data:function(){return{width:1,height:1}},mounted:function(){this.fitSize()},computed:{},methods:{domresize:function(n){this.fitSize()},dommutation:function(n){this.fitSize()},fitSize:function(){var n=this,e=ie(n,"$refs.tar");if(Jl(e)){var t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var $s=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"},{name:"dommutation",rawName:"v-dommutation"}],style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;",attrs:{domresize:"domresize"},on:{dommutation:n.dommutation}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0; top:0; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"transform-origin:top left; transform:scale("+n.scale+"); width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{ref:"tar",staticStyle:{display:"inline-block"}},[n._t("default")],2)])])])])};$s._withStripped=!0;const Os=Fr({render:$s,staticRenderFns:[]},(function(n){n&&n("data-v-2df1dddc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScale.vue"},media:void 0})}),Js,"data-v-2df1dddc",false,undefined,!1,Dr,void 0,void 0);const Ms={components:{WIcon:ql},props:{paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){var n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){var n=this,e={};return n.focusedTrans?(e["background-color"]=qr(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=qr(n.backgroundColorHover),e):(e["background-color"]=qr(n.backgroundColor),e)},useBorder:function(){var n=this,e={};return n.focusedTrans?(e.border="".concat(n.borderWidth,"px solid ").concat(qr(n.borderColorFocus)),e):n.hoveredTrans?(e.border="".concat(n.borderWidth,"px solid ").concat(qr(n.borderColorHover)),e):(e.border="".concat(n.borderWidth,"px solid ").concat(qr(n.borderColor)),e)},useLeftIconColor:function(){var n=this;return n.focusedTrans?qr(n.leftIconColorFocus):n.hoveredTrans?qr(n.leftIconColorHover):qr(n.leftIconColor)},useRightIconColor:function(){var n=this;return n.focusedTrans?qr(n.rightIconColorFocus):n.hoveredTrans?qr(n.rightIconColorHover):qr(n.rightIconColor)},useTitleColor:function(){var n={};return n.color=qr(this.titleColor),n},usePadding:function(){return{padding:Ll(this.paddingStyle,{semicolon:!1})}}},methods:{clickIcon:function(n){var e=this;!1!==e.editable&&e.$nextTick((function(){e.$emit("click-"+n)}))},mouseenter:function(){var n=this;n.hoveredTrans=!0,n.$nextTick((function(){n.$emit("update:hovered",!0)}))},mouseleave:function(){var n=this;n.hoveredTrans=!1,n.$nextTick((function(){n.$emit("update:hovered",!1)}))}}};var Qs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{class:{group:!0,shadow:n.shadow},style:[n.usePadding,n.useBackgroundColor,n.useBorder,{"border-radius":n.borderRadius+"px"},{opacity:n.editable?1:.6}],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition",disabled:""===n.leftIconTooltip},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("div",n._g({attrs:{ShellEllipse:"leftIcon"}},Object.assign({},o)),[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor}})],1)]}}],null,!1,1221438036)},[n._v(" "),t("span",[n._v(n._s(n.leftIconTooltip))])])],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition",disabled:""===n.rightIconTooltip},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("div",n._g({attrs:{ShellEllipse:"rightIcon"}},Object.assign({},o)),[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor}})],1)]}}],null,!1,4247109492)},[n._v(" "),t("span",[n._v(n._s(n.rightIconTooltip))])])],1):n._e()])])};Qs._withStripped=!0;const Us=Fr({render:Qs,staticRenderFns:[]},(function(n){n&&n("data-v-37c5968f_0",{source:"\n.group[data-v-37c5968f] {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\n.shadow[data-v-37c5968f] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WShellEllipse.vue"],names:[],mappings:";AAmZA;IACA,oBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,mGAAA;AACA;AACA;;GAEA",file:"WShellEllipse.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        \x3c!-- 避免class group所使用display:flex直接暴露至外部 --\x3e\r\n        <div\r\n            :class=\"{'group':true,'shadow':shadow}\"\r\n            :style=\"[usePadding,useBackgroundColor,useBorder,{'border-radius':borderRadius+'px'},{'opacity':editable?1:0.6}]\"\r\n            @mouseenter=\"mouseenter\"\r\n            @mouseleave=\"mouseleave\"\r\n        >\r\n\r\n            <div\r\n                :style=\"`margin-left:${iconShiftOuter}px; margin-right:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('left')\"\r\n                @click=\"clickIcon('left')\"\r\n                v-if=\"leftIcon\"\r\n            >\r\n\r\n                <v-tooltip bottom transition=\"slide-y-transition\" :disabled=\"leftIconTooltip===''\">\r\n\r\n                    <template v-slot:activator=\"{ on: ttShellEllipseLeft }\">\r\n                        <div ShellEllipse=\"leftIcon\" v-on=\"{...ttShellEllipseLeft}\">\r\n                            <WIcon\r\n                                :icon=\"leftIcon\"\r\n                                :size=\"leftIconSize\"\r\n                                :color=\"useLeftIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n                    </template>\r\n\r\n                    <span>{{leftIconTooltip}}</span>\r\n\r\n                </v-tooltip>\r\n\r\n            </div>\r\n\r\n            <div :style=\"[{'width':'100%'}]\">\r\n\r\n                <slot></slot>\r\n\r\n            </div>\r\n\r\n            <div\r\n                :style=\"`margin-right:${iconShiftOuter}px; margin-left:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('right')\"\r\n                @click=\"clickIcon('right')\"\r\n                v-if=\"rightIcon\"\r\n            >\r\n\r\n                <v-tooltip bottom transition=\"slide-y-transition\" :disabled=\"rightIconTooltip===''\">\r\n\r\n                    <template v-slot:activator=\"{ on: ttShellEllipseRight }\">\r\n                        <div ShellEllipse=\"rightIcon\" v-on=\"{...ttShellEllipseRight}\">\r\n                            <WIcon\r\n                                :icon=\"rightIcon\"\r\n                                :size=\"rightIconSize\"\r\n                                :color=\"useRightIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n                    </template>\r\n\r\n                    <span>{{rightIconTooltip}}</span>\r\n\r\n                </v-tooltip>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Object} [paddingStyle={v:0,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15}\r\n * @vue-prop {Number} [borderWidth=1] 輸入邊框寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='transparent'] 輸入滑鼠移入時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorFocus='transparent'] 輸入取得焦點時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorFocus='transparent'] 輸入取得焦點時邊框顏色字串，預設'transparent'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n * @vue-prop {String} [leftIcon=''] 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [leftIconSize=24] 輸入左側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [leftIconColor='deep-orange lighten-2'] 輸入左側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [leftIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconTooltip=''] 輸入左側圖標提示文字字串，預設''\r\n * @vue-prop {String} [rightIcon=''] 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [rightIconSize=24] 輸入右側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [rightIconColor='deep-orange lighten-2'] 輸入右側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [rightIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconTooltip=''] 輸入右側圖標提示文字字串，預設''\r\n * @vue-prop {Number} [iconShiftOuter=-10] 輸入左右側圖標與外框距離數字，單位為px，預設-10\r\n * @vue-prop {Number} [iconShiftInner=5] 輸入左右側圖標與內插槽區距離數字，單位為px，預設5\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true\r\n * @vue-prop {Boolean} [hovered=false] 輸入是否為滑鼠移入狀態，預設false\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        leftIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        leftIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        leftIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        leftIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        rightIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        rightIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconShiftOuter: {\r\n            type: Number,\r\n            default: -10,\r\n        },\r\n        iconShiftInner: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hovered: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            hoveredTrans: false,\r\n            focusedTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = vo.hovered\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorFocus)\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorHover)\r\n                return s\r\n            }\r\n            s['background-color'] = color2hex(vo.backgroundColor)\r\n            return s\r\n        },\r\n\r\n        useBorder: function() {\r\n            //console.log('computed useBorder')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorFocus)}`\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorHover)}`\r\n                return s\r\n            }\r\n            s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColor)}`\r\n            return s\r\n        },\r\n\r\n        useLeftIconColor: function() {\r\n            //console.log('computed useLeftIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.focusedTrans) {\r\n                return color2hex(vo.leftIconColorFocus)\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.leftIconColorHover)\r\n            }\r\n            return color2hex(vo.leftIconColor)\r\n        },\r\n\r\n        useRightIconColor: function() {\r\n            //console.log('computed useRightIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.focusedTrans) {\r\n                return color2hex(vo.rightIconColorFocus)\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.rightIconColorHover)\r\n            }\r\n            return color2hex(vo.rightIconColor)\r\n        },\r\n\r\n        useTitleColor: function() {\r\n            //console.log('computed useTitleColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['color'] = color2hex(vo.titleColor)\r\n            return s\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { semicolon: false })\r\n\r\n            //padding\r\n            let padding = {\r\n                padding: cs,\r\n            }\r\n\r\n            return padding\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        clickIcon: function (mode) {\r\n            //console.log('methods clickIcon', mode)\r\n\r\n            let vo = this\r\n\r\n            if (vo.editable === false) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('click-' + mode)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseenter: function() {\r\n            //console.log('methods mouseenter')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = true\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', true)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseleave: function() {\r\n            //console.log('methods mouseleave')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = false\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', false)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.group {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n</style>\r\n"]},media:void 0})}),Ms,"data-v-37c5968f",false,undefined,!1,Dr,void 0,void 0);var qs=function(n){var e=null==n?0:n.length;return e?n[e-1]:void 0};var nc=function(n,e,t,o){for(var r=t-1,i=n.length;++r<i;)if(o(n[r],e))return r;return-1},ec=Array.prototype.splice;var tc=function(n,e,t,o){var r=o?nc:mr,i=-1,a=e.length,l=n;for(n===e&&(e=ea(e)),t&&(l=Qn(n,tt(t)));++i<a;)for(var s=0,c=e[i],d=t?t(c):c;(s=r(l,d,s,o))>-1;)l!==n&&ec.call(l,s,1),ec.call(n,s,1);return n};var oc=tl((function(n,e){return n&&n.length&&e&&e.length?tc(n,e):n}));function rc(n,e,t){if(Rl(n))if(Rl(e)){if(Jl(t)){var o;try{o=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}var r=!1;try{r=n>=o.left&&n<=o.right&&e>=o.top&&e<=o.bottom}catch(n){console.log("catch when calculating page information of element",n)}return r}console.log("ele is not HTMLElement",t)}else console.log("clientY is not Number",e);else console.log("clientX is not Number",n)}function ic(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function ac(n){return n instanceof ic(n).Element||n instanceof Element}function lc(n){return n instanceof ic(n).HTMLElement||n instanceof HTMLElement}function sc(n){return"undefined"!=typeof ShadowRoot&&(n instanceof ic(n).ShadowRoot||n instanceof ShadowRoot)}var cc=Math.max,dc=Math.min,uc=Math.round;function pc(n,e){void 0===e&&(e=!1);var t=n.getBoundingClientRect(),o=1,r=1;if(lc(n)&&e){var i=n.offsetHeight,a=n.offsetWidth;a>0&&(o=uc(t.width)/a||1),i>0&&(r=uc(t.height)/i||1)}return{width:t.width/o,height:t.height/r,top:t.top/r,right:t.right/o,bottom:t.bottom/r,left:t.left/o,x:t.left/o,y:t.top/r}}function mc(n){var e=ic(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function gc(n){return n?(n.nodeName||"").toLowerCase():null}function vc(n){return((ac(n)?n.ownerDocument:n.document)||window.document).documentElement}function hc(n){return pc(vc(n)).left+mc(n).scrollLeft}function fc(n){return ic(n).getComputedStyle(n)}function bc(n){var e=fc(n),t=e.overflow,o=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+r+o)}function yc(n,e,t){void 0===t&&(t=!1);var o,r,i=lc(e),a=lc(e)&&function(n){var e=n.getBoundingClientRect(),t=uc(e.width)/n.offsetWidth||1,o=uc(e.height)/n.offsetHeight||1;return 1!==t||1!==o}(e),l=vc(e),s=pc(n,a),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(i||!i&&!t)&&(("body"!==gc(e)||bc(l))&&(c=(o=e)!==ic(o)&&lc(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:mc(o)),lc(e)?((d=pc(e,!0)).x+=e.clientLeft,d.y+=e.clientTop):l&&(d.x=hc(l))),{x:s.left+c.scrollLeft-d.x,y:s.top+c.scrollTop-d.y,width:s.width,height:s.height}}function xc(n){return"html"===gc(n)?n:n.assignedSlot||n.parentNode||(sc(n)?n.host:null)||vc(n)}function kc(n){return["html","body","#document"].indexOf(gc(n))>=0?n.ownerDocument.body:lc(n)&&bc(n)?n:kc(xc(n))}function Cc(n,e){var t;void 0===e&&(e=[]);var o=kc(n),r=o===(null==(t=n.ownerDocument)?void 0:t.body),i=ic(o),a=r?[i].concat(i.visualViewport||[],bc(o)?o:[]):o,l=e.concat(a);return r?l:l.concat(Cc(xc(a)))}function Sc(n){return["table","td","th"].indexOf(gc(n))>=0}function wc(n){return lc(n)&&"fixed"!==fc(n).position?n.offsetParent:null}function Wc(n){for(var e=ic(n),t=wc(n);t&&Sc(t)&&"static"===fc(t).position;)t=wc(t);return t&&("html"===gc(t)||"body"===gc(t)&&"static"===fc(t).position)?e:t||function(n){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&lc(n)&&"fixed"===fc(n).position)return null;for(var t=xc(n);lc(t)&&["html","body"].indexOf(gc(t))<0;){var o=fc(t);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return t;t=t.parentNode}return null}(n)||e}var Ic="top",_c="bottom",Tc="right",Hc="left",Ac="auto",Zc=[Ic,_c,Tc,Hc],Bc="start",Vc="end",Pc="viewport",jc="popper",Xc=Zc.reduce((function(n,e){return n.concat([e+"-"+Bc,e+"-"+Vc])}),[]),Gc=[].concat(Zc,[Ac]).reduce((function(n,e){return n.concat([e,e+"-"+Bc,e+"-"+Vc])}),[]),Rc=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Lc(n){var e=new Map,t=new Set,o=[];function r(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var o=e.get(n);o&&r(o)}})),o.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||r(n)})),o}function Fc(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var Kc='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',Yc=["name","enabled","phase","fn","effect","requires","options"];function Dc(n){return n.split("-")[0]}function zc(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function Ec(n,e){return e===Pc?zc(function(n){var e=ic(n),t=vc(n),o=e.visualViewport,r=t.clientWidth,i=t.clientHeight,a=0,l=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,l=o.offsetTop)),{width:r,height:i,x:a+hc(n),y:l}}(n)):ac(e)?function(n){var e=pc(n);return e.top=e.top+n.clientTop,e.left=e.left+n.clientLeft,e.bottom=e.top+n.clientHeight,e.right=e.left+n.clientWidth,e.width=n.clientWidth,e.height=n.clientHeight,e.x=e.left,e.y=e.top,e}(e):zc(function(n){var e,t=vc(n),o=mc(n),r=null==(e=n.ownerDocument)?void 0:e.body,i=cc(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=cc(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+hc(n),s=-o.scrollTop;return"rtl"===fc(r||t).direction&&(l+=cc(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(vc(n)))}function Nc(n){var e=Cc(xc(n)),t=["absolute","fixed"].indexOf(fc(n).position)>=0,o=t&&lc(n)?Wc(n):n;return ac(o)?e.filter((function(n){return ac(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&sc(t)){var o=e;do{if(o&&n.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}(n,o)&&"body"!==gc(n)&&(!t||"static"!==fc(n).position)})):[]}function Jc(n){return n.split("-")[1]}function $c(n){var e,t=n.reference,o=n.element,r=n.placement,i=r?Dc(r):null,a=r?Jc(r):null,l=t.x+t.width/2-o.width/2,s=t.y+t.height/2-o.height/2;switch(i){case Ic:e={x:l,y:t.y-o.height};break;case _c:e={x:l,y:t.y+t.height};break;case Tc:e={x:t.x+t.width,y:s};break;case Hc:e={x:t.x-o.width,y:s};break;default:e={x:t.x,y:t.y}}var c=i?function(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}(i):null;if(null!=c){var d="y"===c?"height":"width";switch(a){case Bc:e[c]=e[c]-(t[d]/2-o[d]/2);break;case Vc:e[c]=e[c]+(t[d]/2-o[d]/2)}}return e}function Oc(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=void 0===o?n.placement:o,i=t.boundary,a=void 0===i?"clippingParents":i,l=t.rootBoundary,s=void 0===l?Pc:l,c=t.elementContext,d=void 0===c?jc:c,u=t.altBoundary,p=void 0!==u&&u,m=t.padding,g=void 0===m?0:m,v=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof g?g:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(g,Zc)),h=d===jc?"reference":jc,f=n.rects.popper,b=n.elements[p?h:d],y=function(n,e,t){var o="clippingParents"===e?Nc(n):[].concat(e),r=[].concat(o,[t]),i=r[0],a=r.reduce((function(e,t){var o=Ec(n,t);return e.top=cc(o.top,e.top),e.right=dc(o.right,e.right),e.bottom=dc(o.bottom,e.bottom),e.left=cc(o.left,e.left),e}),Ec(n,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(ac(b)?b:b.contextElement||vc(n.elements.popper),a,s),x=pc(n.elements.reference),k=$c({reference:x,element:f,strategy:"absolute",placement:r}),C=zc(Object.assign({},f,k)),S=d===jc?C:x,w={top:y.top-S.top+v.top,bottom:S.bottom-y.bottom+v.bottom,left:y.left-S.left+v.left,right:S.right-y.right+v.right},W=n.modifiersData.offset;if(d===jc&&W){var I=W[r];Object.keys(w).forEach((function(n){var e=[Tc,_c].indexOf(n)>=0?1:-1,t=[Ic,_c].indexOf(n)>=0?"y":"x";w[n]+=I[t]*e}))}return w}var Mc="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",Qc={placement:"bottom",modifiers:[],strategy:"absolute"};function Uc(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function qc(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,o=void 0===t?[]:t,r=e.defaultOptions,i=void 0===r?Qc:r;return function(n,e,t){void 0===t&&(t=i);var r,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},Qc,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},s=[],c=!1,d={state:l,setOptions:function(t){var r="function"==typeof t?t(l.options):t;u(),l.options=Object.assign({},i,l.options,r),l.scrollParents={reference:ac(n)?Cc(n):n.contextElement?Cc(n.contextElement):[],popper:Cc(e)};var a=function(n){var e=Lc(n);return Rc.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}(function(n){var e=n.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{});return Object.keys(e).map((function(n){return e[n]}))}([].concat(o,l.options.modifiers)));(l.orderedModifiers=a.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),Yc).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(Fc(Kc,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(Fc(Kc,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":Rc.indexOf(e.phase)<0&&console.error(Fc(Kc,e.name,'"phase"',"either "+Rc.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(Fc(Kc,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(Fc(Kc,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(Fc(Kc,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(Fc(Kc,e.name,'"requiresIfExists"','"array"','"'+String(e.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+e.name+'" modifier, valid properties are '+Yc.map((function(n){return'"'+n+'"'})).join(", ")+'; but "'+t+'" was provided.')}e.requires&&e.requires.forEach((function(t){null==n.find((function(n){return n.name===t}))&&console.error(Fc('Popper: modifier "%s" requires "%s", but "%s" modifier is not available',String(e.name),t,t))}))}))}))}((c=[].concat(a,l.options.modifiers),p=function(n){return n.name},m=new Set,c.filter((function(n){var e=p(n);if(!m.has(e))return m.add(e),!0})))),Dc(l.options.placement)===Ac)&&(l.orderedModifiers.find((function(n){return"flip"===n.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" ")));var c,p,m,g=fc(e);return[g.marginTop,g.marginRight,g.marginBottom,g.marginLeft].some((function(n){return parseFloat(n)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" ")),l.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,o=void 0===t?{}:t,r=n.effect;if("function"==typeof r){var i=r({state:l,name:e,instance:d,options:o}),a=function(){};s.push(i||a)}})),d.update()},forceUpdate:function(){if(!c){var n=l.elements,e=n.reference,t=n.popper;if(Uc(e,t)){var o,r,i,a;l.rects={reference:yc(e,Wc(t),"fixed"===l.options.strategy),popper:(o=t,r=pc(o),i=o.offsetWidth,a=o.offsetHeight,Math.abs(r.width-i)<=1&&(i=r.width),Math.abs(r.height-a)<=1&&(a=r.height),{x:o.offsetLeft,y:o.offsetTop,width:i,height:a})},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(n){return l.modifiersData[n.name]=Object.assign({},n.data)}));for(var s=0,u=0;u<l.orderedModifiers.length;u++){if((s+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==l.reset){var p=l.orderedModifiers[u],m=p.fn,g=p.options,v=void 0===g?{}:g,h=p.name;"function"==typeof m&&(l=m({state:l,options:v,name:h,instance:d})||l)}else l.reset=!1,u=-1}}else console.error(Mc)}},update:(r=function(){return new Promise((function(n){d.forceUpdate(),n(l)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(r())}))}))),a}),destroy:function(){u(),c=!0}};if(!Uc(n,e))return console.error(Mc),d;function u(){s.forEach((function(n){return n()})),s=[]}return d.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),d}}var nd={passive:!0};var ed={top:"auto",right:"auto",bottom:"auto",left:"auto"};function td(n){var e,t=n.popper,o=n.popperRect,r=n.placement,i=n.variation,a=n.offsets,l=n.position,s=n.gpuAcceleration,c=n.adaptive,d=n.roundOffsets,u=n.isFixed,p=!0===d?function(n){var e=n.x,t=n.y,o=window.devicePixelRatio||1;return{x:uc(e*o)/o||0,y:uc(t*o)/o||0}}(a):"function"==typeof d?d(a):a,m=p.x,g=void 0===m?0:m,v=p.y,h=void 0===v?0:v,f=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),y=Hc,x=Ic,k=window;if(c){var C=Wc(t),S="clientHeight",w="clientWidth";if(C===ic(t)&&"static"!==fc(C=vc(t)).position&&"absolute"===l&&(S="scrollHeight",w="scrollWidth"),C=C,r===Ic||(r===Hc||r===Tc)&&i===Vc)x=_c,h-=(u&&k.visualViewport?k.visualViewport.height:C[S])-o.height,h*=s?1:-1;if(r===Hc||(r===Ic||r===_c)&&i===Vc)y=Tc,g-=(u&&k.visualViewport?k.visualViewport.width:C[w])-o.width,g*=s?1:-1}var W,I=Object.assign({position:l},c&&ed);return s?Object.assign({},I,((W={})[x]=b?"0":"",W[y]=f?"0":"",W.transform=(k.devicePixelRatio||1)<=1?"translate("+g+"px, "+h+"px)":"translate3d("+g+"px, "+h+"px, 0)",W)):Object.assign({},I,((e={})[x]=b?h+"px":"",e[y]=f?g+"px":"",e.transform="",e))}var od=qc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,o=n.options,r=o.scroll,i=void 0===r||r,a=o.resize,l=void 0===a||a,s=ic(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,nd)})),l&&s.addEventListener("resize",t.update,nd),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,nd)})),l&&s.removeEventListener("resize",t.update,nd)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=$c({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,o=t.gpuAcceleration,r=void 0===o||o,i=t.adaptive,a=void 0===i||i,l=t.roundOffsets,s=void 0===l||l,c=fc(e.elements.popper).transitionProperty||"";a&&["transform","top","right","bottom","left"].some((function(n){return c.indexOf(n)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "));var d={placement:Dc(e.placement),variation:Jc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,td(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,td(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},o=e.attributes[n]||{},r=e.elements[n];lc(r)&&gc(r)&&(Object.assign(r.style,t),Object.keys(o).forEach((function(n){var e=o[n];!1===e?r.removeAttribute(n):r.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var o=e.elements[n],r=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});lc(o)&&gc(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(n){o.removeAttribute(n)})))}))}},requires:["computeStyles"]}]}),rd={left:"right",right:"left",bottom:"top",top:"bottom"};function id(n){return n.replace(/left|right|bottom|top/g,(function(n){return rd[n]}))}var ad={start:"end",end:"start"};function ld(n){return n.replace(/start|end/g,(function(n){return ad[n]}))}function sd(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=t.boundary,i=t.rootBoundary,a=t.padding,l=t.flipVariations,s=t.allowedAutoPlacements,c=void 0===s?Gc:s,d=Jc(o),u=d?l?Xc:Xc.filter((function(n){return Jc(n)===d})):Zc,p=u.filter((function(n){return c.indexOf(n)>=0}));0===p.length&&(p=u,console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var m=p.reduce((function(e,t){return e[t]=Oc(n,{placement:t,boundary:r,rootBoundary:i,padding:a})[Dc(t)],e}),{});return Object.keys(m).sort((function(n,e){return m[n]-m[e]}))}var cd={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,o=n.name;if(!e.modifiersData[o]._skip){for(var r=t.mainAxis,i=void 0===r||r,a=t.altAxis,l=void 0===a||a,s=t.fallbackPlacements,c=t.padding,d=t.boundary,u=t.rootBoundary,p=t.altBoundary,m=t.flipVariations,g=void 0===m||m,v=t.allowedAutoPlacements,h=e.options.placement,f=Dc(h),b=s||(f===h||!g?[id(h)]:function(n){if(Dc(n)===Ac)return[];var e=id(n);return[ld(n),e,ld(e)]}(h)),y=[h].concat(b).reduce((function(n,t){return n.concat(Dc(t)===Ac?sd(e,{placement:t,boundary:d,rootBoundary:u,padding:c,flipVariations:g,allowedAutoPlacements:v}):t)}),[]),x=e.rects.reference,k=e.rects.popper,C=new Map,S=!0,w=y[0],W=0;W<y.length;W++){var I=y[W],_=Dc(I),T=Jc(I)===Bc,H=[Ic,_c].indexOf(_)>=0,A=H?"width":"height",Z=Oc(e,{placement:I,boundary:d,rootBoundary:u,altBoundary:p,padding:c}),B=H?T?Tc:Hc:T?_c:Ic;x[A]>k[A]&&(B=id(B));var V=id(B),P=[];if(i&&P.push(Z[_]<=0),l&&P.push(Z[B]<=0,Z[V]<=0),P.every((function(n){return n}))){w=I,S=!1;break}C.set(I,P)}if(S)for(var j=function(n){var e=y.find((function(e){var t=C.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return w=e,"break"},X=g?3:1;X>0;X--){if("break"===j(X))break}e.placement!==w&&(e.modifiersData[o]._skip=!0,e.placement=w,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var dd={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,o=n.name,r=t.offset,i=void 0===r?[0,0]:r,a=Gc.reduce((function(n,t){return n[t]=function(n,e,t){var o=Dc(n),r=[Hc,Ic].indexOf(o)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],l=i[1];return a=a||0,l=(l||0)*r,[Hc,Tc].indexOf(o)>=0?{x:l,y:a}:{x:a,y:l}}(t,e.rects,i),n}),{}),l=a[e.placement],s=l.x,c=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s,e.modifiersData.popperOffsets.y+=c),e.modifiersData[o]=a}};function ud(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function pd(n){return[Ic,Tc,_c,Hc].some((function(e){return n[e]>=0}))}var md={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=Oc(e,{elementContext:"reference"}),l=Oc(e,{altBoundary:!0}),s=ud(a,o),c=ud(l,r,i),d=pd(s),u=pd(c);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}},gd=[];const vd={directives:{domresize:Ti()},props:{value:{type:Boolean,default:!1},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},distY:{type:Number,default:5},borderRadius:{type:Number,default:4},backgroundColor:{type:String,default:"white"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:null,valueTrans:!1,triggerWidth:null,clickTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,popperInstance:null,popperShow:!1}},mounted:function(){var n=this;n.mmkey=Wi(),n.windowMousedown=function(e){var t=ie(n,"$refs.divTrigger",null);n.clickTriggerInner=!!t&&rc(e.clientX,e.clientY,t);var o=ie(n,"$refs.divContent",null);n.valueTrans&&o?n.clickContentInner=rc(e.clientX,e.clientY,o):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=function(e){var t;(t=n.mmkey,qs(gd)===t)&&(!n.valueTrans||n.clickTriggerInner||n.clickContentInner?(n.clickTriggerInner=!1,n.clickContentInner=!1):n.triggerEvent(!1))},window.addEventListener("mouseup",n.windowMouseup,!1)},beforeDestroy:function(){var n=this;window.removeEventListener("mousedown",n.windowMousedown,!1),window.removeEventListener("mouseup",n.windowMouseup,!1),n.hidePopper()},computed:{changeValue:function(){var n=this,e=n.value;return n.isolated||n.updateValue(e),""},useMinWidth:function(){var n=this,e=n.triggerWidth;return Rl(n.minWidth)&&(e=n.minWidth),"min-width:".concat(e,"px;")},useMaxWidth:function(){return Rl(this.maxWidth)?"max-width:".concat(this.maxWidth,"px;"):""},useBorderRadius:function(){return Rl(this.borderRadius)?"border-radius:".concat(this.borderRadius,"px;"):""},useBackgroundColor:function(){return qr(this.backgroundColor)},useShadow:function(){if(!this.shadow)return"";var n=$r(this.shadowStyle,";","");return""!==n?"box-shadow:".concat(n,";"):""}},methods:{updateValue:function(n){var e=this;e.editable&&(e.valueTrans=n,e.display())},display:function(){var n=this;n.$nextTick((function(){var e=n.editable&&n.valueTrans;e&&!n.popperShow?(n.showPopper(),n.popperShow=!0,n.$emit("show")):!e&&n.popperShow&&(n.hidePopper(),n.popperShow=!1,n.$emit("hide"))}))},triggerEvent:function(n){var e=this;e.isolated?e.updateValue(n):e.$nextTick((function(){e.$emit("input",n)}))},showPopper:function(){var n=this,e=ie(n,"$refs.divTrigger",null);if(null!==e){n.$nextTick((function(){n.triggerWidth=e.offsetWidth}));var t=ie(n,"$refs.divContent",null);if(null!==t){var o;o=n.mmkey,gd.push(o);var r={strategy:"fixed",placement:"bottom-start",modifiers:[cd,md,dd,{name:"offset",options:{offset:function(e){var t=e.placement;return e.reference,e.popper,"bottom-start"===t||"bottom-end"===t||"top-start"===t||"top-end"===t?[0,n.distY]:[]}}}]};n.popperInstance=od(e,t,r)}}},hidePopper:function(){var n=this;n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null),setTimeout((function(){var e;e=n.mmkey,oc(gd,e)}),20)},updatePopper:function(n){var e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",n)},clickTrigger:function(){var n=this;n.editable&&(n.valueTrans||n.triggerEvent(!0))}}};var hd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickTrigger(e)},click:function(e){return e.stopPropagation(),n.clickTrigger(e)}}},[n._t("trigger")],2),n._v(" "),t("div",{staticStyle:{position:"fixed",left:"0",top:"0","z-index":"99999"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:100000; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow,attrs:{divContent:""},on:{domresize:n.updatePopper}},[n.valueTrans?[n._t("content",null,{funHide:function(){n.updateValue(!1)}})]:n._e()],2)])])};hd._withStripped=!0;const fd=Fr({render:hd,staticRenderFns:[]},(function(n){n&&n("data-v-1712408f_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-1712408f] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPopup.vue"],names:[],mappings:";AAygBA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WPopup.vue",sourcesContent:["<template>\r\n    <div style=\"display:inline-block;\" :changeValue=\"changeValue\">\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @keyup.enter=\"clickTrigger\"\r\n            @click.stop=\"clickTrigger\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 需外層使用position包覆隔離, 因popper會對外層產生影響(添加class) --\x3e\r\n        <div style=\"position:fixed; left:0; top:0; z-index:99999;\">\r\n            \x3c!-- style不給予position因會被popper洗掉改用translate定位 --\x3e\r\n            \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n            <div\r\n                divContent\r\n                ref=\"divContent\"\r\n                class=\"WPopup-Content\"\r\n                :style=\"`z-index:100000; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-show=\"valueTrans\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <template v-if=\"valueTrans\">\r\n                    <slot\r\n                        name=\"content\"\r\n                        :funHide=\"()=>{updateValue(false)}\"\r\n                    ></slot>\r\n                </template>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport last from 'lodash/last'\r\nimport pull from 'lodash/pull'\r\nimport isNumber from 'lodash/isNumber'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\n// import domCancelEvent from 'wsemi/src/domCancelEvent.mjs' //同樣都監聽window(非dom階層)故無法cancel\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\nlet respList = []\r\nfunction addTrigger(mmkey) {\r\n    respList.push(mmkey)\r\n}\r\nfunction checkTriggerEff(mmkey) {\r\n    return last(respList) === mmkey\r\n}\r\nfunction removeTrigger(mmkey) {\r\n    // console.log('removeTrigger 1', mmkey, last(respList))\r\n    // respList.pop()\r\n    pull(respList, mmkey)\r\n    // console.log('removeTrigger 2', respList)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {Boolean} [isolated=false] 輸入是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入最小寬度，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入最大寬度，單位為px，預設null\r\n * @vue-prop {Number} [distY=5] 輸入彈窗距離觸發元素底部的距離，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [backgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        distY: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mmkey: null,\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            clickTriggerInner: false,\r\n            clickContentInner: false,\r\n            windowMousedown: null,\r\n            windowMouseup: null,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //mmkey\r\n        vo.mmkey = genID()\r\n\r\n        //windowMousedown\r\n        vo.windowMousedown = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousedown', e)\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.clickTriggerInner = domIsClientXYIn(e.clientX, e.clientY, divTrigger)\r\n            }\r\n            else {\r\n                vo.clickTriggerInner = false\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //是否當前為顯示且擊於內容區內\r\n            if (vo.valueTrans && divContent) {\r\n                vo.clickContentInner = domIsClientXYIn(e.clientX, e.clientY, divContent)\r\n            }\r\n            else {\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mousedown', vo.windowMousedown, false)\r\n\r\n        //windowMouseup\r\n        vo.windowMouseup = (e) => {\r\n            // console.log(vo.mmkey, 'windowMouseup', e, checkTriggerEff(vo.mmkey))\r\n\r\n            //check\r\n            if (!checkTriggerEff(vo.mmkey)) {\r\n                return\r\n            }\r\n\r\n            //console.log(vo.mmkey, 'windowMouseup', `clickOuter`, !vo.clickContentInner)\r\n            //console.log(vo.mmkey, 'windowMouseup', `valueTrans`, vo.valueTrans)\r\n            //當前為顯示時, 非點擊於觸發區與內容區, 才觸發隱藏事件\r\n            if (vo.valueTrans && !vo.clickTriggerInner && !vo.clickContentInner) {\r\n                // console.log(vo.mmkey, 'vo.valueTrans', vo.valueTrans)\r\n                // console.log(vo.mmkey, 'vo.clickTriggerInner', vo.clickTriggerInner)\r\n                // console.log(vo.mmkey, 'vo.clickContentInner', vo.clickContentInner)\r\n\r\n                //triggerEvent for hide\r\n                vo.triggerEvent(false)\r\n\r\n                //console.log(vo.mmkey, '隱藏')\r\n            }\r\n            else {\r\n                vo.clickTriggerInner = false\r\n                vo.clickContentInner = false\r\n                //console.log(vo.mmkey, '不隱藏')\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //window remove mousedown mouseup\r\n        window.removeEventListener('mousedown', vo.windowMousedown, false)\r\n        window.removeEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n        //hidePopper\r\n        vo.hidePopper()\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value)\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            //minWidth\r\n            let minWidth = vo.triggerWidth\r\n            if (isNumber(vo.minWidth)) {\r\n                minWidth = vo.minWidth\r\n            }\r\n            return `min-width:${minWidth}px;`\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.backgroundColor)\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateValue: function (value) {\r\n            //console.log('methods updateValue', value)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.valueTrans = value\r\n\r\n            //display\r\n            vo.display()\r\n\r\n        },\r\n\r\n        display: function() {\r\n            //console.log('methods display')\r\n\r\n            let vo = this\r\n\r\n            //showPopper or hidePopper\r\n            vo.$nextTick(() => {\r\n\r\n                //b\r\n                let b = vo.editable && vo.valueTrans //顯示時valueTrans=true與可編輯時才顯示, 否則一律隱藏\r\n\r\n                if (b && !vo.popperShow) {\r\n                    vo.showPopper()\r\n                    vo.popperShow = true\r\n                    vo.$emit('show')\r\n                }\r\n                else if (!b && vo.popperShow) {\r\n                    vo.hidePopper()\r\n                    vo.popperShow = false\r\n                    vo.$emit('hide')\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(value) {\r\n            // console.log('methods triggerEvent', value)\r\n\r\n            let vo = this\r\n\r\n            if (vo.isolated) {\r\n\r\n                //updateValue\r\n                vo.updateValue(value)\r\n\r\n            }\r\n            else {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', value)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        showPopper: function() {\r\n            // console.log(this.mmkey, 'methods showPopper')\r\n\r\n            let vo = this\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //$nextTick, 因顯示後popperjs會用divContent撐開導致divTrigger寬度等同於divContent, 需延遲取得offsetWidth才是正確寬度\r\n            vo.$nextTick(() => {\r\n\r\n                //update triggerWidth\r\n                vo.triggerWidth = divTrigger.offsetWidth\r\n\r\n            })\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //addTrigger, 採同步方式添加, popup顯示前就會mmkey就會進清單\r\n            addTrigger(vo.mmkey)\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //需使用fixed, 否則popup彈窗會盡量基於trigger寬度而盡量窄化\r\n                placement: 'bottom-start',\r\n                modifiers: [\r\n                    // preventOverflow,\r\n                    // computeStyles,\r\n                    // {\r\n                    //     name: 'computeStyles',\r\n                    //     options: {\r\n                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                    //     },\r\n                    // },\r\n                    flip,\r\n                    hide,\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.distY)\r\n                                if (placement === 'bottom-start' || placement === 'bottom-end') {\r\n                                    // console.log('placement', placement, 'reference', reference, 'popper', popper, 'distY', vo.distY)\r\n                                    return [0, vo.distY]\r\n                                }\r\n                                else if (placement === 'top-start' || placement === 'top-end') {\r\n                                    return [0, vo.distY]\r\n                                }\r\n                                else {\r\n                                    return []\r\n                                }\r\n                            },\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            vo.popperInstance = createPopper(divTrigger, divContent, opt)\r\n            // console.log('popperInstance', vo.popperInstance)\r\n\r\n        },\r\n\r\n        hidePopper: function() {\r\n            // console.log(this.mmkey, 'methods hidePopper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.popperInstance) {\r\n\r\n                //destroy\r\n                vo.popperInstance.destroy()\r\n                vo.popperInstance = null\r\n\r\n            }\r\n\r\n            //非同步移除用nextTick會太快, 得使用setTimeout\r\n            //不管有沒有popperInstance都進行移除, 於開發階段避免熱更新問題\r\n            setTimeout(() => {\r\n\r\n                //removeTrigger, 需採非同步移除, 避免window事件結束後, 此時會繼續觸發前面popup內的window事件, 若採同步移除就無法讓前面popup判斷是否需屏蔽\r\n                removeTrigger(vo.mmkey)\r\n\r\n            }, 20)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        clickTrigger: function() {\r\n            //console.log('methods clickTrigger')\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經顯示就不再顯示\r\n            if (vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for show\r\n            vo.triggerEvent(true)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopup-Content[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),vd,"data-v-1712408f",false,undefined,!1,Dr,void 0,void 0);function bd(n){return!!pi(n)&&hi(n)<0}function yd(n,e){var t,o=!1,r="";if("isstr"===e)rr(n)||(o=!0,r="需要為字串",n="");else if("isnum"===e)di(n)||(o=!0,r="需要為數字",n=0);else if("isp0num"===e)di(t=n)&&ui(t)>=0||(o=!0,r="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!di(n)&&ui(n)<=0})(n)||(o=!0,r="需要為含0的負浮點數",n=0);else if("isint"===e)pi(n)||(o=!0,r="需要為整數",n=0);else if("ispint"===e)fi(n)||(o=!0,r="需要為不含0正整數",n=0);else if("isp0int"===e)ul(n)||(o=!0,r="需要為含0正整數",n=0);else if("isnint"===e)bd(n)||(o=!0,r="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!pi(n)&&hi(n)<=0})(n)||(o=!0,r="需要為含0負整數",n=0);else if(xi(e)){n=e(n)}else"any"===e?di(n)||rr(n)||(o=!0,r="需要為字串或數字",n=""):(o=!0,r="需要指定驗證類型",n=null);return{value:n,err:o,errmsg:r}}const xd={props:{type:{type:String,default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){var n=this,e="";return di(n.height)&&(e="height:".concat(n.height,"px; line-height:").concat(n.height,"px;")),e},useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){var e=this;e.focused!==n&&e.$nextTick((function(){e.$emit("update:focused",n)}))},updateValue:function(n){var e=this,t=yd(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){var t=this;t.$nextTick((function(){t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};var kd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{type:"text",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:(t=e,void n.trigger("enter",t));var t},select:function(e){n.trigger("select",e)}}})])};kd._withStripped=!0;const Cd=Fr({render:kd,staticRenderFns:[]},(function(n){n&&n("data-v-410527a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})}),xd,"data-v-410527a2",false,undefined,!1,Dr,void 0,void 0);var Sd=function(n,e){return Qn(e,(function(e){return n[e]}))};var wd=function(n){return null==n?[]:Sd(n,vt(n))};function Wd(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;di(n)||(n=10);var e=Ka();return setTimeout((function(){e.resolve()}),n),e}function Id(n){return!!Va(n)&&(0!==n.length&&(1!==n.length||!Ga(n[0])))}function _d(n,e){if(!Id(n))return[];if(!ir(e))return[];var t=Fa(e," "),o=jr(t);return tr(n,(function(n){return function(n){for(var e=!1,r=0,i=0;i<o;i++){var a=t[i],l=a,s="+"===al(a,1),c="-"===al(a,1);if((s||c)&&(l=sl(a,1)),""!==hr(l)){var d=n.indexOf(l)>=0;if(s&&!d){e=!1,r=0;break}if(c&&d){e=!1,r=0;break}if(d){e=!0;var u=1-i/o;r+=u=Math.pow(u,2)}}}return{hasKeyword:e,weight:r}}(n)}))}function Td(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(Pa(n))return"";var t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Hd(n){return function(){var e=Ka(),t=null,o=null;try{t=n.apply(this,arguments)}catch(n){o=n}return null!==o?e.resolve({state:"error",msg:o}):bs(t)?t.then((function(n){e.resolve({state:"success",msg:n})})).catch((function(n){"cancelled"===ie(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}}function Ad(){var n=yi(),e=[],t=null,o=!1;function r(){null===t&&(t=setInterval(hs(fs.mark((function r(){var i,a,l,s,c,d;return fs.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!o){r.next=2;break}return r.abrupt("return");case 2:for(o=!0,i=e.pop(),a=0;a<e.length;a++)l=e[a].id,s={state:"cancelled"},n.emit(l,s);if(e=[],!i){r.next=16;break}if(d=i.id,!xi(i.func)){r.next=14;break}return r.next=11,Hd(i.func).apply(void 0,Cs(i.input));case 11:c=r.sent,r.next=15;break;case 14:c={state:"error",msg:"fun is not function"};case 15:n.emit(d,c);case 16:(o=!1)||0!==e.length||(clearInterval(t),t=null);case 18:case"end":return r.stop()}}),r)}))),10))}return function(t){var o=Ka();if(xi(t)){for(var i=Wi(),a=arguments.length,l=new Array(a>1?a-1:0),s=1;s<a;s++)l[s-1]=arguments[s];return e.push({id:i,func:t,input:l}),r(),n.once(i,(function(n){"success"===n.state?o.resolve(n.msg):"cancelled"===n.state?o.reject({reason:"cancelled"}):o.reject(n.msg)})),o}console.log("func is not function")}}var Zd=function(n,e,t){for(var o=-1,r=n.length;++o<r;){var i=n[o],a=e(i);if(null!=a&&(void 0===l?a==a&&!$(a):t(a,l)))var l=a,s=i}return s};var Bd=function(n,e){return n>e};var Vd=function(n,e){return n&&n.length?Zd(n,nr(e),Bd):void 0};function Pd(n,e){for(var t=jr(n),o=0,r=e(o),i=t-1,a=e(i),l=!0,s=null;l;){var c=Math.floor((i+o)/2),d=e(c);if(r<0&&d<0&&a<0){s=null,l=!1;break}if(r>0&&d>0&&a>0){s=null,l=!1;break}if(0===r){s=o,l=!1;break}if(0===d){s=c,l=!1;break}if(0===a){s=i,l=!1;break}if(c===o||c===i){var u=[{i:o,v:r},{i:c,v:d},{i:i,v:a}];u=br(u,(function(n){return n.v<=0})),s=Vd(u,"v").i,l=!1;break}r*d>0?(o=c,r=d):(i=c,a=d)}return s}var jd={};function Xd(){return{set:function(n,e){jd[n]=e},get:function(n){return jd[n]},remove:function(n){delete jd[n]}}}var Gd,Rd,Ld,Fd=Xd();const Kd={components:{WPanelScrollyCore:Hs},props:{rows:{type:Array,default:function(){return[]}},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Ad(),dbcRefresh:Ss(),dbcSetRows:Ss(),mmkey:null,changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){null!==this.mmkey&&Fd.remove(this.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler:function(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){var n=this.filterKeywords;return this.filterDebounce(),n}},methods:{setRowsCore:function(n){var e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Va(n)){return"rows is not array"}if(0===jr(n)){return"rows is empty"}null===e.mmkey?e.mmkey=Wi():Fd.remove(e.mmkey);var t=tr(n,(function(n,t){return{index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}}));Fd.set(e.mmkey,t),e.changeDisplay=!0},setRows:(Ld=hs(fs.mark((function n(e){var t,o,r;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return r=function(){return(r=hs(fs.mark((function n(){return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.lockFromSetRows=!0,t.disableLoadingText=jr(e)<=1e4,t.setRowsCore(e),n.next=5,t.refreshCore("setRows");case 5:case"end":return n.stop()}}),n)})))).apply(this,arguments)},o=function(){return r.apply(this,arguments)},t=this,n.next=5,o().catch((function(n){console.log(n)})).finally((function(){t.lockFromSetRows=!1,t.disableLoadingText=!1}));case 5:case"end":return n.stop()}}),n,this)}))),function(n){return Ld.apply(this,arguments)}),setRowsDebounce:function(n){var e=this;e.lockFromSetRows=!0,e.dbcSetRows((function(){e.setRows(n)}))},genUseItems:function(){var n=this;if(null!==n.mmkey){var e=Fd.get(n.mmkey),t=jr(e);if(0!==t){var o=Pd(e,(function(t){var o=e[t];return n.scrollInfor.t-(o.y+o.height)}));null===o&&(o=0);var r=Math.max(o-1,0),i=Pd(e,(function(t){var o=e[t];return n.scrollInfor.b-o.y}));null===i&&(i=t-1);for(var a=Math.min(i+n.itemsPreload,t-1),l=0,s=0;s<r;s++){var c=e[s];c.displayShow&&c.filterShow&&(l+=c.height)}for(var d=0,u=a+1;u<=t-1;u++){var p=e[u];p.displayShow&&p.filterShow&&(d+=p.height)}for(var m=[],g=r;g<=a;g++){var v=Ba(e[g]);v.displayShow&&v.filterShow&&(v.nowShow=!0,v.top=v.y-n.scrollInfor.t,m.push(v))}var h=!1;n.itemsHeightPre!==l&&(h=!0,n.itemsHeightPre=l),n.itemsHeightAft!==d&&(h=!0,n.itemsHeightAft=d);var f=!1;if(Yi(n.useItems,m)||(f=!0,n.useItems=m),n.$refs.wdsDiv){var b=tr(m,"row"),y=tr(m,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:b,items:y}),Yi(n.emItemsTemp,y)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:b,items:y}),n.emItemsTemp=y)}return{change:h||f}}}},syncItemsHeight:function(n,e){var t=ie(this,"$refs.wdsDiv",[]),o=!1;return yt(t,(function(t,r){if(!t.getAttribute)return console.log("找不到getAttribute"),!0;var i=t.getAttribute("index");if(!ul(i))return console.log("!isp0int(index)",i),!0;i=hi(i);var a=ie(t,"children.0");if(!Jl(a))return console.log("!isEle(cnode)",a),!0;var l=a.offsetHeight;n[i].height!==l&&(xi(e)&&e("diff-new",i,l),o=!0)})),o},updateItemsHeight:function(){var n=this;if(null===n.mmkey)return!1;var e=Fd.get(n.mmkey),t=jr(e);n.changeHeight=n.syncItemsHeight(e,(function(n,t,o){"diff-new"===n&&(e[t].height=o)})),n.show||(n.changeHeight=!1);var o=null,r=n.changeHeight||n.changeDisplay||n.changeFilter;if(r){for(var i=0,a=0;a<t;a++){var l=e[a];l.y!==i&&(e[a].y=i),l.displayShow&&l.filterShow&&(i+=l.height)}(o=n.itemsHeight)!==i&&(o=i),0===o&&(o=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:r,itemsHeight:o}},refreshCore:(Rd=hs(fs.mark((function n(e){var t,o,r,i,a,l,s;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(s=function(){return(s=hs(fs.mark((function n(){var e,o,r,a,l,s;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.lockFromRefreshUseItems=!0,e=Ba(t.scrollInfor),n.next=4,i();case 4:o=n.sent,r=ie(o,"genUseItems.change",!1)||ie(o,"updateItemsHeight.change",!1),a=ie(o,"updateItemsHeight.itemsHeight",null),Rl(a)&&(a<=t.viewHeightMax?t.scrollTop>0&&(t.scrollTop=0):(l=0,"up"===e.dir&&(l=a-e.ch),s=t.scrollTop+l,t.scrollTop!==s&&(t.scrollTop=s),t.itemsHeight=a)),r&&(t.lockFromRefreshUseItems=!1,t.triggerEvent("mutation",{from:"wdl-refreshCore"}));case 9:case"end":return n.stop()}}),n)})))).apply(this,arguments)},l=function(){return s.apply(this,arguments)},a=function(){return(a=hs(fs.mark((function n(){var e,i,a;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=Ka(),!((o+=1)>r)){n.next=5;break}return e.resolve(null),n.abrupt("return",e);case 5:return t.filterItems(),i=t.genUseItems(),n.next=9,Wd(20);case 9:return a=t.updateItemsHeight(),e.resolve({genUseItems:i,updateItemsHeight:a}),n.abrupt("return",e);case 12:case"end":return n.stop()}}),n)})))).apply(this,arguments)},i=function(){return a.apply(this,arguments)},null!==(t=this).mmkey){n.next=7;break}return n.abrupt("return");case 7:if(t.show){n.next=9;break}return n.abrupt("return");case 9:return null===t.scrollInfor&&(t.scrollInfor={r:0,t:0,b:t.viewHeightMax,ch:t.itemsHeight}),o=0,r=3,n.next=14,l().catch((function(n){console.log(n)})).finally((function(){t.lockFromRefreshUseItems=!1}));case 14:case"end":return n.stop()}}),n,this)}))),function(n){return Rd.apply(this,arguments)}),refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((function(){}))},filterDebounce:function(){var n=this;n.dbcRefresh((function(){n.refreshCore("filterDebounce")}))},changeInfor:function(n){var e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((function(){e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:(Gd=hs(fs.mark((function n(){var e,t,o,r,i=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return r=function(){return(r=hs(fs.mark((function n(){var o,r,i,a,l,s,c,d;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null!==t.mmkey){n.next=2;break}return n.abrupt("return");case 2:if(t.lockFromProcess=!0,o=Fd.get(t.mmkey),xi(r=ie(e,"fun",null))&&(r(o),t.changeDisplay=!0,t.changeFilter=!0),i=ie(e,"indStart",null),a=ie(e,"indEnd",null),pi(i)&&pi(a)){if(La(l=ie(e,"displayShow",null))){for(s=i;s<=a;s++)ie(o,s,null)&&(o[s].displayShow=l);t.changeDisplay=!0}if(La(c=ie(e,"filterShow",null))){for(d=i;d<=a;d++)ie(o,d,null)&&(o[d].filterShow=c);t.changeFilter=!0}}return n.next=11,t.refreshCore("processItems");case 11:t.lockFromProcess=!1,t.triggerEvent("mutation",{from:"wdl-processItems"});case 13:case"end":return n.stop()}}),n)})))).apply(this,arguments)},o=function(){return r.apply(this,arguments)},e=i.length>0&&void 0!==i[0]?i[0]:{},t=this,n.next=6,o().catch((function(n){console.log(n)})).finally((function(){t.lockFromProcess=!1}));case 6:case"end":return n.stop()}}),n,this)}))),function(){return Gd.apply(this,arguments)}),filterItems:function(){var n=this;if(null!==n.mmkey&&n.filterKeywordsTemp!==n.filterKeywords){n.filterKeywordsTemp=n.filterKeywords;var e=Fd.get(n.mmkey),t=jr(e);if(n.searchingResults=-1,0===jr(n.filterKeywords)){for(var o=0;o<t;o++)e[o].filterShow=!0;n.searchingResults=1}else{var r=n.filterKeywords.toLowerCase(),i=_d(tr(e,(function(n){var e=n.row;return(rr(e)?e:di(e)?ee(e):il(e)?Gr(wd(e)," "):Td(e)).toLowerCase()})),r),a=0;yt(e,(function(n,t){var o=i[t];e[t].filterShow=o.hasKeyword,o.hasKeyword&&a++})),n.searchingResults=a}n.changeFilter=!0}},triggerEvent:function(n,e){var t=ie(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};var Yd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,o){return[t("div",{key:"kitem-"+o,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:o,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};Yd._withStripped=!0;const Dd=Fr({render:Yd,staticRenderFns:[]},(function(n){n&&n("data-v-60de8990_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),Kd,"data-v-60de8990",false,undefined,!1,Dr,void 0,void 0);const zd={components:{WPopup:fd,WTextCore:Cd,WDynamicList:Dd,WIcon:ql},props:{mode:{type:String,default:"suggest"},value:{type:[Object,String,Number],default:null},items:{type:Array,default:function(){return[]}},height:{type:[Number,String],default:""},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:function(){return{v:12,h:16}}},expansionIcon:{type:String,default:w},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},distY:{type:Number,default:5},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){var n=this;return jr(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){var n=this;return ja(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)},useItemBackgroundColor:function(){return qr(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return qr(this.itemBackgroundColorHover)},useItemTextFontSize:function(){var n=this.itemTextFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useItemTextColor:function(){return qr(this.itemTextColor)},useItemTextColorHover:function(){return qr(this.itemTextColorHover)},useItemPadding:function(){var n=Ll(this.itemPaddingStyle);return"padding:".concat(n,";")},uesExpansionIconColor:function(){return qr(this.expansionIconColor)},getRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){return ja(n)?n[this.keyText]:n},selectText:function(){var n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){var n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){var e=this;e.editable&&(e.triggerAll({showPanel:!0,focused:!0},"updateValue"),e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"))},clickItem:function(n,e){var t=this;t.editable&&(t.triggerAll({showPanel:!1,focused:!1},"clickItem"),t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"))},triggerEvent:function(n,e,t,o){var r=this;r.editable&&r.$nextTick((function(){r.$emit(n,e,t)}))},triggerAll:function(n,e){var t=this;if(t.editable){var o=ie(n,"showPanel",null),r=ie(n,"focused",null);La(r)&&t.focusedTrans!==r&&(t.focusedTrans=r,t.triggerEvent("update:focused",r,null,"triggerAll")),La(o)&&t.showPanelTrans!==o&&(jr(t.items)>0?t.showPanelTrans=o:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",o,null,"triggerAll"))}}}};var Ed=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{staticStyle:{display:"block"},attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,distY:n.distY,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; _height:"+n.height+"px; _line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{focus:n.focusText}},[n._t("select",[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")],{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.getRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,noResultsText:n.noResultsText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",[t("div",[n._v(n._s(n.getText(e.row)))])],{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};Ed._withStripped=!0;const Nd=Fr({render:Ed,staticRenderFns:[]},(function(n){n&&n("data-v-39adb785_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),zd,"data-v-39adb785",false,undefined,!1,Dr,void 0,void 0);const Jd={directives:{domresize:Ti()},components:{WShellEllipse:Us,WTextSuggestCore:Nd},props:{paddingStyle:{type:Object,default:function(){return{v:2,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:function(){return[]}},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:function(){return{v:12,h:16}}},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""},changeShowPanel:function(){return this.showPanelTrans=this.showPanel,""}},methods:{resize:function(n){var e=this,t=Ll(e.paddingStyle,{returnObj:!0}).bottom-2,o=ie(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){return ja(n)?n[this.keyText]:n},updateFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))},updateShowPanel:function(n){var e=this;e.showPanelTrans=n,e.$nextTick((function(){e.$emit("update:showPanel",n)}))}}};var $d=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeFocused:n.changeFocused,changeShowPanel:n.changeShowPanel},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"suggest",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placeholder:n.placeholder,noResultsText:n.noResultsText,distY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},enter:function(e,t){n.$emit("enter",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("item",[t("div",[n._v(n._s(n.getText(e.item)))])],{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};$d._withStripped=!0;const Od=Fr({render:$d,staticRenderFns:[]},(function(n){n&&n("data-v-7a023c52_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})}),Jd,"data-v-7a023c52",false,undefined,!1,Dr,void 0,void 0);window.inAppZone=!0;const Md={components:{demolink:Jr,WPanelScale:Os,WPanelScrolly:Bs,WTextSuggest:Od,WPanelBulge:Ki},props:{},data:function(){return{useGlobalSlider:!!window.inAppZone,WPanelScale:{scale:1},WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;"},WTextSuggest:{objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"}},WPanelBulge:{title:"Bulge",table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}}};var Qd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[n.useGlobalSlider?t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}):n._e(),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for v-btn"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * div使用display:inline-block且與其他元素有空白時, 照規範渲染時會出現textNode造成空隙問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("v-btn",[n._v("button")])],1)],1),n._v(" "),t("br"),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("div",{staticStyle:{_display:"inline-block",overflow:"hidden",width:"150px",height:"100px",background:"#f26"}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-scrolly"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for select"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("select",{staticStyle:{padding:"0px 10px","background-color":"rgba(200,200,200,0.1)",color:"#000",border:"1px solid rgba(200,200,200,0.5)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("Banana")])])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-text-suggest"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * transform scale縮放會造成popupjs定位偏移問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-text-suggest",{staticStyle:{width:"200px"},attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-bulge"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1)],1)],1)])};Qd._withStripped=!0;const Ud=Fr({render:Qd,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scale")])])}]},(function(n){n&&n("data-v-db9c082a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScale.vue"},media:void 0})}),Md,"data-v-db9c082a",false,undefined,!1,Dr,void 0,void 0);const qd={components:{},props:{color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},path:{type:[String,Array],default:""},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,paths:[]}},computed:{usePaths:function(){var n=this,e=n.path;return Va(n.path)||(e=[n.path]),e},useIconColor:function(){var n=this;return n.mouseEnter?qr(n.colorHover):qr(n.color)},useStyleSize:function(){var n=this;return{width:"".concat(n.size,"px"),height:"".concat(n.size,"px"),"line-height":"".concat(n.size,"px"),"max-height":"".concat(n.size,"px"),"min-height":"".concat(n.size,"px")}}},methods:{}};var nu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.path?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:(t=e,void n.$emit("click",t));var t},click:function(e){n.$emit("click",e)}}},[t("svg",{style:"fill:"+n.useIconColor+"; transition:all "+n.timeTransition+"s linear;",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(n,e){return t("path",{key:e,attrs:{d:n}})})),0)]):n._e()};nu._withStripped=!0;const eu={components:{demolink:Jr,WIconSvg:Fr({render:nu,staticRenderFns:[]},(function(n){n&&n("data-v-8db7e82e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WIconSvg.vue"},media:void 0})}),qd,"data-v-8db7e82e",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WIconSvg:{mdiFruitCherries:"M16 13H15.5C14.8 11.7 14.3 10 13.8 8.3L14.7 9.2C17.4 11.3 19.8 10.9 19.8 10.9S20.5 7.1 17.8 5.1C15.5 3.3 13.4 3.3 12.8 3.4C12.7 2.8 12.7 2.3 12.6 1.9L11.2 2C11.2 5.2 8.5 11.1 7.6 13C5.6 13.2 4 14.9 4 17C4 19.2 5.8 21 8 21C9.1 21 10 20.6 10.7 19.9C10.3 19 10 18 10 17S10.3 15 10.7 14.1C10.3 13.7 9.7 13.4 9.2 13.2C9.9 11.7 11.1 9 11.9 6.4C12.3 8.7 13.1 11.4 14.1 13.5C12.9 14.2 12 15.5 12 17C12 19.2 13.8 21 16 21S20 19.2 20 17 18.2 13 16 13M8 15.5C7.2 15.5 6.5 16.2 6.5 17H5.5C5.5 15.6 6.6 14.5 8 14.5V15.5M16 15.5C15.2 15.5 14.5 16.2 14.5 17H13.5C13.5 15.6 14.6 14.5 16 14.5V15.5Z",mdiGraphOutline:"M19.5 17C19.36 17 19.24 17 19.11 17.04L17.5 13.8C17.95 13.35 18.25 12.71 18.25 12C18.25 10.62 17.13 9.5 15.75 9.5C15.61 9.5 15.5 9.5 15.35 9.54L13.74 6.3C14.21 5.84 14.5 5.21 14.5 4.5C14.5 3.12 13.38 2 12 2S9.5 3.12 9.5 4.5C9.5 5.2 9.79 5.84 10.26 6.29L8.65 9.54C8.5 9.5 8.39 9.5 8.25 9.5C6.87 9.5 5.75 10.62 5.75 12C5.75 12.71 6.04 13.34 6.5 13.79L4.89 17.04C4.76 17 4.64 17 4.5 17C3.12 17 2 18.12 2 19.5C2 20.88 3.12 22 4.5 22S7 20.88 7 19.5C7 18.8 6.71 18.16 6.24 17.71L7.86 14.46C8 14.5 8.12 14.5 8.25 14.5C8.38 14.5 8.5 14.5 8.63 14.46L10.26 17.71C9.79 18.16 9.5 18.8 9.5 19.5C9.5 20.88 10.62 22 12 22S14.5 20.88 14.5 19.5C14.5 18.12 13.38 17 12 17C11.87 17 11.74 17 11.61 17.04L10 13.8C10.45 13.35 10.75 12.71 10.75 12C10.75 11.3 10.46 10.67 10 10.21L11.61 6.96C11.74 7 11.87 7 12 7C12.13 7 12.26 7 12.39 6.96L14 10.21C13.54 10.66 13.25 11.3 13.25 12C13.25 13.38 14.37 14.5 15.75 14.5C15.88 14.5 16 14.5 16.13 14.46L17.76 17.71C17.29 18.16 17 18.8 17 19.5C17 20.88 18.12 22 19.5 22S22 20.88 22 19.5C22 18.12 20.88 17 19.5 17M4.5 20.5C3.95 20.5 3.5 20.05 3.5 19.5S3.95 18.5 4.5 18.5 5.5 18.95 5.5 19.5 5.05 20.5 4.5 20.5M13 19.5C13 20.05 12.55 20.5 12 20.5S11 20.05 11 19.5 11.45 18.5 12 18.5 13 18.95 13 19.5M7.25 12C7.25 11.45 7.7 11 8.25 11S9.25 11.45 9.25 12 8.8 13 8.25 13 7.25 12.55 7.25 12M11 4.5C11 3.95 11.45 3.5 12 3.5S13 3.95 13 4.5 12.55 5.5 12 5.5 11 5.05 11 4.5M14.75 12C14.75 11.45 15.2 11 15.75 11S16.75 11.45 16.75 12 16.3 13 15.75 13 14.75 12.55 14.75 12M19.5 20.5C18.95 20.5 18.5 20.05 18.5 19.5S18.95 18.5 19.5 18.5 20.5 18.95 20.5 19.5 20.05 20.5 19.5 20.5Z",mdiAccessPoint:"M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z",mdiAccountBadgeHorizontal:"M22,4H14V7H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,18H14V16H20V18M20,14H14V12H20V14M20,10H14V8H20V10M13,6H11V2H13V6Z",mdiAccountCardDetailsOutline:"M22,3H2C0.91,3.04 0.04,3.91 0,5V19C0.04,20.09 0.91,20.96 2,21H22C23.09,20.96 23.96,20.09 24,19V5C23.96,3.91 23.09,3.04 22,3M22,19H2V5H22V19M14,17V15.75C14,14.09 10.66,13.25 9,13.25C7.34,13.25 4,14.09 4,15.75V17H14M9,7A2.5,2.5 0 0,0 6.5,9.5A2.5,2.5 0 0,0 9,12A2.5,2.5 0 0,0 11.5,9.5A2.5,2.5 0 0,0 9,7M14,7V8H20V7H14M14,9V10H20V9H14M14,11V12H18V11H14",custom1:"M58.67,0H5.33A5.35,5.35,0,0,0,0,5.33v40a5.35,5.35,0,0,0,5.33,5.34H26.67v7.94h-8a2.67,2.67,0,0,0,0,5.34H45.33a2.67,2.67,0,0,0,0-5.34h-8V50.67H58.67A5.35,5.35,0,0,0,64,45.33v-40A5.35,5.35,0,0,0,58.67,0ZM32,48a2.67,2.67,0,1,1,2.67-2.67A2.68,2.68,0,0,1,32,48Zm6.67-1.34A1.33,1.33,0,1,1,40,45.28,1.32,1.32,0,0,1,38.67,46.61Zm5.33,0a1.33,1.33,0,1,1,1.33-1.33A1.31,1.31,0,0,1,44,46.61ZM58.67,40H5.33V5.33H58.67Z",custom2:["M40.076 29.153h-7.142a3.995 3.995 0 0 0-2.858-2.858V16.153a1 1 0 1 0-2 0v10.142c-1.72.447-3 1.999-3 3.858 0 2.206 1.794 4 4 4 1.858 0 3.411-1.28 3.858-3h7.142a1 1 0 1 0 0-2zm-11 3c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z","M50.188 9.764l4.096 4.096a1 1 0 0 0 1.414 0c3.167-3.166 3.167-8.319 0-11.485s-8.319-3.166-11.485 0a.997.997 0 0 0 0 1.414l4.561 4.561-1.699 1.699c-4.78-4.284-11.089-6.896-17.998-6.896s-13.218 2.612-17.998 6.896l-1.7-1.699 4.561-4.561a.997.997 0 0 0 0-1.414c-3.166-3.166-8.318-3.166-11.485 0s-3.167 8.319 0 11.485a1 1 0 0 0 1.414 0l4.096-4.096 1.676 1.676c-4.679 4.857-7.565 11.453-7.565 18.713 0 9.898 5.357 18.564 13.321 23.265l-3.028 3.028a.999.999 0 1 0 1.414 1.414l3.45-3.45c3.578 1.754 7.597 2.743 11.843 2.743s8.265-.989 11.843-2.743l3.45 3.45a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-3.028-3.028c7.964-4.701 13.321-13.367 13.321-23.265 0-7.26-2.886-13.856-7.565-18.713l1.677-1.676zm4.095-5.975c2.146 2.146 2.362 5.502.649 7.893L46.391 3.14a6.13 6.13 0 0 1 7.892.649zM3.22 11.681c-1.713-2.39-1.497-5.746.649-7.892s5.502-2.361 7.892-.649L3.22 11.681zm25.856 43.472c-13.785 0-25-11.215-25-25s11.215-25 25-25 25 11.215 25 25-11.214 25-25 25z","M29.076 10.032a1 1 0 0 0 1-1v-1a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1zM29.076 50.032a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1zM50.076 31.032h1a1 1 0 1 0 0-2h-1a1 1 0 1 0 0 2zM8.076 29.032h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zM43.926 13.768l-.707.707a.999.999 0 1 0 1.414 1.414l.707-.707a.999.999 0 1 0-1.414-1.414zM13.52 44.174l-.707.707a.999.999 0 1 0 1.414 1.414l.707-.707a.999.999 0 1 0-1.414-1.414zM44.633 44.174a.999.999 0 1 0-1.414 1.414l.707.707a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.707-.707zM14.227 13.768a.999.999 0 1 0-1.414 1.414l.707.707a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.707-.707z"]},actions:[{mode:"elehover",selector:"svg"}]}}};var tu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path (mdi-fruit-cherries)"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.mdiFruitCherries}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path (mdi-graph-outline) & color & colorHover"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.mdiGraphOutline,color:"orange darken-3",colorHover:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path (mdi-access-point) & size"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.mdiAccessPoint,size:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path (mdi-account-badge-horizontal) & timeTransition"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.mdiAccountBadgeHorizontal,timeTransition:.2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path & sizeOriginal"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.custom1,sizeOriginal:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon-svg",casename:"path (use 3 paths) & sizeOriginal"}}),n._v(" "),t("w-icon-svg",{attrs:{path:n.WIconSvg.custom2,sizeOriginal:60}})],1)])])};tu._withStripped=!0;const ou=Fr({render:tu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("WIconSvg")])])}]},(function(n){n&&n("data-v-1d284142_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWIconSvg.vue"},media:void 0})}),eu,"data-v-1d284142",false,undefined,!1,Dr,void 0,void 0);var ru=function(n,e,t){var o=null==n?0:n.length;return o?(e=t||void 0===e?1:si(e),xt(n,e<0?0:e,o)):[]};function iu(n,e){var t=Ka();if(!Va(n)&&!ja(n))return t.reject("rs is not array or object"),t;var o=!1;if(ja(n)){o=!0;var r=[];yt(n,(function(n,e){r.push({k:e,v:n})})),n=r}xi(e)||(e=function(n){return n});var i=-1,a=[];return n.reduce((function(n,t){return n.then((function(n){a.push(n);var r=i+=1,l=t;return o&&(r=t.k,l=t.v),xi(e)?e(l,r):l}))}),Promise.resolve()).then((function(n){a.push(n),a=ru(a),t.resolve(a)})).catch((function(n){t.reject(n)})),t}function au(n){return lu.apply(this,arguments)}function lu(){return(lu=hs(fs.mark((function n(e){var t;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:t=Ka();try{e.file(t.resolve,t.reject)}catch(n){t.reject(n)}return n.abrupt("return",t);case 3:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function su(n){return cu.apply(this,arguments)}function cu(){return(cu=hs(fs.mark((function n(e){var t;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:t=Ka();try{e.readEntries(t.resolve,t.reject)}catch(n){t.reject(n)}return n.abrupt("return",t);case 3:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function du(n){return uu.apply(this,arguments)}function uu(){return(uu=hs(fs.mark((function n(e){var t,o,r,i;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=function(){return(i=hs(fs.mark((function n(e){var o,i,a;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(o=null,!e.isFile){n.next=5;break}return n.next=4,au(e);case 4:o=n.sent;case 5:if(t.push({type:e.isDirectory?"folder":e.isFile?"file":"unknow",path:e.fullPath,name:e.name,entry:e,file:o}),!e.isDirectory){n.next=13;break}return i=e.createReader(),n.next=10,su(i);case 10:return a=n.sent,n.next=13,iu(a,function(){var n=hs(fs.mark((function n(e){return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,r(e);case 2:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}());case 13:case"end":return n.stop()}}),n)})))).apply(this,arguments)},r=function(n){return i.apply(this,arguments)},t=[],o=Ka(),n.next=6,r(e);case 6:return o.resolve(t),n.abrupt("return",o);case 8:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function pu(n){return mu.apply(this,arguments)}function mu(){return(mu=hs(fs.mark((function n(e){var t;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=[],n.next=3,iu(e,function(){var n=hs(fs.mark((function n(e){var o;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,du(e);case 2:o=n.sent,yt(o,(function(n){t.push(n)}));case 4:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}());case 3:return n.abrupt("return",t);case 4:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function gu(n){return vu.apply(this,arguments)}function vu(){return(vu=hs(fs.mark((function n(e){var t,o,r,i;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:for(t=[],o=0;o<e.length;o++)(r=e[o].webkitGetAsEntry())&&t.push(r);return n.next=4,pu(t);case 4:return i=n.sent,n.abrupt("return",i);case 6:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function hu(n){return fu.apply(this,arguments)}function fu(){return(fu=hs(fs.mark((function n(e){var t;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=[],yt(e,(function(n){n.type&&t.push({type:"file",name:n.name,file:n})})),n.abrupt("return",t);case 3:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function bu(){return(bu=hs(fs.mark((function n(e){var t,o;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=[],o=[],n.prev=2,n.next=5,hu(ie(e,"files",[]));case 5:if(t=n.sent,Xl()){n.next=10;break}return n.next=9,gu(ie(e,"items",[]));case 9:o=n.sent;case 10:n.next=15;break;case 12:return n.prev=12,n.t0=n.catch(2),n.abrupt("return",Promise.reject(n.t0));case 15:return n.abrupt("return",{files:t,entries:o});case 16:case"end":return n.stop()}}),n,null,[[2,12]])})))).apply(this,arguments)}function yu(n){var e=!1,t=!1,o=yi();function r(n){Gl(n),t=!0,!1===e&&(e=!0,o.emit("dropIn",{ev:n}))}function i(n){Gl(n),t=!1,setTimeout((function(){t||(e=!1,o.emit("dropOut",{ev:n}))}),100)}function a(n){r(n)}function l(n){i(n)}function s(n){function e(){i(n)}r(n),function(n){return bu.apply(this,arguments)}(n.dataTransfer).then((function(t){var r=br(t.entries,{type:"file"});o.emit("getFiles",{ev:n,files:t.files,filesTree:r,entries:t.entries,cb:e})})).catch((function(n){o.emit("error",n)}))}return n.addEventListener("dragenter",a,!1),n.addEventListener("dragover",a,!1),n.addEventListener("dragleave",l,!1),n.addEventListener("drop",s,!1),o.off=function(){n.removeEventListener("dragenter",a,!1),n.removeEventListener("dragover",a,!1),n.removeEventListener("dragleave",l,!1),n.removeEventListener("drop",s,!1)},o}const xu={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){var n=this;n.ev=yu(n.$refs.dropPanel),n.ev.on("getFiles",(function(e){var t=e.files,o=e.filesTree,r=e.entries,i=e.cb;n.$emit("get-files",{files:t,filesTree:o,entries:r}),i()})),n.ev.on("dropIn",(function(){n.bDropIn=!0,n.$emit("drop-in")})),n.ev.on("dropOut",(function(){n.bDropIn=!1,n.$emit("drop-out")})),n.ev.on("error",(function(e){n.$emit("drop-error",e)}))},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){var n=this;return n.bDropIn?qr(n.borderColorDropIn):n.bMouseIn?qr(n.borderColorHover):qr(n.borderColor)},useBackgroundColor:function(){var n=this;return n.bDropIn?qr(n.backgroundColorDropIn):n.bMouseIn?qr(n.backgroundColorHover):qr(n.backgroundColor)}},methods:{}};var ku=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{ref:"dropPanel",style:"border:"+n.borderWidth+"px solid "+n.useBorderColor+"; border-radius:"+n.borderRadius+"px; background:"+n.useBackgroundColor+"; transition:all "+n.timeTransition+"s linear;",on:{mouseenter:function(e){n.bMouseIn=!0},mouseleave:function(e){n.bMouseIn=!1}}},[n._t("default")],2)};ku._withStripped=!0;const Cu={components:{demolink:Jr,WDropfiles:Fr({render:ku,staticRenderFns:[]},(function(n){n&&n("data-v-57f8ff64_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDropfiles.vue"},media:void 0})}),xu,"data-v-57f8ff64",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WDropfiles:{msg1:"",msg2:"",msg3:"",msg4:"",msg5:"",msg6:""},actions:[]}},methods:{dropIn:function(n){console.log("dropIn",n)},dropOut:function(n){console.log("dropOut",n)},dropError:function(n){console.log("dropError",n)}}};var Su=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"default"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg1="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg1))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"backgroundColor & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{backgroundColor:"rgba(240,230,255,0.3)",backgroundColorDropIn:"rgba(240,230,255,0.9)",backgroundColorHover:"rgba(240,230,255,0.6)"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg2="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg2))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderRadius"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderRadius:30},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg3="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg3))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderWidth"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderWidth:5},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg4="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg4))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderColor & borderColorDropIn & borderColorHover & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderColor:"orange lighten-4",borderColorDropIn:"orange lighten-2",borderColorHover:"orange lighten-4",backgroundColorDropIn:"orange lighten-4",backgroundColorHover:"orange lighten-5"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg5="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg5))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"timeTransition"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{timeTransition:.1},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg6="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg6))])])])],1)])])};Su._withStripped=!0;const wu=Fr({render:Su,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dropfiles")])])}]},(function(n){n&&n("data-v-eb5a4804_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDropfiles.vue"},media:void 0})}),Cu,"data-v-eb5a4804",false,undefined,!1,Dr,void 0,void 0);const Wu={components:{WIcon:ql,WIconLoading:ts},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:function(){return{v:4,h:4}}},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{loadingTrans:!1,hoverTrans:!1,focusTrans:!1}},mounted:function(){},computed:{changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return qr(this.iconColor)},effIconColorHover:function(){return qr(this.iconColorHover)},effIconColorFocus:function(){return qr(this.iconColorFocus)},useIconColor:function(){var n,e=this;return e.loadingTrans?e.effIconColor:(n=e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.effIconColor),n)},effBackgroundColor:function(){return qr(this.backgroundColor)},effBackgroundColorHover:function(){return qr(this.backgroundColorHover)},effBackgroundColorFocus:function(){return qr(this.backgroundColorFocus)},useBackgroundColor:function(){var n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.focusTrans?e.effBackgroundColorFocus:e.effBackgroundColor),n)},effRippleColor:function(){return qr(this.rippleColor)},effLoadingColor:function(){return qr(this.loadingColor)},effDisabledColor:function(){return qr(this.disabledColor)},usePadding:function(){var n=this,e=Ll(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},useShadow:function(){var n=this;function e(n,e){var t=qr(n),o=Pl(t);return o.a=e,jl(o)}return n.shadow&&ir(n.shadowStyle)?function(n,t,o){n=$r(n,"}","{");var r=Yt(n,"{");return r=tr(r,(function(n){if(n.indexOf(t)>=0){var r=Fa(n,"=")[1];return r=di(r)?ui(r):.2,e(o,r)}return n})),Gr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{ripple:function(n){var e=this;e.editable&&(e.loadingTrans||e.$nextTick((function(){Ol(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){var e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((function(){e.$emit("update:loading",e.loadingTrans)}));var t=Ka();e.$nextTick((function(){e.$emit("click",{pm:t})})),t.catch().finally((function(){e.loadingTrans=!1,e.$nextTick((function(){e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((function(){e.$emit("click")}))}}};var Iu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeLoading:n.changeLoading}},[t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition",disabled:!n.tooltip},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("div",n._g({style:"position:relative; transition:all 0.3s; border-radius:50%; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable?"cursor:pointer;":"")+" outline:none; user-select:none; box-shadow:"+n.useShadow+";",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},o),[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"border-radius:50%; overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]}}])},[n._v(" "),t("span",[n._v(n._s(n.tooltip))])])],1)};Iu._withStripped=!0;const _u=Fr({render:Iu,staticRenderFns:[]},(function(n){n&&n("data-v-78ac117e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Wu,"data-v-78ac117e",false,undefined,!1,Dr,void 0,void 0);const Tu={directives:{domresize:Ti()},components:{WButtonCircle:_u},props:{show:{type:Boolean,default:!1},icon:{type:String,default:""},title:{type:String,default:""},headerIconColor:{type:String,default:"white"},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerBtns:{type:Array,default:function(){return[]}},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},maxWidth:{type:Number,default:1e3},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"transparent"}},data:function(){return{get:ie,mdiCheckCircle:d,mdiClose:v,mdiCheckerboard:"M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",showTrans:null,fullscreen:!1,toolbarHeight:0,panelScrollHSize:0,panelWidth:0,panelHeight:0,panelHeightMax:0,resizeMsgTemp:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderTextColor:function(){return qr(this.headerTextColor)},useContentTextColor:function(){return qr(this.contentTextColor)},useContentBackgroundColor:function(){return qr(this.contentBackgroundColor)}},methods:{resizeToolbar:function(n){var e=this,t=ie(e,"$refs.tb.$el");if(t){var o=t.style.height;if(o=hi(o.replace("px","")),t.style.maxHeight="".concat(o,"px"),e.toolbarHeight===o)return;e.toolbarHeight=o,e.triggerResize("resizeToolbar")}},resizePanel:function(n){var e=this;0!==n.snew.offsetWidth&&0!==n.snew.offsetHeight&&(e.panelWidth===n.snew.offsetWidth&&e.panelHeight===n.snew.offsetHeight||(e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.panelScrollHSize=n.snew.offsetHeight-n.snew.clientHeight,e.changeSize(),e.triggerResize("resizePanel")))},changeSize:function(){var n=this;n.maxWidth<=0||n.maxWidth>window.innerWidth?n.fullscreen=!0:n.fullscreen=!1;var e=0;e=n.fullscreen?window.innerHeight-n.toolbarHeight:.9*window.innerHeight-n.toolbarHeight,e-=n.panelScrollHSize,n.panelHeightMax!==e&&(n.panelHeightMax=e,n.triggerResize("changeSize"))},triggerResize:function(n){var e=this;if(e.showTrans&&0!==e.toolbarHeight&&0!==e.panelWidth&&0!==e.panelHeight&&0!==e.panelHeightMax){var t={toolbarHeight:e.toolbarHeight,panelWidth:e.panelWidth,panelHeight:e.panelHeight,panelHeightMax:e.panelHeightMax,panelScrollHSize:e.panelScrollHSize};Yi(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((function(){e.$emit("resize",Ba(t))})))}},clickBtns:function(n){var e=this;e.$nextTick((function(){e.$emit("click-btns",Ba(n))}))},clickSave:function(n){var e=this;e.$nextTick((function(){e.$emit("click-save",n)}))},clickClose:function(n){var e=this;if(!e.hasCloseBtn||!n)if(e.closeWithInterceptor){var t=Ka();e.$nextTick((function(){e.$emit("click-close",{pm:t})})),t.then((function(){e.showTrans=!1,e.$nextTick((function(){e.$emit("update:show",e.showTrans)}))})).catch((function(n){}))}else e.showTrans=!1,e.$nextTick((function(){e.$emit("update:show",e.showTrans),e.$emit("click-close")}))}}};var Hu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("v-dialog",{directives:[{name:"resize",rawName:"v-resize",value:n.changeSize,expression:"changeSize"}],attrs:{changeParam:n.changeParam,scrollable:"",persistent:n.hasCloseBtn,"max-width":n.maxWidth,fullscreen:n.fullscreen,"hide-overlay":n.fullscreen},on:{"click:outside":function(e){return n.clickClose(!0)}},model:{value:n.showTrans,callback:function(e){n.showTrans=e},expression:"showTrans"}},[n.show?t("v-card",[t("v-toolbar",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"tb",attrs:{color:n.headerBackgroundColor},on:{domresize:n.resizeToolbar}},[t("input",{staticStyle:{width:"0px",height:"0px"},attrs:{type:"text"}}),n._v(" "),t("div",{staticStyle:{"margin-right":"10px"}},[t("v-icon",{attrs:{color:n.headerIconColor}},[n.icon?[n._v(n._s(n.icon))]:[n._v(n._s(n.mdiCheckerboard))]],2)],1),n._v(" "),t("v-toolbar-title",[t("span",{style:"color:"+n.useHeaderTextColor},[n._v(n._s(n.title))])]),n._v(" "),n._t("header-left"),n._v(" "),t("v-spacer"),n._v(" "),n._t("header-right"),n._v(" "),n._l(n.headerBtns,(function(e,o){return[t("WButtonCircle",{key:o,staticStyle:{"margin-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]})),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"margin-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"margin-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2),n._v(" "),t("v-card-text",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"padding:0px; color:"+n.useContentTextColor+"; background:"+n.useContentBackgroundColor+";",on:{domresize:n.resizePanel}},[n._t("content")],2)],1):n._e()],1)};Hu._withStripped=!0;const Au=Fr({render:Hu,staticRenderFns:[]},(function(n){n&&n("data-v-ab53e542_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/* 因v-toolbar使用contain:layout, 以及v-toolbar__content使用z-index:0, 導致v-toolbar的內容物展示低於v-card, 若v-toolbar內使用popup會被v-card內容物遮, 故需覆寫v-toolbar與v-toolbar__content的css屬性 */\n[data-v-ab53e542] .v-toolbar {\r\n    contain: none;\n}\n[data-v-ab53e542] .v-toolbar__content {\r\n    z-index: inherit;\n}\r\n/* 因v-card內文字大小與間距改小, 故強制還原成inherit */\n[data-v-ab53e542] .v-card__text {\r\n    line-height: inherit;\r\n    font-size: inherit;\r\n    font-weight: inherit;\r\n    letter-spacing: inherit;\n}\r\n/* 因v-card內文字顏色變淡, 故強制還原成inherit */\n[data-v-ab53e542] .theme--light.v-card > v-card__text {\r\n    color: inherit;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WDialog.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAghBA,mKAAA;AACA;IACA,aAAA;AACA;AACA;IACA,gBAAA;AACA;AACA,qCAAA;AACA;IACA,oBAAA;IACA,kBAAA;IACA,oBAAA;IACA,uBAAA;AACA;AACA,kCAAA;AACA;IACA,cAAA;AACA",file:"WDialog.vue",sourcesContent:["<template>\r\n    <v-dialog\r\n        :changeParam=\"changeParam\"\r\n        scrollable\r\n        :persistent=\"hasCloseBtn\"\r\n        :max-width=\"maxWidth\"\r\n        :fullscreen=\"fullscreen\"\r\n        :hide-overlay=\"fullscreen\"\r\n        v-resize=\"changeSize\"\r\n        v-model=\"showTrans\"\r\n        @click:outside=\"clickClose(true)\"\r\n    >\r\n        <v-card v-if=\"show\">\r\n\r\n            <v-toolbar\r\n                ref=\"tb\"\r\n                :color=\"headerBackgroundColor\"\r\n                v-domresize\r\n                @domresize=\"resizeToolbar\"\r\n            >\r\n\r\n                \x3c!-- v-dialog會自動取第1個元素setFocus, 開啟時會讓icon的tooltip被觸發, 但dialog尺寸又繼續變更時, 會導致tooltip無法跟隨而卡在中央, 故提供隱藏input元素供設定為焦點 --\x3e\r\n                <input type=\"text\" style=\"width:0px; height:0px\">\r\n\r\n                \x3c!-- v-toolbar於IE11會因為內容區高度不夠時, 因使用display:flex導致自己撐開, 得通過強制設定max-height處理 --\x3e\r\n\r\n                <div style=\"margin-right:10px;\">\r\n                    <v-icon :color=\"headerIconColor\" >\r\n                        <template v-if=\"!icon\">{{mdiCheckerboard}}</template>\r\n                        <template v-else>{{icon}}</template>\r\n                    </v-icon>\r\n                </div>\r\n\r\n                <v-toolbar-title>\r\n                    <span :style=\"`color:${useHeaderTextColor}`\">{{title}}</span>\r\n                </v-toolbar-title>\r\n\r\n                \x3c!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 --\x3e\r\n                <slot name=\"header-left\"></slot>\r\n\r\n                <v-spacer></v-spacer>\r\n\r\n                \x3c!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 --\x3e\r\n                <slot name=\"header-right\"></slot>\r\n\r\n                <template v-for=\"(btn,kbtn) in headerBtns\">\r\n\r\n                    <WButtonCircle\r\n                        style=\"margin-left:5px;\"\r\n                        :key=\"kbtn\"\r\n                        :icon=\"get(btn,'icon')\"\r\n                        :shadow=\"false\"\r\n                        :paddingStyle=\"{v:9,h:9}\"\r\n                        :loadingColor=\"get(btn,'iconColor') || headerIconColor\"\r\n                        :iconColor=\"get(btn,'iconColor') || headerIconColor\"\r\n                        :iconColorHover=\"get(btn,'iconColor') || headerIconColor\"\r\n                        :iconColorFocus=\"get(btn,'iconColor') || headerIconColor\"\r\n                        :backgroundColor=\"get(btn,'backgroundColor') || 'transparent'\"\r\n                        :backgroundColorHover=\"'rgba(255, 255, 255, 0.1)'\"\r\n                        :backgroundColorFocus=\"'rgba(255, 255, 255, 0.3)'\"\r\n                        :rippleColor=\"'rgba(255, 255, 255, 0.4)'\"\r\n                        :tooltip=\"get(btn,'tooltip')\"\r\n                        @click=\"clickBtns(btn)\"\r\n                    ></WButtonCircle>\r\n\r\n                </template>\r\n\r\n                <template v-if=\"hasSaveBtn\">\r\n                    <WButtonCircle\r\n                        style=\"margin-left:5px;\"\r\n                        :icon=\"mdiCheckCircle\"\r\n                        :shadow=\"false\"\r\n                        :paddingStyle=\"{v:9,h:9}\"\r\n                        :loadingColor=\"headerIconColor\"\r\n                        :iconColor=\"headerIconColor\"\r\n                        :iconColorHover=\"headerIconColor\"\r\n                        :iconColorFocus=\"headerIconColor\"\r\n                        :backgroundColor=\"'transparent'\"\r\n                        :backgroundColorHover=\"'rgba(255, 255, 255, 0.1)'\"\r\n                        :backgroundColorFocus=\"'rgba(255, 255, 255, 0.3)'\"\r\n                        :rippleColor=\"'rgba(255, 255, 255, 0.4)'\"\r\n                        :tooltip=\"saveBtnTooltip\"\r\n                        :promiseUnlock=\"true\"\r\n                        @click=\"clickSave\"\r\n                    ></WButtonCircle>\r\n                </template>\r\n\r\n                <template v-if=\"hasCloseBtn\">\r\n                    <WButtonCircle\r\n                        style=\"margin-left:5px;\"\r\n                        :icon=\"mdiClose\"\r\n                        :shadow=\"false\"\r\n                        :paddingStyle=\"{v:9,h:9}\"\r\n                        :loadingColor=\"headerIconColor\"\r\n                        :iconColor=\"headerIconColor\"\r\n                        :iconColorHover=\"headerIconColor\"\r\n                        :iconColorFocus=\"headerIconColor\"\r\n                        :backgroundColor=\"'transparent'\"\r\n                        :backgroundColorHover=\"'rgba(255, 255, 255, 0.1)'\"\r\n                        :backgroundColorFocus=\"'rgba(255, 255, 255, 0.3)'\"\r\n                        :rippleColor=\"'rgba(255, 255, 255, 0.4)'\"\r\n                        :tooltip=\"closeBtnTooltip\"\r\n                        @click=\"clickClose(false)\"\r\n                    ></WButtonCircle>\r\n                </template>\r\n\r\n            </v-toolbar>\r\n\r\n            <v-card-text\r\n                :style=\"`padding:0px; color:${useContentTextColor}; background:${useContentBackgroundColor};`\"\r\n                v-domresize\r\n                @domresize=\"resizePanel\"\r\n            >\r\n                <slot name=\"content\"></slot>\r\n            </v-card-text>\r\n\r\n        </v-card>\r\n\r\n    </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport { mdiCheckCircle, mdiClose, mdiCheckerboard } from '@mdi/js'\r\nimport get from 'lodash/get'\r\nimport isEqual from 'lodash/isEqual'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WButtonCircle from './WButtonCircle.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [show=false] 輸入是否顯示，預設false\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {String} [title=''] 輸入彈窗標題字串，預設''\r\n * @vue-prop {String} [headerIconColor='white'] 輸入彈窗標題列圖標顏色字串，預設'white'\r\n * @vue-prop {String} [headerTextColor='white'] 輸入彈窗標題列文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='light-blue darken-3'] 輸入彈窗標題列背景顏色字串，預設'light-blue darken-3'\r\n * @vue-prop {Array} [headerBtns=[]] 輸入彈窗標題列自訂按鈕陣列，預設[]，各元素為物件，需有'icon'欄位值為字串、'tooltip'欄位值為字串、'evName'欄位值為字串，其中按鈕被click時會觸發彈窗的clickBtns事件(監聽@click-btns)，並回傳指定headerBtns內物件資訊供識別之用\r\n * @vue-prop {Boolean} [hasSaveBtn=true] 輸入是否顯示儲存按鈕，預設true\r\n * @vue-prop {String} [saveBtnTooltip='Save'] 輸入儲存按鈕的提示文字字串，預設'Save'\r\n * @vue-prop {Boolean} [hasCloseBtn=true] 輸入是否顯示關閉按鈕，預設true\r\n * @vue-prop {String} [closeBtnTooltip='Close'] 輸入關閉按鈕的提示文字字串，預設'Close'\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Number} [maxWidth=1000] 輸入彈窗最大寬度，單位為px，預設1000，當裝置寬度小於彈窗最大寬度，則彈窗改為全螢幕顯示，若給予maxWidth<=0則代表全螢幕\r\n * @vue-prop {String} [contentTextColor='black'] 輸入內容文字顏色字串，預設'black'\r\n * @vue-prop {String} [contentBackgroundColor='transparent'] 輸入內容背景顏色字串，預設'transparent'\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WButtonCircle,\r\n    },\r\n    props: {\r\n        show: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        title: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerIconColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'light-blue darken-3',\r\n        },\r\n        headerBtns: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        hasSaveBtn: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        saveBtnTooltip: {\r\n            type: String,\r\n            default: 'Save',\r\n        },\r\n        hasCloseBtn: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        closeBtnTooltip: {\r\n            type: String,\r\n            default: 'Close',\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: 1000,\r\n        },\r\n        contentTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n\r\n            mdiCheckCircle,\r\n            mdiClose,\r\n            mdiCheckerboard,\r\n            showTrans: null,\r\n            fullscreen: false,\r\n\r\n            toolbarHeight: 0,\r\n            panelScrollHSize: 0,\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n            panelHeightMax: 0,\r\n\r\n            resizeMsgTemp: null,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //showTrans\r\n            vo.showTrans = vo.show\r\n\r\n            return ''\r\n        },\r\n\r\n        useHeaderTextColor: function () {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.headerTextColor)\r\n        },\r\n\r\n        useContentTextColor: function () {\r\n            //console.log('computed useContentTextColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.contentTextColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function () {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.contentBackgroundColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeToolbar: function(msg) {\r\n            //console.log('methods resizeToolbar', msg)\r\n\r\n            let vo = this\r\n\r\n            //設定toolbar最高高度, 因v-toolbar會於v-dialog全螢幕時自動撐開, 改flex又於IE11很多問題, 故直接於resize強制設定maxHeight\r\n            let tb = get(vo, '$refs.tb.$el')\r\n            if (tb) {\r\n\r\n                //取得vuetify給予toolbar的高度\r\n                let toolbarHeight = tb.style.height\r\n\r\n                //取得高度數字\r\n                toolbarHeight = cint(toolbarHeight.replace('px', ''))\r\n\r\n                //設定最高高度, 因可能dialog初始化與動畫階段沒辦法設定, 或是開發階段重新熱加載而使樣式重設, 故需放在檢核之前每次都要設定\r\n                tb.style.maxHeight = `${toolbarHeight}px`\r\n\r\n                //check\r\n                if (vo.toolbarHeight === toolbarHeight) {\r\n                    return\r\n                }\r\n\r\n                //toolbarHeight\r\n                vo.toolbarHeight = toolbarHeight\r\n\r\n                //triggerResize\r\n                vo.triggerResize('resizeToolbar')\r\n\r\n            }\r\n\r\n        },\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (msg.snew.offsetWidth === 0 || msg.snew.offsetHeight === 0) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.panelWidth === msg.snew.offsetWidth && vo.panelHeight === msg.snew.offsetHeight) {\r\n                return\r\n            }\r\n\r\n            //update\r\n            vo.panelWidth = msg.snew.offsetWidth\r\n            vo.panelHeight = msg.snew.offsetHeight\r\n            vo.panelScrollHSize = msg.snew.offsetHeight - msg.snew.clientHeight\r\n\r\n            //changeSize, 因dialog的resize為window resize, 通常不會被呼叫故無法計算panelHeightMax, 故需額外呼叫\r\n            vo.changeSize()\r\n\r\n            //triggerResize\r\n            vo.triggerResize('resizePanel')\r\n\r\n        },\r\n\r\n        changeSize: function() {\r\n            //console.log('methods changeSize')\r\n\r\n            let vo = this\r\n\r\n            //fullscreen\r\n            if (vo.maxWidth <= 0) {\r\n                vo.fullscreen = true\r\n            }\r\n            else {\r\n                if (vo.maxWidth > window.innerWidth) {\r\n                    vo.fullscreen = true\r\n                }\r\n                else {\r\n                    vo.fullscreen = false\r\n                }\r\n            }\r\n\r\n            //panelHeightMax\r\n            let r = 0.9 //vuetify預設非全螢幕時最大dialog高度為90%\r\n            let panelHeightMax = 0\r\n            if (vo.fullscreen) {\r\n                panelHeightMax = window.innerHeight - vo.toolbarHeight\r\n            }\r\n            else {\r\n                panelHeightMax = r * window.innerHeight - vo.toolbarHeight\r\n            }\r\n            panelHeightMax -= vo.panelScrollHSize //減去橫向捲軸高度\r\n\r\n            //check\r\n            if (vo.panelHeightMax === panelHeightMax) {\r\n                return\r\n            }\r\n\r\n            //update\r\n            vo.panelHeightMax = panelHeightMax\r\n\r\n            //triggerResize\r\n            vo.triggerResize('changeSize')\r\n\r\n        },\r\n\r\n        triggerResize: function(from) {\r\n            //console.log('methods triggerResize', from)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.showTrans) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.toolbarHeight === 0 || vo.panelWidth === 0 || vo.panelHeight === 0 || vo.panelHeightMax === 0) {\r\n                return\r\n            }\r\n\r\n            //msg\r\n            let msg = {\r\n                toolbarHeight: vo.toolbarHeight,\r\n                panelWidth: vo.panelWidth,\r\n                panelHeight: vo.panelHeight,\r\n                panelHeightMax: vo.panelHeightMax,\r\n                panelScrollHSize: vo.panelScrollHSize,\r\n            }\r\n\r\n            //check\r\n            if (isEqual(vo.resizeMsgTemp, msg)) {\r\n                return\r\n            }\r\n\r\n            //update\r\n            vo.resizeMsgTemp = msg\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('resize', cloneDeep(msg))\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickBtns: function(msg) {\r\n            //console.log('methods clickBtns', msg)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('click-btns', cloneDeep(msg))\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickSave: function(msg) {\r\n            //console.log('methods clickSave', msg)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('click-save', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickClose: function(outside) {\r\n            //console.log('methods clickClose', outside)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.hasCloseBtn && outside) {\r\n                return\r\n            }\r\n\r\n            //closeWithInterceptor\r\n            if (vo.closeWithInterceptor) {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', { pm })\r\n\r\n                })\r\n\r\n                //pm\r\n                pm\r\n                    .then(() => { //確認關閉\r\n                        //console.log('pm then')\r\n\r\n                        //hide\r\n                        vo.showTrans = false\r\n\r\n                        //$nextTick\r\n                        vo.$nextTick(() => {\r\n\r\n                            //emit\r\n                            vo.$emit('update:show', vo.showTrans)\r\n\r\n                        })\r\n\r\n                    })\r\n                    .catch((msg) => { //取消關閉\r\n                        //console.log('pm catch', msg)\r\n                    })\r\n\r\n\r\n            }\r\n            else {\r\n\r\n                //hide\r\n                vo.showTrans = false\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('update:show', vo.showTrans)\r\n\r\n                    //emit\r\n                    vo.$emit('click-close')\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n/* 因v-toolbar使用contain:layout, 以及v-toolbar__content使用z-index:0, 導致v-toolbar的內容物展示低於v-card, 若v-toolbar內使用popup會被v-card內容物遮, 故需覆寫v-toolbar與v-toolbar__content的css屬性 */\r\n::v-deep .v-toolbar {\r\n    contain: none;\r\n}\r\n::v-deep .v-toolbar__content {\r\n    z-index: inherit;\r\n}\r\n/* 因v-card內文字大小與間距改小, 故強制還原成inherit */\r\n::v-deep .v-card__text {\r\n    line-height: inherit;\r\n    font-size: inherit;\r\n    font-weight: inherit;\r\n    letter-spacing: inherit;\r\n}\r\n/* 因v-card內文字顏色變淡, 故強制還原成inherit */\r\n::v-deep .theme--light.v-card > v-card__text {\r\n    color: inherit;\r\n}\r\n</style>\r\n"]},media:void 0})}),Tu,"data-v-ab53e542",false,undefined,!1,Dr,void 0,void 0);const Zu={components:{demolink:Jr,WDialog:Au},props:{},data:function(){return{WDialog:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16:!1,bShow17:!1,bShow18:!1,bShow18A:!1,bShow18B:!1,headerBtns:[{icon:"fas fa-book-reader",tooltip:"測試book-reader",evName:"bookReader",iconColor:"#f26",backgroundColor:"rgba(255,255,255,0.7)"},{icon:"fab fa-codepen",tooltip:"測試codepen",evName:"codepen"},{icon:"fab fa-docker",tooltip:"測試docker",evName:"docker"}],title:"Popup Dialog",text1:"Article Title",text2:"Here is a article content, texts are from Vuetify.",text3:"Vuetify is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer. This is not an exhaustive list of compatible browsers, but the main targeted ones.",text4:"There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",text5:"End."},actions:[]}},methods:{resizeEvent:function(n){console.log("resizeEvent",n)},clickBtns:function(n){console.log("clickBtns",n)},clickSave:function(n){console.log("clickSave",n),setTimeout((function(){console.log("save finish"),n.pm.resolve()}),1e3)},clickClose:function(n){console.log("clickClose",n)},clickClosePm:function(n){console.log("clickClose",n),alert("pm.resolve() for close"),n.pm.resolve()}}};var Bu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow1=!n.WDialog.bShow1}}},[n._v("Show("+n._s(n.WDialog.bShow1)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow1,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow1",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"icon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow2=!n.WDialog.bShow2}}},[n._v("Show("+n._s(n.WDialog.bShow2)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow2,title:n.WDialog.title,icon:"fas fa-cocktail"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow2",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"title"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow3=!n.WDialog.bShow3}}},[n._v("Show("+n._s(n.WDialog.bShow3)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow3,title:"彈窗組件"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow3",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow4=!n.WDialog.bShow4}}},[n._v("Show("+n._s(n.WDialog.bShow4)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow4,title:n.WDialog.title,headerBackgroundColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow4",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerIconColor & headerTextColor & headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow5=!n.WDialog.bShow5}}},[n._v("Show("+n._s(n.WDialog.bShow5)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow5,title:n.WDialog.title,headerIconColor:"amber darken-4",headerTextColor:"amber darken-4",headerBackgroundColor:"amber lighten-5"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow5",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBtns"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow6=!n.WDialog.bShow6}}},[n._v("Show("+n._s(n.WDialog.bShow6)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow6,title:n.WDialog.title,headerBtns:n.WDialog.headerBtns},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow6",e)},resize:n.resizeEvent,"click-btns":n.clickBtns,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot header-left & header-right"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow7=!n.WDialog.bShow7}}},[n._v("Show("+n._s(n.WDialog.bShow7)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow7,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow7",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"header-left",fn:function(){return[t("select",{staticStyle:{"margin-left":"15px",padding:"0px 20px","background-color":"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("L-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("L-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("L-Banana")])])]},proxy:!0},{key:"header-right",fn:function(){return[t("select",{staticStyle:{"margin-right":"15px",padding:"0px 20px","background-color":"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("R-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("R-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("R-Banana")])])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"saveBtnTooltip & closeBtnTooltip"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow8=!n.WDialog.bShow8}}},[n._v("Show("+n._s(n.WDialog.bShow8)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow8,title:n.WDialog.title,saveBtnTooltip:"儲存",closeBtnTooltip:"關閉"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow8",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn, no save button"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow9=!n.WDialog.bShow9}}},[n._v("Show("+n._s(n.WDialog.bShow9)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow9,title:n.WDialog.title,hasSaveBtn:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow9",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn and hasCloseBtn, no save and close button"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow11=!n.WDialog.bShow11}}},[n._v("Show("+n._s(n.WDialog.bShow11)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow11,title:n.WDialog.title,hasSaveBtn:!1,hasCloseBtn:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow11",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"closeWithInterceptor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow10=!n.WDialog.bShow10}}},[n._v("Show("+n._s(n.WDialog.bShow10)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow10,title:n.WDialog.title,closeWithInterceptor:!0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow10",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClosePm},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"contentTextColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow12=!n.WDialog.bShow12}}},[n._v("Show("+n._s(n.WDialog.bShow12)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow12,title:n.WDialog.title,contentTextColor:"#fff",contentBackgroundColor:"cyan darken-2"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow12",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"1.5rem",margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"maxWidth, for narrow width"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow13=!n.WDialog.bShow13}}},[n._v("Show("+n._s(n.WDialog.bShow13)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow13,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow13",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"fullscreen"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow14=!n.WDialog.bShow14}}},[n._v("Show("+n._s(n.WDialog.bShow14)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow14,title:n.WDialog.title,maxWidth:0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow14",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow14=!n.WDialog.bShow14}}},[n._v("Hide Window")])],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow15=!n.WDialog.bShow15}}},[n._v("Show("+n._s(n.WDialog.bShow15)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow15,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow15",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",width:"2000px",height:"2000px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WDialog.text5)+"\n                    ")])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"separate for slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow16=!n.WDialog.bShow16}}},[n._v("Show("+n._s(n.WDialog.bShow16)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow16,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow16",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"margin-bottom":"15px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"table in slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow17=!n.WDialog.bShow17}}},[n._v("Show("+n._s(n.WDialog.bShow17)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow17,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow17",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"1.5rem"}},[n._v("\n                            A data table\n                        ")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])]),n._v(" "),t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"multi dialogs"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18=!n.WDialog.bShow18}}},[n._v("Show("+n._s(n.WDialog.bShow18)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow18,title:n.WDialog.title,maxWidth:1200},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow18",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 1st window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18A=!n.WDialog.bShow18A}}},[n._v("Show("+n._s(n.WDialog.bShow18A)+")")]),n._v(" "),t("div",{staticStyle:{height:"160px"}})],1)]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow18A,title:n.WDialog.title,maxWidth:900},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow18A",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 2nd window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18B=!n.WDialog.bShow18B}}},[n._v("Show("+n._s(n.WDialog.bShow18B)+")")]),n._v(" "),t("div",{staticStyle:{height:"80px"}})],1)]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow18B,title:n.WDialog.title,maxWidth:600},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow18B",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 3rd window.\n                        ")])])]},proxy:!0}])})],1)])])};Bu._withStripped=!0;const Vu=Fr({render:Bu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dialog")])])}]},(function(n){n&&n("data-v-a1c0716e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDialog.vue"},media:void 0})}),Zu,"data-v-a1c0716e",false,undefined,!1,Dr,void 0,void 0);const Pu={components:{WButtonChip:is},props:{show:{type:Boolean,default:!1},title:{type:String,default:""},titleColor:{type:String,default:"black"},content:{type:String,default:""},contentColor:{type:String,default:"grey darken-2"},contentIcon:{type:String,default:r},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"white"},noBtnTextColorHover:{type:String,default:"white"},noBtnBackgroundColor:{type:String,default:"pink lighten-1"},noBtnBackgroundColorHover:{type:String,default:"pink lighten-1"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"white"},yesBtnTextColorHover:{type:String,default:"white"},yesBtnBackgroundColor:{type:String,default:"blue"},yesBtnBackgroundColorHover:{type:String,default:"blue"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},maxWidth:{type:Number,default:500}},data:function(){return{mdiAlert:r,mdiCheckboxMarkedCircle:p,mdiCloseCircle:h,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useTitleColor:function(){var n={};return n.color=qr(this.titleColor),n},useHeaderStyle:function(){var n={padding:"15px"};return n["background-color"]=qr(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n},useContentStyle:function(){var n={padding:"20px 15px"};return n["background-color"]=qr(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=qr(this.contentColor),n},useFooterStyle:function(){var n={padding:"15px"};return n["background-color"]=qr(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){var e=this;e.showTrans=!1,e.$nextTick((function(){e.$emit("update:show",e.showTrans);var t="no";n&&(t="yes"),e.$emit("click-"+t)}))}}};var ju=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("v-dialog",{attrs:{changeParam:n.changeParam,scrollable:"",persistent:"","max-width":n.maxWidth},model:{value:n.showTrans,callback:function(e){n.showTrans=e},expression:"showTrans"}},[n.showTrans?t("v-card",[t("div",[n._t("header",[t("div",{style:n.useHeaderStyle},[t("span",{style:[{"font-size":"1.2rem"},n.useTitleColor]},[n._v("\n                        "+n._s(n.title)+"\n                    ")])])])],2),n._v(" "),t("v-card-text",{staticStyle:{padding:"0px"}},[n._t("content",[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("v-icon",{attrs:{size:n.contentIconSize,color:n.contentIconColor}},[n._v("\n                            "+n._s(n.contentIcon)+"\n                        ")])],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])])],2),n._v(" "),t("div",[n._t("footer",[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)])],2)],1):n._e()],1)};ju._withStripped=!0;const Xu={components:{demolink:Jr,WConfirm:Fr({render:ju,staticRenderFns:[]},(function(n){n&&n("data-v-766876eb_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),Pu,"data-v-766876eb",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WConfirm:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow15:!1,bShow14:!1,title:"Confirm",content:"Do you agree to upload the information?",contentExtensive:"Est aliqua irure deserunt excepteur. Ullamco do blanditiis nobis aute exercitation. Possimus in optio quod at. Dolores dolorum dolores eu excepteur proident. Quas distinctio sunt dolor amet lorem nostrud deserunt. Dolor molestias exercitation deserunt ut est aute occaecat dolore. Quod ut laboris dolores mollitia vero non corrupti?"},actions:[]}},methods:{clickEvent:function(n){console.log(n)}}};var Gu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"title & content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow1=!n.WConfirm.bShow1}}},[n._v("Show("+n._s(n.WConfirm.bShow1)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow1,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow1",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIcon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow2=!n.WConfirm.bShow2}}},[n._v("Show("+n._s(n.WConfirm.bShow2)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow2,title:n.WConfirm.title,content:n.WConfirm.content,contentIcon:"fab fa-buffer"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow2",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow3=!n.WConfirm.bShow3}}},[n._v("Show("+n._s(n.WConfirm.bShow3)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow3,title:n.WConfirm.title,content:n.WConfirm.content,contentIconColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow3",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconSize"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow4=!n.WConfirm.bShow4}}},[n._v("Show("+n._s(n.WConfirm.bShow4)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow4,title:n.WConfirm.title,content:n.WConfirm.content,contentIconSize:80},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow4",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnText & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow5=!n.WConfirm.bShow5}}},[n._v("Show("+n._s(n.WConfirm.bShow5)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow5,title:n.WConfirm.title,content:n.WConfirm.content,noBtnText:"取消",yesBtnText:"同意"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow5",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"hasNoBtn & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow6=!n.WConfirm.bShow6}}},[n._v("Show("+n._s(n.WConfirm.bShow6)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow6,title:n.WConfirm.title,content:"您已經下載完檔案",hasNoBtn:!1,yesBtnText:"確認"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow6",e)},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"titleColor & headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow7=!n.WConfirm.bShow7}}},[n._v("Show("+n._s(n.WConfirm.bShow7)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow7,title:n.WConfirm.title,content:n.WConfirm.content,titleColor:"white",headerBackgroundColor:"#a36",footerBackgroundColor:"#eee"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow7",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentColor & contentIconColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow8=!n.WConfirm.bShow8}}},[n._v("Show("+n._s(n.WConfirm.bShow8)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow8,title:n.WConfirm.title,content:n.WConfirm.content,contentColor:"white",contentIconColor:"white",contentBackgroundColor:"yellow darken-4"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow8",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnTextColor & noBtnTextColorHover & noBtnBackgroundColor & noBtnBackgroundColorHover & yesBtnTextColor & yesBtnTextColorHover & yesBtnBackgroundColor & yesBtnBackgroundColorHover"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow9=!n.WConfirm.bShow9}}},[n._v("Show("+n._s(n.WConfirm.bShow9)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow9,title:n.WConfirm.title,content:n.WConfirm.content,noBtnTextColor:"pink lighten-1",noBtnTextColorHover:"pink darken-1",noBtnBackgroundColor:"white",noBtnBackgroundColorHover:"pink lighten-5",yesBtnTextColor:"light-blue darken-1",yesBtnTextColorHover:"light-blue darken-3",yesBtnBackgroundColor:"white",yesBtnBackgroundColorHover:"light-blue lighten-5"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow9",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"maxWidth"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow10=!n.WConfirm.bShow10}}},[n._v("Show("+n._s(n.WConfirm.bShow10)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow10,title:n.WConfirm.title,content:n.WConfirm.content,maxWidth:350},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow10",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot header"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow11=!n.WConfirm.bShow11}}},[n._v("Show("+n._s(n.WConfirm.bShow11)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow11,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow11",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"30px",background:"linear-gradient(135deg,#e9aa16,#c99314)"}},[t("div",{staticStyle:{"font-size":"1.8rem",color:"#fff","margin-top":"-10px"}},[n._v("\n                            System Broadcast\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"rgba(255,255,255,0.75)"}},[n._v("\n                            You are now subscribing to the System Broadcast, let us serve you!\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow12=!n.WConfirm.bShow12}}},[n._v("Show("+n._s(n.WConfirm.bShow12)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow12,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow12",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 0px 20px","font-size":"1.5rem"}},[n._v("\n                        A data table\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Vuetify is a progressive framework that attempts to push web development to the next level.\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px 20px 20px"}},[t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse",border:"1px solid #ddd"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot footer"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow13=!n.WConfirm.bShow13}}},[n._v("Show("+n._s(n.WConfirm.bShow13)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow13,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow13",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"footer",fn:function(){return[t("div",{staticStyle:{"border-top":"1px solid #ddd",padding:"30px","text-align":"center",background:"#923a60"}},[t("div",{staticStyle:{"font-size":"0.8rem",color:"#fff","margin-bottom":"15px"}},[n._v("\n                            Please confirm the message and then press the AGREE button.\n                        ")]),n._v(" "),t("div",{},[t("v-btn",{attrs:{depressed:"",elevation:"2",color:"pink darken-1",dark:""},on:{click:function(e){n.WConfirm.bShow13=!1}}},[n._v("Agree")])],1)])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow14=!n.WConfirm.bShow14}}},[n._v("Show("+n._s(n.WConfirm.bShow14)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow14,title:n.WConfirm.title,content:n.WConfirm.contentExtensive},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow14",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable (slot content)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow15=!n.WConfirm.bShow15}}},[n._v("Show("+n._s(n.WConfirm.bShow15)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow15,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow15",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"30px 20px 10px 20px","font-size":"1.5rem"}},[n._v("\n                        Cupiditate anim officia\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Deserunt mollit amet sunt sed. Mollit dolor est in voluptate blanditiis in. Tempor sint consequat quod mollitia ad qui dolore pariatur. Laborum dolorum amet eos sint. Nulla ullamco similique elit eos. Est nulla eu proident exercitation vero.\n                        "),t("br"),t("br"),n._v("\n                        In laboris odio dolor voluptatum deleniti pariatur in. Et excepteur est ad omnis corrupti. Quos dolore aliqua corrupti. Dolores soluta commodo similique est quos. Amet et molestias est vero cupiditate dolorum proident fugiat. Aliquip omnis vero laboris ea dolore voluptatum corrupti.\n                        "),t("br"),t("br"),n._v("\n                        Possimus facere excepteur qui praesentium. Non expedita accusamus quis dolore. Elit omnis aliqua voluptate culpa. Laborum placeat non facilis est elit. Provident animi at fugiat labore eiusmod harum.\n                        "),t("br"),t("br"),n._v("\n                        Atque facere aliqua qui iusto mollit enim. Et cumque et omnis. Anim irure id at do duis. Fugiat aute culpa nobis ad irure quod et. Assumenda elit est exercitation sunt est laborum nulla fugiat.\n                        "),t("br"),t("br"),n._v("\n                        Tempor eiusmod deserunt ducimus iusto cumque adipisicing consequat ex. Deleniti et officia qui esse similique harum. Molestias pariatur laborum cupidatat sint rerum. Deserunt do sit mollit ad animi distinctio soluta. Eos vero aliqua cupiditate sunt id.\n                        "),t("br"),t("br"),n._v("\n                        Quis voluptas in excepteur optio voluptas. Enim animi non nisi eu ex obcaecati at. Cumque aliquip et at soluta sunt. Cupidatat mollit nostrud veniam dolor eos. Placeat qui adipisicing voluptas quas laboris odio voluptate. In atque sint expedita eos nobis irure.\n                        "),t("br"),t("br"),n._v("\n                        Sed quo officia excepteur est. Minim libero dolore in fuga. Soluta optio expedita culpa omnis consequat adipisicing mollitia ut. Consectetur magna ut sed accusamus. Facilis quas facilis ut ea sed dolor placeat non. Omnis provident reprehenderit est et.\n                        "),t("br"),t("br"),n._v("\n                        Nihil dolorum odio aute sit corrupti cumque. Tempore at laboris quis est impedit ea. Nihil expedita commodo est tempor sint. Ut excepturi aute tempor ut laboris cumque. Similique vero aliqua at in culpa consequat sunt.\n                        "),t("br"),t("br"),n._v("\n                        Est et cupiditate praesentium facilis dolores sit. Deserunt ducimus amet veniam assumenda. Laborum excepturi enim proident tempor sunt dolorum atque aliquip. Irure deleniti magna ullamco ipsum eligendi et nihil.\n                        "),t("br"),t("br"),n._v("\n                        Reprehenderit omnis anim enim dignissimos dolor obcaecati occaecat. Id cupiditate et corrupti labore proident omnis est. Dolor obcaecati id est sit. Qui dolorum aliquip et occaecat labore pariatur cupidatat. Quo nobis expedita amet dignissimos qui.\n                        "),t("br"),t("br"),n._v("\n                        Accusamus in animi pariatur ducimus tempor. Et dignissimos in deserunt est dignissimos. Rerum impedit et est quod. Id ex ea laborum aliquip ipsum amet. Ut dolor est blanditiis incididunt minus magna culpa. Labore aute aute optio facere cumque. Cum minus eos culpa dolore enim.\n                    ")])]},proxy:!0}])})],1)])])};Gu._withStripped=!0;const Ru=Fr({render:Gu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-confirm")])])}]},(function(n){n&&n("data-v-542bfdc2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWConfirm.vue"},media:void 0})}),Xu,"data-v-542bfdc2",false,undefined,!1,Dr,void 0,void 0);const Lu={components:{demolink:Jr,WPopup:fd,WDialog:Au},props:{},data:function(){return{mdiViewDashboard:T,mdiClockTimeEightOutline:g,mdiBlenderSoftware:a,mdiSpoonSugar:I,mdiApple:i,WPopup:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow12a:!1,bShow12b:!1,bShow13:!1,bShow13a:!1,bShow14:!1,bShow15:!1,items:["foo","bar","fizz","buzz"],itemsExpand:["foo","bar","fizz","buzz"],text:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.",tableFun:function(){},table:'\n<table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"Bulge"},actions:[]}},methods:{evShow:function(){console.log("evShow")},evHide:function(){console.log("evHide")},clickHide:function(){var n=this;setTimeout((function(){n.WPopup.bShow2=!1}),200)},expandItem:function(){var n=this;setTimeout((function(){n.WPopup.itemsExpand=["Lorem ipsum dolor sit, amet consectetur","bar","fizz","buzz"]}),1e3),setTimeout((function(){n.WPopup.itemsExpand=["foo","bar","fizz","buzz"]}),3e3)}}};var Fu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"default"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow1)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow1,callback:function(e){n.$set(n.WPopup,"bShow1",e)},expression:"WPopup.bShow1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"isolated"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show")])]},proxy:!0},{key:"content",fn:function(e){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1),n._v(" "),t("div",{staticStyle:{padding:"0px 5px 5px 5px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(n){return e.funHide()}}},[n._v("Hide in popup panel")])],1)]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"click item by latency hiding"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow2)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:n.clickHide}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow2,callback:function(e){n.$set(n.WPopup,"bShow2",e)},expression:"WPopup.bShow2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"minWidth"}}),n._v(" "),t("w-popup",{attrs:{minWidth:200},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow3)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow3,callback:function(e){n.$set(n.WPopup,"bShow3",e)},expression:"WPopup.bShow3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:500},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow4)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("div",{staticStyle:{margin:"15px"}},[n._v("1. "+n._s(n.WPopup.text))]),n._v(" "),t("div",{staticStyle:{margin:"15px"}},[n._v("2. "+n._s(n.WPopup.text))])])]},proxy:!0}]),model:{value:n.WPopup.bShow4,callback:function(e){n.$set(n.WPopup,"bShow4",e)},expression:"WPopup.bShow4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"distY"}}),n._v(" "),t("w-popup",{attrs:{distY:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow5)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow5,callback:function(e){n.$set(n.WPopup,"bShow5",e)},expression:"WPopup.bShow5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"borderRadius"}}),n._v(" "),t("w-popup",{attrs:{borderRadius:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow6)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow6,callback:function(e){n.$set(n.WPopup,"bShow6",e)},expression:"WPopup.bShow6"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{backgroundColor:"pink darken-2"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow7)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow7,callback:function(e){n.$set(n.WPopup,"bShow7",e)},expression:"WPopup.bShow7"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"no shadow & backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{shadow:!1,backgroundColor:"#e08956"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow8)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow8,callback:function(e){n.$set(n.WPopup,"bShow8",e)},expression:"WPopup.bShow8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"shadowStyle"}}),n._v(" "),t("w-popup",{attrs:{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow9)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow9,callback:function(e){n.$set(n.WPopup,"bShow9",e)},expression:"WPopup.bShow9"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in scroll panel"}}),n._v(" "),t("div",{style:"width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow10)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow10,callback:function(e){n.$set(n.WPopup,"bShow10",e)},expression:"WPopup.bShow10"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"auto flipping in scroll panel"}}),n._v(" "),t("div",{staticStyle:{width:"95vw","text-align":"right"}},[t("div",{style:"display:inline-block; width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{"text-align":"left",height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow11)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow11,callback:function(e){n.$set(n.WPopup,"bShow11",e)},expression:"WPopup.bShow11"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in popup"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow12)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 1st pupop.")]),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow12a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 2nd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st pupop.")]),n._v(" "),t("w-popup",{staticStyle:{"margin-bottom":"20px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow12b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 15px 0px 15px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 3rd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st or 2st pupop.")])]),n._v(" "),t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow12b,callback:function(e){n.$set(n.WPopup,"bShow12b",e)},expression:"WPopup.bShow12b"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow12a,callback:function(e){n.$set(n.WPopup,"bShow12a",e)},expression:"WPopup.bShow12a"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow12,callback:function(e){n.$set(n.WPopup,"bShow12",e)},expression:"WPopup.bShow12"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in dialog"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WPopup.bShow13=!n.WPopup.bShow13}}},[n._v("Show("+n._s(n.WPopup.bShow13)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WPopup.bShow13,title:"in dialog",maxWidth:500},on:{"update:show":function(e){return n.$set(n.WPopup,"bShow13",e)}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",height:"400px"}},[t("div",{staticStyle:{height:"300px"}}),n._v(" "),t("w-popup",{staticStyle:{"margin-left":"250px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow13a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow13a,callback:function(e){n.$set(n.WPopup,"bShow13a",e)},expression:"WPopup.bShow13a"}}),n._v(" "),t("div",{staticStyle:{height:"500px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"slot for table & maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:400},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow14)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 0px"}},[t("div",{staticStyle:{padding:"10px 20px",background:"#666"}},[t("span",{staticStyle:{color:"#fff"}},[n._v("A data table")])]),n._v(" "),t("div",{staticStyle:{padding:"10px"},domProps:{innerHTML:n._s(n.WPopup.table)}}),n._v(" "),t("div",{staticStyle:{padding:"0px 20px 10px 20px","font-size":"0.8rem"}},[n._v("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.")])])]},proxy:!0}]),model:{value:n.WPopup.bShow14,callback:function(e){n.$set(n.WPopup,"bShow14",e)},expression:"WPopup.bShow14"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"not editable"}}),n._v(" "),t("w-popup",{attrs:{editable:!1},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow15)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow15,callback:function(e){n.$set(n.WPopup,"bShow15",e)},expression:"WPopup.bShow15"}})],1)])])};Fu._withStripped=!0;const Ku=Fr({render:Fu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup")])])}]},(function(n){n&&n("data-v-38ee55aa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopup.vue"},media:void 0})}),Lu,"data-v-38ee55aa",false,undefined,!1,Dr,void 0,void 0);const Yu={components:{},props:{borderColor:{type:String,default:"grey lighten-1"},borderColorHover:{type:String,default:"grey"},borderColorFocus:{type:String,default:"blue darken-2"},borderWidth:{type:Number,default:1},borderWidthHover:{type:Number,default:1},borderWidthFocus:{type:Number,default:2},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,hoverTrans:!1}},computed:{changeParam:function(){return this.focusedTrans=this.focused,""},useBorderWidth:function(){var n=this;return n.hoverTrans?n.borderWidthHover:n.borderWidth},useBorderColor:function(){var n=this;return n.hoverTrans?qr(n.borderColorHover):qr(n.borderColor)},useBorderColorFocus:function(){return qr(this.borderColorFocus)}},methods:{}};var Du=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{position:"relative"},on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:"+n.useBorderWidth+"px solid "+n.useBorderColor+";"}),n._v(" "),t("transition",{attrs:{name:"fade"}},[n.focused?t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:"+n.borderWidthFocus+"px solid "+n.useBorderColorFocus+";"}):n._e()])],2)])};Du._withStripped=!0;const zu={components:{WShellEllipse:Us,WShellBottomLine:Fr({render:Du,staticRenderFns:[]},(function(n){n&&n("data-v-495f93cb_0",{source:"\n.fade-enter-active[data-v-495f93cb], .fade-leave-active[data-v-495f93cb] {\r\n    transition: all 0.3s;\n}\n.fade-enter[data-v-495f93cb], .fade-leave-to[data-v-495f93cb] {\r\n    transform: scaleX(0);\n}\n.fade-enter-to[data-v-495f93cb], .fade-leave[data-v-495f93cb] {\r\n    transform: scaleX(100%);\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WShellBottomLine.vue"],names:[],mappings:";AAiIA;IACA,oBAAA;AACA;AACA;IACA,oBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WShellBottomLine.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        <div\r\n            style=\"position:relative;\"\r\n            @mouseenter=\"hoverTrans=true\"\r\n            @mouseleave=\"hoverTrans=false\"\r\n        >\r\n\r\n            <slot></slot>\r\n\r\n            <div\r\n                :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:${useBorderWidth}px solid ${useBorderColor};`\"\r\n            ></div>\r\n\r\n            <transition name=\"fade\">\r\n                <div\r\n                    :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:${borderWidthFocus}px solid ${useBorderColorFocus};`\"\r\n                    v-if=\"focused\"\r\n                ></div>\r\n            </transition>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [borderWidth=1] 輸入線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [borderColor='grey lighten-1'] 輸入線顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [borderColorHover='grey'] 輸入滑鼠移入時線顏色字串，預設'grey'\r\n * @vue-prop {String} [borderColorFocus='blue darken-2'] 輸入取得焦點時線顏色字串，預設'blue darken-2'\r\n * @vue-prop {Number} [borderWidthHover=1] 輸入滑鼠移入時線寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderWidthFocus=2] 輸入取得焦點時線寬度數字，單位為px，預設2\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        borderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthFocus: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            focusedTrans: false,\r\n            hoverTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBorderWidth: function() {\r\n            //console.log('computed useBorderWidth')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return vo.borderWidthHover\r\n            }\r\n            return vo.borderWidth\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            //console.log('computed useBorderColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return color2hex(vo.borderColorHover)\r\n            }\r\n            return color2hex(vo.borderColor)\r\n        },\r\n\r\n        useBorderColorFocus: function() {\r\n            //console.log('computed useBorderColorFocus')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.borderColorFocus)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: all 0.3s;\r\n}\r\n.fade-enter, .fade-leave-to {\r\n    transform: scaleX(0);\r\n}\r\n.fade-enter-to, .fade-leave {\r\n    transform: scaleX(100%);\r\n}\r\n</style>\r\n"]},media:void 0})}),Yu,"data-v-495f93cb",false,undefined,!1,Dr,void 0,void 0),WTextCore:Cd},props:{paddingStyle:{type:Object,default:function(){return{v:0,h:0}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!1},type:{type:String,default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var Eu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextCore",{attrs:{type:n.type,textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,select:function(e,t,o){n.$emit("select",e,t,o)},blur:function(e,t,o){n.$emit("blur",e,t,o)},enter:function(e,t,o){n.$emit("enter",e,t,o)},input:function(e,t,o){n.$emit("input",e,t,o)},change:function(e,t,o){n.$emit("change",e,t,o)}}})],1)],1)],1)};Eu._withStripped=!0;const Nu=Fr({render:Eu,staticRenderFns:[]},(function(n){n&&n("data-v-1516d15a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WText.vue"},media:void 0})}),zu,"data-v-1516d15a",false,undefined,!1,Dr,void 0,void 0);const Ju={components:{WPopup:fd,WText:Nu,WButtonChip:is},props:{value:{type:[String,Number],default:""},title:{type:String,default:"Editor"},titleColor:{type:String,default:"grey darken-3"},titleFontSize:{type:String,default:"0.8rem"},contentIcon:{type:String,default:"M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z"},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:28},inputTextColor:{type:String,default:"grey darken-3"},inputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},inputTextBottomLineBorderColorHover:{type:String,default:"grey"},inputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},saveBtnText:{type:String,default:"Save"},saveBtnTextColor:{type:String,default:"grey darken-3"},saveBtnTextColorHover:{type:String,default:"grey darken-2"},saveBtnIcon:{type:String,default:p},saveBtnIconSize:{type:Number,default:22},saveBtnIconColor:{type:String,default:"grey darken-1"},saveBtnIconColorHover:{type:String,default:"grey darken-2"},saveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},saveBtnBackgroundColor:{type:String,default:"white"},saveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidthForValue:{type:Number,default:30},minWidthForPopup:{type:Number,default:300}},data:function(){return{valueTemp:null,showEdit:!1}},computed:{useTitleFontSize:function(){var n=this.titleFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTitleColor:function(){return qr(this.titleColor)},useHeaderBackgroundColor:function(){return qr(this.headerBackgroundColor)},useContentBackgroundColor:function(){return qr(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return qr(this.footerBackgroundColor)}},methods:{evShow:function(){var n=this;n.valueTemp=n.value,n.$nextTick((function(){n.showEdit=!0}))},evHide:function(){var n=this;n.$nextTick((function(){n.$emit("close"),n.showEdit=!1}))},ckSave:function(n,e){var t=this;t.$nextTick((function(){t.$emit("input",t.valueTemp),t.valueTemp="",n.funHide()}))}}};var $u=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("w-popup",{attrs:{isolated:!0,_minWidth:"minWidthForPopup"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"min-width:"+n.minWidthForValue+"px; min-height:1rem; cursor:pointer;"},[n._v("\n            "+n._s(n.value)+"\n        ")])]},proxy:!0},{key:"content",fn:function(e){return[t("div",{style:"min-width:"+n.minWidthForPopup+"px; text-align:left; border-radius:5px; overflow:hidden;"},[""!==n.title?t("div",[t("div",{style:" padding:10px; color:"+n.useTitleColor+"; "+n.useTitleFontSize+"; background:"+n.useHeaderBackgroundColor+";"},[n._v("\n                    "+n._s(n.title)+"\n                ")])]):n._e(),n._v(" "),t("div",{style:"padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:"+n.useContentBackgroundColor+"; display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"10px"}},[t("v-icon",{attrs:{size:n.contentIconSize,color:n.contentIconColor}},[n._v("\n                        "+n._s(n.contentIcon)+"\n                    ")])],1),n._v(" "),t("div",{staticStyle:{width:"100%"}},[n.showEdit?t("WText",{attrs:{textColor:n.inputTextColor,bottomLineBorderColor:n.inputTextBottomLineBorderColor,bottomLineBorderColorHover:n.inputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.inputTextBottomLineBorderColorFocus},on:{enter:function(t){return n.ckSave(e)}},model:{value:n.valueTemp,callback:function(e){n.valueTemp=e},expression:"valueTemp"}}):n._e()],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useFooterBackgroundColor+"; text-align:right;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.saveBtnIcon,iconColor:n.saveBtnIconColor,iconColorHover:n.saveBtnIconColorHover,text:n.saveBtnText,textColor:n.saveBtnTextColor,textColorHover:n.saveBtnTextColorHover,backgroundColor:n.saveBtnBackgroundColor,backgroundColorHover:n.saveBtnBackgroundColorHover},on:{click:function(t){return n.ckSave(e)}}})],1)])]}}])})};$u._withStripped=!0;const Ou=Fr({render:$u,staticRenderFns:[]},(function(n){n&&n("data-v-8e114012_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopupEditText.vue"},media:void 0})}),Ju,"data-v-8e114012",false,undefined,!1,Dr,void 0,void 0);const Mu={components:{demolink:Jr,WPopupEditText:Ou},props:{},data:function(){return{WPopupEditText:{text:"click to edit string",mat:[["r1c1","r1c2","r1c3"],["r2c1","r2c2","r2c3"]]},actions:[]}}};var Qu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"no title"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:""},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & titleColor & titleFontSize & headerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Information",titleColor:"white",titleFontSize:"1rem",headerBackgroundColor:"pink accent-4"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & contentIcon & contentIconColor & contentIconSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",contentIcon:"fab fa-buffer",contentIconColor:"pink",contentIconSize:22},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & saveBtnText & saveBtnTextColor & saveBtnTextColorHover & saveBtnIconColor & saveBtnIconColorHover & saveBtnIconRippleColor & saveBtnBackgroundColor & saveBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",saveBtnText:"儲存",saveBtnTextColor:"pink darken-1",saveBtnTextColorHover:"pink darken-3",saveBtnIconColor:"pink darken-1",saveBtnIconColorHover:"pink darken-3",saveBtnIconRippleColor:"rgba(200, 200, 200, 0.5)",saveBtnBackgroundColor:"white",saveBtnBackgroundColorHover:"pink lighten-5"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & inputTextColor & contentIconColor & contentBackgroundColor & inputTextBottomLineBorderColor & inputTextBottomLineBorderColorHover & inputTextBottomLineBorderColorFocus"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",inputTextColor:"white",contentIconColor:"white",contentBackgroundColor:"orange",inputTextBottomLineBorderColor:"rgba(255,255,255,0.6)",inputTextBottomLineBorderColorHover:"rgba(255,255,255,0.8)",inputTextBottomLineBorderColorFocus:"rgba(255,255,255,1)"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & footerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",footerBackgroundColor:"brown lighten-1"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForValue"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForValue:300},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForPopup"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForPopup:500},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"in table"}}),n._v(" "),t("table",[t("tbody",n._l(n.WPopupEditText.mat,(function(e,o){return t("tr",{key:"rk-"+o},n._l(e,(function(e,r){return t("td",{key:"ck-"+r,staticStyle:{padding:"5px",border:"1px solid #ddd"}},[t("w-popup-edit-text",{attrs:{title:"Edit Cell"},model:{value:n.WPopupEditText.mat[o][r],callback:function(e){n.$set(n.WPopupEditText.mat[o],r,e)},expression:"WPopupEditText.mat[rk][ck]"}})],1)})),0)})),0)])],1)])])};Qu._withStripped=!0;const Uu=Fr({render:Qu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup-edit-text")])])}]},(function(n){n&&n("data-v-6385e299_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopupEditText.vue"},media:void 0})}),Mu,"data-v-6385e299",false,undefined,!1,Dr,void 0,void 0);const qu={components:{demolink:Jr,WButtonChip:is},props:{},data:function(){return{mdiWalletGiftcard:H,mdiFaceMan:b,mdiOrbit:"M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z",mdiCheckUnderlineCircle:u,mdiYoutubeTv:"M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z",mdiCodepen:f,mdiShakerOutline:"M16.88 4L16.88 4L19.03 6.1L13.5 10.5L12.5 9.5L16.87 4L16.88 4M16.88 2C16.3 2 15.73 2.24 15.33 2.72L9.8 9.65L13.34 13.19L20.28 7.67C21.18 6.91 21.25 5.54 20.41 4.7L18.3 2.59C17.9 2.19 17.39 2 16.88 2M9.1 10.36L8.39 11.07C8 11.46 8 12.09 8.39 12.5L10.5 14.6C10.71 14.8 10.96 14.89 11.22 14.89S11.73 14.8 11.93 14.6L12.63 13.9L9.1 10.36M6 15C5.45 15 5 15.45 5 16C5 16.55 5.45 17 6 17C6.55 17 7 16.55 7 16C7 15.45 6.55 15 6 15M9 16C8.45 16 8 16.45 8 17S8.45 18 9 18C9.55 18 10 17.55 10 17S9.55 16 9 16M4 18C3.45 18 3 18.45 3 19S3.45 20 4 20C4.55 20 5 19.55 5 19S4.55 18 4 18M7 19C6.45 19 6 19.45 6 20S6.45 21 7 21C7.55 21 8 20.55 8 20S7.55 19 7 19Z",mdiFlaskRoundBottom:"M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15L7.08 15.91L9 13.93L13.07 18L16.93 14.14C16.58 12.12 15 10.5 13 10.1V6H11M13.07 12C13.62 12 14.07 12.45 14.07 13C14.07 13.55 13.62 14 13.07 14C12.5 14 12.07 13.55 12.07 13C12.07 12.45 12.5 12 13.07 12Z",mdiShoePrint:"M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z",WButtonChip:{text:"aBc數字123",prog:null,loading:!1},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtn:function(){console.log("ckBtn")},ckBtnClose:function(){console.log("ckBtnClose")},ckBtnItem1:function(){console.log("ckBtnItem1")},ckBtnItem2:function(){console.log("ckBtnItem2")},ckBtnProg:function(){console.log("ckBtnProg");var n=this,e=0,t=setInterval((function(){e+=.5,n.WButtonChip.prog=e,e>=100&&(n.WButtonChip.prog=null,clearInterval(t))}),10)},ckBtnModProg:function(n){n.setProg(0);try{setTimeout((function(){var e=0,t=setInterval((function(){e+=.5,n.setProg(e),e>=100&&clearInterval(t)}),10)}),1e3)}catch(e){n.setProg(null)}},ckBtnLoading:function(){console.log("ckBtnLoading");var n=this;n.WButtonChip.loading=!0,setTimeout((function(){n.WButtonChip.loading=!1}),2e3)},ckBtnModLoading:function(n){console.log("ckBtnModLoading",n),n.setLoading(!0),setTimeout((function(){n.setLoading(!1)}),2e3)},ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};var np=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"default"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (thin style)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:0,h:8}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:4,h:15}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (material)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:"fas fa-clipboard-check"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & no text"}}),n._v(" "),t("w-button-chip",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shiftLeft"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiYoutubeTv,shiftLeft:8}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close & shiftRight"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0,shiftRight:5},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"slot & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px",display:"flex"}},[t("w-button-chip",{attrs:{text:"Download",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(250,50,120,0.9)",backgroundColorHover:"rgba(250,50,120,0.9)"},on:{click:n.ckBtnItem1}})],1),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:"View",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:n.ckBtnItem2}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle & icon & iconSize & textFontSize"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:10,h:24},icon:n.mdiCodepen,iconSize:26,textFontSize:"0.9rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"light-blue darken-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"purple darken-1",textColorHover:"purple darken-4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & textColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,active:!0,textColorActive:"white"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & iconColor & iconColorHover & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard,iconColor:"orange",iconColorHover:"orange darken-2",close:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & iconColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,iconColorActive:"black"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"rippleColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(255,120,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadius"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadius:0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{left:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{right:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{top:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{bottom:!0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderWidth"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{left:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{right:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{top:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{bottom:1},borderColor:"#aaa",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle & borderWidth & borderColor & borderColorHover & no shadow"}}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderRadiusStyle:{left:!0},borderColor:"#aaa",borderColorHover:"#aaa",shadow:!1}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFlaskRoundBottom,borderRadiusStyle:{},borderWidth:{top:1,bottom:1},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShoePrint,borderRadiusStyle:{right:!0},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderColor & borderColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderColor:"transparent",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & borderColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,borderColorActive:"deep-orange lighten-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,backgroundColor:"grey lighten-2",backgroundColorHover:"grey lighten-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & backgroundColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,backgroundColorActive:"light-blue darken-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"no shadow"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shadowStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadowStyle:"0 12px 20px -10px rgba(60,30,255,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(60,30,255,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & shadowActiveStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadowActiveStyle:"0 12px 20px -10px rgba(100,100,100,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(100,100,100,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & no shadow & no shadowActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadow:!1,shadowActive:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog & progColor & progBackgroundColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog,progColor:"rgba(250,50,150,0.4)",progBackgroundColor:"rgba(250,50,150,0.075)"},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify prog by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{"update:prog":function(e){return n.$set(n.WButtonChip,"prog",e)},click:n.ckBtnModProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,textColor:"rgba(255,30,60,0.9)",textColorHover:"rgba(255,30,60,0.8)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loadingColor:"rgba(255,30,60,0.9)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify loading by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{"update:loading":function(e){return n.$set(n.WButtonChip,"loading",e)},click:n.ckBtnModLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"promiseUnlock"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1},on:{click:n.ckBtn}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1,disabledColor:"rgba(255,200,220,0.7)"},on:{click:n.ckBtn}})],1)])])};np._withStripped=!0;const ep=Fr({render:np,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-chip")])])}]},(function(n){n&&n("data-v-2862d923_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonChip.vue"},media:void 0})}),qu,"data-v-2862d923",false,undefined,!1,Dr,void 0,void 0);const tp={components:{demolink:Jr,WButtonCircle:_u},props:{},data:function(){return{mdiWalletGiftcard:H,mdiFaceMan:b,mdiCheckUnderlineCircle:u,WButtonCircle:{},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};var op=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (material)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:"fas fa-clipboard-check"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"iconColor & iconColorHover & iconColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,iconColor:"rgba(244, 81, 30, 0.7)",iconColorHover:"rgba(244, 81, 30, 0.8)",iconColorFocus:"rgba(244, 81, 30, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,backgroundColor:"rgba(225, 190, 231, 0.5)",backgroundColorHover:"rgba(225, 190, 231, 0.75)",backgroundColorFocus:"rgba(225, 190, 231, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"rippleColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(0,20,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:0,h:0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle & iconSize"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:8,h:8},iconSize:30}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"no shadow"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"shadowStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadowStyle:"0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loadingColor:"red accent-3",loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"promiseUnlock"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1,disabledColor:"rgba(255,200,220,0.7)"}})],1)])])};op._withStripped=!0;const rp=Fr({render:op,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-circle")])])}]},(function(n){n&&n("data-v-12fae400_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonCircle.vue"},media:void 0})}),tp,"data-v-12fae400",false,undefined,!1,Dr,void 0,void 0);const ip={components:{WIcon:ql},props:{value:{type:Number,default:0},decimal:{type:Number,default:1},title:{type:String,default:""},titleTextColor:{type:String,default:"grey darken-2"},titleTextFontSize:{type:String,default:"0.85rem"},height:{type:Number,default:4},borderRadius:{type:Number,default:5},progColor:{type:String,default:"lime accent-4"},progBackgroundColor:{type:String,default:"light-green lighten-5"},iconSize:{type:Number,default:20},iconWaiting:{type:String,default:C},iconFinish:{type:String,default:c},iconWaitingColor:{type:String,default:"grey"},iconFinishColor:{type:String,default:"green"},enableIconWaiting:{type:Boolean,default:!0},enableIconFinish:{type:Boolean,default:!0},valueTextColor:{type:String,default:"grey darken-2"},valueTextFontSize:{type:String,default:"0.85rem"}},data:function(){return{mdiCheck:c,mdiOrbitVariant:C}},computed:{status:function(){return this.value<=0?"waiting":this.value>=100?"finish":"running"},useProg:function(){var n=this.value;return n=Math.max(n,0),n=Math.min(n,100),n=this.digValue(n)},useTitleTextFontSize:function(){var n=this.titleTextFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useBorderRadius:function(){return"border-radius:".concat(this.borderRadius,"px;")},useProgColor:function(){return qr(this.progColor)},useProgBackgroundColor:function(){return qr(this.progBackgroundColor)},useTitleTextColor:function(){return qr(this.titleTextColor)},useIconWaitingColor:function(){return qr(this.iconWaitingColor)},useIconFinishColor:function(){return qr(this.iconFinishColor)},useValueTextColor:function(){return qr(this.valueTextColor)},useValueTextFontSize:function(){var n=this.valueTextFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")}},methods:{digValue:function(n){return function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return di(n)&&ul(e)?(n=ui(n),vi(n,e).toFixed(e)):""}(n,this.decimal)}}};var ap=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.title?t("div",{style:"color:"+n.useTitleTextColor+"; "+n.useTitleTextFontSize+";"},[n._v("\n        "+n._s(n.title)+"\n    ")]):n._e(),n._v(" "),t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.useProg+"%; height:"+n.height+"px;"})])]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}},[n.enableIconWaiting&&"waiting"===n.status||n.enableIconFinish&&"finish"===n.status?t("WIcon",{attrs:{icon:"waiting"===n.status?n.iconWaiting:n.iconFinish,color:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,size:n.iconSize}}):t("div",{style:"color:"+n.useValueTextColor+"; "+n.useValueTextFontSize+";"},[t("div",[n._v(n._s(n.useProg)+"%")])])],1)])])};ap._withStripped=!0;const lp={components:{demolink:Jr,WProgressBar:Fr({render:ap,staticRenderFns:[]},(function(n){n&&n("data-v-42189703_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressBar.vue"},media:void 0})}),ip,"data-v-42189703",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WProgressBar:{title:"uploading file...",value:25,valueWaiting:0,valueFinish:100},actions:[]}},mounted:function(){var n=this;setInterval((function(){n.WProgressBar.value+=.1,n.WProgressBar.value>100&&(n.WProgressBar.value=0)}),10)}};var sp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"default"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"value=0 (waiting)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueWaiting}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"value=100 (finish)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueFinish}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"decimal"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,decimal:0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"title"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,title:n.WProgressBar.title}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"title & titleTextColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,title:n.WProgressBar.title,titleTextColor:"light-green darken-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"title & titleTextFontSize"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,title:n.WProgressBar.title,titleTextFontSize:"1rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"height"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,height:10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"height & borderRadius"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,height:10,borderRadius:0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"progColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,progColor:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"progColor & progBackgroundColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,progColor:"orange lighten-1",progBackgroundColor:"orange lighten-5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"iconSize"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueFinish,iconSize:16}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"iconWaiting (fontawesome)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueWaiting,iconWaiting:"fas fa-shoe-prints"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"iconWaitingColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueWaiting,iconWaitingColor:"light-blue accent-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"enableIconWaiting (no iconWaiting)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueWaiting,enableIconWaiting:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"iconFinish (fontawesome)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueFinish,iconFinish:"fas fa-check-circle"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"iconFinishColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueFinish,iconFinishColor:"lime accent-4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"enableIconFinish (no iconFinish)"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.valueFinish,enableIconFinish:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"valueTextColor"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,valueTextColor:"light-green darken-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-bar",casename:"valueTextFontSize"}}),n._v(" "),t("w-progress-bar",{staticStyle:{width:"400px"},attrs:{value:n.WProgressBar.value,valueTextFontSize:"0.7rem"}})],1)])])};sp._withStripped=!0;const cp=Fr({render:sp,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-progress-bar")])])}]},(function(n){n&&n("data-v-011d26a4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWProgressBar.vue"},media:void 0})}),lp,"data-v-011d26a4",false,undefined,!1,Dr,void 0,void 0);const dp={props:{text:{type:String,default:""},value:{type:Number,default:0},color:{type:String,default:"purple lighten-1"},size:{type:Number,default:120},width:{type:Number,default:10},tooltip:{type:String,default:""}},data:function(){return{}},mounted:function(){},computed:{styleProg:function(){var n=this.size/5.4,e=(this.size-26)/94*.25+.75;return{"font-size":n+"pt",transform:"scale(".concat(e,")")}},styleText:function(){return{color:"#666","font-size":this.size/12+"pt",transform:"scale(".concat(1.2,")")}}},methods:{clickBtn:function(){var n=this;n.$nextTick((function(){n.$emit("click")}))}}};var up=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[t("v-tooltip",{attrs:{bottom:"",transition:"slide-y-transition",disabled:""===n.tooltip},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("v-progress-circular",n._g({attrs:{rotate:-90,size:n.size,width:n.width,color:n.color,value:n.value}},o),[t("div",{staticStyle:{"text-align":"center",transform:"translateY(-2%)"}},[t("div",{style:[n.styleProg]},[n._v(n._s(n.value)+"%")]),n._v(" "),t("div",{style:[n.styleText]},[n._v(n._s(n.text))])])])]}}])},[n._v(" "),t("span",[n._v(n._s(n.tooltip))])])],1)};up._withStripped=!0;const pp={components:{demolink:Jr,WProgressCircle:Fr({render:up,staticRenderFns:[]},(function(n){n&&n("data-v-f8d45658_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressCircle.vue"},media:void 0})}),dp,"data-v-f8d45658",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WProgressCircle:{text:"Capacity",value:30},actions:[{mode:"elehover",selector:'div[role="progressbar"]'}]}}};var mp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"default"}}),n._v(" "),t("w-progress-circle",{attrs:{text:n.WProgressCircle.text,value:n.WProgressCircle.value}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"中文text"}}),n._v(" "),t("w-progress-circle",{attrs:{text:"完成進度",value:12}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"color"}}),n._v(" "),t("w-progress-circle",{attrs:{text:"Passionate",value:83,color:"pink lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"width"}}),n._v(" "),t("w-progress-circle",{attrs:{text:"Completion",value:57,width:3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"small size"}}),n._v(" "),t("w-progress-circle",{attrs:{text:"Reverse",value:92,size:80,width:7,color:"orange accent-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"very small size"}}),n._v(" "),t("w-progress-circle",{attrs:{value:100,size:26,width:2,color:"light-green accent-4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-progress-circle",casename:"tooltip"}}),n._v(" "),t("w-progress-circle",{attrs:{text:"Exposure",value:72,color:"brown lighten-2",tooltip:"資訊揭露程度(%)"}})],1)])])};mp._withStripped=!0;const gp=Fr({render:mp,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-progress-circle")])])}]},(function(n){n&&n("data-v-85f74dcc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWProgressCircle.vue"},media:void 0})}),pp,"data-v-85f74dcc",false,undefined,!1,Dr,void 0,void 0);const vp={props:{text:{type:String,default:""},value:{type:[Boolean,String],default:!1},color:{type:String,default:"pink accent-3"},editable:{type:Boolean,default:!0}},data:function(){return{b:!1}},mounted:function(){},computed:{changeParam:function(){var n=this,e=n.value;return La(e)?n.b=e:n.b="y"===e,""}},methods:{toogleValue:function(n){var e=this,t=null;La(e.value)?(t=!1,n&&(t=!0)):(t="n",n&&(t="y")),e.$nextTick((function(){e.$emit("input",t)}))}}};var hp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("v-switch",{staticStyle:{margin:"0px",padding:"0px"},attrs:{"hide-details":"",label:n.text,color:n.color,disabled:!n.editable},on:{change:n.toogleValue},model:{value:n.b,callback:function(e){n.b=e},expression:"b"}})],1)};hp._withStripped=!0;const fp={components:{demolink:Jr,WSwitch:Fr({render:hp,staticRenderFns:[]},(function(n){n&&n("data-v-2402e95a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WSwitch.vue"},media:void 0})}),vp,"data-v-2402e95a",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WSwitch:{valueBol:!0,valueYN:"y"},actions:[]}}};var bp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-switch",casename:"default"}}),n._v(" "),t("w-switch",{model:{value:n.WSwitch.valueBol,callback:function(e){n.$set(n.WSwitch,"valueBol",e)},expression:"WSwitch.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-switch",casename:"use string (y or n)"}}),n._v(" "),t("w-switch",{model:{value:n.WSwitch.valueYN,callback:function(e){n.$set(n.WSwitch,"valueYN",e)},expression:"WSwitch.valueYN"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-switch",casename:"text & color"}}),n._v(" "),t("w-switch",{attrs:{text:"是否開啟分享",color:"teal accent-3"},model:{value:n.WSwitch.valueBol,callback:function(e){n.$set(n.WSwitch,"valueBol",e)},expression:"WSwitch.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-switch",casename:"not editable"}}),n._v(" "),t("w-switch",{attrs:{editable:!1},model:{value:n.WSwitch.valueBol,callback:function(e){n.$set(n.WSwitch,"valueBol",e)},expression:"WSwitch.valueBol"}})],1)])])};bp._withStripped=!0;const yp=Fr({render:bp,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-switch")])])}]},(function(n){n&&n("data-v-7e62b1d0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWSwitch.vue"},media:void 0})}),fp,"data-v-7e62b1d0",false,undefined,!1,Dr,void 0,void 0);const xp={components:{WIcon:ql},props:{value:{type:[Boolean,String],default:!1},iconSize:{type:Number,default:24},checkedIcon:{type:String,default:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"},checkedIconColor:{type:String,default:"blue darken-3"},checkedIconColorDisabled:{type:String,default:"grey"},uncheckedIcon:{type:String,default:"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"},uncheckedIconColor:{type:String,default:"blue darken-3"},uncheckedIconColorDisabled:{type:String,default:"grey"},editable:{type:Boolean,default:!0}},data:function(){return{b:!1}},computed:{changeParam:function(){var n=this,e=n.value;return La(e)?n.b=e:n.b="y"===e,""}},methods:{toogleValue:function(){var n=this;if(n.editable){var e=n.b;e=!e;var t=null;La(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick((function(){n.$emit("input",t)}))}}}};var kp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{changeParam:n.changeParam},on:{click:n.toogleValue}},[n.b?t("WIcon",{attrs:{icon:n.checkedIcon,color:n.editable?n.checkedIconColor:n.checkedIconColorDisabled,size:n.iconSize}}):t("WIcon",{attrs:{icon:n.uncheckedIcon,color:n.editable?n.uncheckedIconColor:n.uncheckedIconColorDisabled,size:n.iconSize}})],1)};kp._withStripped=!0;const Cp={components:{demolink:Jr,WCheckbox:Fr({render:kp,staticRenderFns:[]},(function(n){n&&n("data-v-59bab659_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCheckbox.vue"},media:void 0})}),xp,"data-v-59bab659",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCheck:c,mdiClose:v,WCheckbox:{valueBol:!0,valueYN:"y"},actions:[]}}};var Sp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"default"}}),n._v(" "),t("w-checkbox",{model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"use string (y or n)"}}),n._v(" "),t("w-checkbox",{model:{value:n.WCheckbox.valueYN,callback:function(e){n.$set(n.WCheckbox,"valueYN",e)},expression:"WCheckbox.valueYN"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"iconSize"}}),n._v(" "),t("w-checkbox",{attrs:{iconSize:18},model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"checkedIconColor & uncheckedIconColor"}}),n._v(" "),t("w-checkbox",{attrs:{checkedIconColor:"pink",uncheckedIconColor:"pink"},model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"checkedIcon & uncheckedIcon"}}),n._v(" "),t("w-checkbox",{attrs:{checkedIcon:n.mdiCheck,uncheckedIcon:n.mdiClose},model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"not editable"}}),n._v(" "),t("w-checkbox",{attrs:{editable:!1},model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-checkbox",casename:"not editable & checkedIconColorDisabled & uncheckedIconColorDisabled"}}),n._v(" "),t("w-checkbox",{attrs:{editable:!1,checkedIconColorDisabled:"#FF8A65",uncheckedIconColorDisabled:"#FF8A65"},model:{value:n.WCheckbox.valueBol,callback:function(e){n.$set(n.WCheckbox,"valueBol",e)},expression:"WCheckbox.valueBol"}})],1)])])};Sp._withStripped=!0;const wp=Fr({render:Sp,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-checkbox")])])}]},(function(n){n&&n("data-v-37d2c970_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWCheckbox.vue"},media:void 0})}),Cp,"data-v-37d2c970",false,undefined,!1,Dr,void 0,void 0);function Wp(){return"undefined"!=typeof window&&void 0!==window.document}function Ip(){return"undefined"!=typeof self?self:Wp()?window:"undefined"!=typeof global?global:null}function _p(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Jl(n)){var t=ie(e,"duration",500);(t=ui(t))<0&&(t=1e3);var o=ie(e,"delay",0);(o=ui(o))<0&&(o=0);var r=ie(e,"opacityIni",0);r=ui(r),r=Math.min(Math.max(r,0),1),di(n.style.opacity)&&(r=ui(n.style.opacity));var i=10,a=i/t,l="tag-".concat(Wi());n.setAttribute("dom-fade-tag",l),setTimeout((function(){var e=setInterval((function(){n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=r,r>=1&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),(r+=a)>1&&(r=1)}),i)}),o)}}var Tp='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="width:12px; height:12px; enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><g><g><path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285L284.286,256.002z"/></g></g></svg>',Hp={success:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="width:24px; height:24px; enable-background:new 0 0 426.667 426.667" xml:space="preserve"><path style="fill:#6ac259" d="M213.333,0C95.518,0,0,95.514,0,213.333s95.518,213.333,213.333,213.333  c117.828,0,213.333-95.514,213.333-213.333S331.157,0,213.333,0z M174.199,322.918l-93.935-93.931l31.309-31.309l62.626,62.622 l140.894-140.898l31.309,31.309L174.199,322.918z"/></svg>',error:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.158 496.158" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158" xml:space="preserve"><path style="fill:#e04f5f" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085  c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/><path style="fill:#fff" d="M277.042,248.082l72.528-84.196c7.91-9.182,6.876-23.041-2.31-30.951  c-9.172-7.904-23.032-6.876-30.947,2.306l-68.236,79.212l-68.229-79.212c-7.91-9.188-21.771-10.216-30.954-2.306  c-9.186,7.91-10.214,21.77-2.304,30.951l72.522,84.196l-72.522,84.192c-7.91,9.182-6.882,23.041,2.304,30.951  c4.143,3.569,9.241,5.318,14.316,5.318c6.161,0,12.294-2.586,16.638-7.624l68.229-79.212l68.236,79.212  c4.338,5.041,10.47,7.624,16.637,7.624c5.069,0,10.168-1.749,14.311-5.318c9.186-7.91,10.22-21.77,2.31-30.951L277.042,248.082z"/></svg>',warning:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 497.472 497.472" style="width:24px; height:24px; enable-background:new 0 0 497.472 497.472" xml:space="preserve"><g transform="matrix(1.25 0 0 -1.25 0 45)"><path style="fill:#ffcc4d" d="M24.374-357.857c-20.958,0-30.197,15.223-20.548,33.826L181.421,17.928     c9.648,18.603,25.463,18.603,35.123,0L394.14-324.031c9.671-18.603,0.421-33.826-20.548-33.826H24.374z"/><path style="fill:#231f20" d="M173.605-80.922c0,14.814,10.934,23.984,25.395,23.984c14.12,0,25.407-9.512,25.407-23.984 V-216.75c0-14.461-11.287-23.984-25.407-23.984c-14.461,0-25.395,9.182-25.395,23.984V-80.922z M171.489-289.056 c0,15.167,12.345,27.511,27.511,27.511c15.167,0,27.523-12.345,27.523-27.511c0-15.178-12.356-27.523-27.523-27.523 C183.834-316.579,171.489-304.234,171.489-289.056"/></g></svg>',infor:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.16 496.16" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158;" xml:space="preserve"><path d="m496.16 248.08c0-137.02-111.07-248.08-248.08-248.08-137.01 0-248.08 111.06-248.08 248.08 0 137 111.07 248.07 248.08 248.07 137.01 0 248.08-111.07 248.08-248.07z" fill="#25B7D3"/><g fill="#fff"><path d="m315.25 359.56c-1.387-2.032-4.048-2.755-6.27-1.702-24.582 11.637-52.482 23.94-57.958 25.015-0.138-0.123-0.357-0.348-0.644-0.737-0.742-1.005-1.103-2.318-1.103-4.015 0-13.905 10.495-56.205 31.192-125.72 17.451-58.406 19.469-70.499 19.469-74.514 0-6.198-2.373-11.435-6.865-15.146-4.267-3.519-10.229-5.302-17.719-5.302-12.459 0-26.899 4.73-44.146 14.461-16.713 9.433-35.352 25.41-55.396 47.487-1.569 1.729-1.733 4.314-0.395 6.228 1.34 1.915 3.825 2.644 5.986 1.764 7.037-2.872 42.402-17.359 47.557-20.597 4.221-2.646 7.875-3.989 10.861-3.989 0.107 0 0.199 4e-3 0.276 0.01 0.036 0.198 0.07 0.5 0.07 0.933 0 3.047-0.627 6.654-1.856 10.703-30.136 97.641-44.785 157.5-44.785 182.99 0 8.998 2.501 16.242 7.432 21.528 5.025 5.393 11.803 8.127 20.146 8.127 8.891 0 19.712-3.714 33.08-11.354 12.936-7.392 32.68-23.653 60.363-49.717 1.793-1.687 2.092-4.426 0.705-6.458z"/><path d="m314.28 76.672c-4.925-5.041-11.227-7.597-18.729-7.597-9.34 0-17.475 3.691-24.176 10.971-6.594 7.16-9.938 15.946-9.938 26.113 0 8.033 2.463 14.69 7.32 19.785 4.922 5.172 11.139 7.794 18.476 7.794 8.958 0 17.049-3.898 24.047-11.586 6.876-7.553 10.363-16.433 10.363-26.393 1e-3 -7.654-2.476-14.075-7.363-19.087z"/></g></svg>',cancel:Tp},Ap={},Zp=null,Bp=Ip();function Vp(){yt(["top-right","top-left","bottom-right","bottom-left"],(function(n){!function(n){var e=br(Ap,{position:n});e=ol(e,"timeStart");var t=16;yt(e,(function(n){Ap[n.id].ele||(Ap[n.id].ele=document.querySelector("#".concat(n.id))),Ap[n.id].loc.top=t,Ap[n.id].loc.height=Ap[n.id].ele.offsetHeight,t+=Ap[n.id].loc.height+16})),yt(e,(function(e){n.indexOf("bottom-")>=0?(Ap[e.id].ele.style.bottom="".concat(Ap[e.id].loc.top,"px"),Ap[e.id].loc.bottom=Ap[e.id].loc.top):Ap[e.id].ele.style.top="".concat(Ap[e.id].loc.top,"px"),n.indexOf("-left")>=0?(Ap[e.id].ele.style.left="".concat(16,"px"),Ap[e.id].loc.left=16):(Ap[e.id].ele.style.right="".concat(16,"px"),Ap[e.id].loc.right=16),Ap[e.id].ele.style.zIndex=2e5,Ap[e.id].ele.style.opacity=1,Ap[e.id].ele.style.transform="",Ap[e.id].ele.style.transform=null}))}(n)}))}function Pp(n){Ap[n].ele&&Ap[n].ele.parentNode.removeChild(Ap[n].ele),Ap[n]&&delete Ap[n],Vp()}function jp(n){var e=n.id,t=n.position,o=n.time,r=n.pm;Ap[e]={id:e,position:t,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:o,timeStart:Date.now(),pm:r},Vp(),null===Zp&&(Zp=setInterval((function(){yt(Ap,(function(n){Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),Pp(n.id))})),il(Ap)||(clearInterval(Zp),Zp=null)}),50))}Bp.ttWAlertCancel=function(n){Pp(n)},Bp.ttWAlertFadeIn=function(n){_p(document.querySelector("#".concat(n)))},Bp.ttWAlertFadeOut=function(n){!function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Jl(n)){var t=ie(e,"duration",500);(t=ui(t))<0&&(t=1e3);var o=ie(e,"delay",0);(o=ui(o))<0&&(o=0);var r=ie(e,"opacityIni",1);r=ui(r),r=Math.min(Math.max(r,0),1),di(n.style.opacity)&&(r=ui(n.style.opacity));var i=10,a=i/t,l="tag-".concat(Wi());n.setAttribute("dom-fade-tag",l),setTimeout((function(){var e=setInterval((function(){n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=r,r<=0&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),(r-=a)<0&&(r=0)}),i)}),o)}}(document.querySelector("#".concat(n)))};var Xp=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(ir(n)){var t=ie(e,"type","success");dl(Hp,t)||(t="success");var o=ie(e,"icon",null);ir(o)||(o=Hp[t]);var r="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(r=e.position);var i=ie(e,"time");Rl(i)||(i=4e3),i<0&&(i=4e3);var a=ie(e,"paddingStyle",null);null===a&&(a={top:14,right:26,bottom:14,left:14});var l="",s=ie(a,"top",0),c=ie(a,"bottom",0),d=ie(a,"left",0),u=ie(a,"right",0);l="padding:".concat(s,"px ").concat(u,"px ").concat(c,"px ").concat(d,"px;");var p=ie(e,"textColor","#000");p=$r(p,";","");var m=ie(e,"backgroundColor","#fff");m=$r(m,";","");var g=ie(e,"borderWidth",1),v=ie(e,"borderColor","#ebeef5");v=$r(v,";","");var h=ie(e,"borderRadius",8),f=ie(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");f=$r(f,";","");var b=ie(e,"closeIconShift",null);null===b&&(b={top:10,right:10});var y="",x=ie(b,"top",""),k=ie(b,"bottom",""),C=ie(b,"left",""),S=ie(b,"right","");Rl(x)&&(x="top:".concat(x,"px;")),Rl(k)&&(k="bottom:".concat(k,"px;")),Rl(C)&&(C="left:".concat(C,"px;")),Rl(S)&&(S="right:".concat(S,"px;")),y="position:absolute; ".concat(x," ").concat(S," ").concat(k," ").concat(C);var w="alt-".concat(Wi()),W="alt-".concat(Wi()),I='\n    <div \n        style="display:inline-block; color:'.concat(p,"; background:").concat(m,"; border:").concat(g,"px solid ").concat(v,"; border-radius:").concat(h,"px; box-shadow:").concat(f,';"\n        onmouseenter="ttWAlertFadeIn(\'').concat(W,"')\"\n        onmouseleave=\"ttWAlertFadeOut('").concat(W,'\')"\n    >\n        <div style="position:relative; ').concat(l,'">\n\n            <div style="display:flex; align-items:center;">\n                <div style="margin-right:10px;">\n                    <div style="display:flex;">').concat(o,"</div>\n                </div>\n                <div>").concat(n,'</div>\n            </div>\n\n            <div style="').concat(y,'">\n                <div \n                id="').concat(W,'" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel(\'').concat(w,"')\"\n                >\n                    ").concat(Tp,"\n                </div>\n            </div>\n\n        </div>\n    </div>\n    "),_=document.createElement("div");_.id=w,_.style.position="fixed",_.style.transition="transform 0.3s, top 0.5s, bottom 0.5s",_.style.zIndex=-1,_.style.opacity=.001,r.indexOf("-left")>=0?_.style.transform="translateX(-100%)":_.style.transform="translateX(100%)",_.innerHTML=I;var T=document.querySelector("body");T.appendChild(_);var H=Ka();return jp({id:w,position:r,time:i,pm:H}),H}};const Gp={components:{demolink:Jr},props:{},data:function(){return{WAlert:{number:0,text:"Test message",textSuccess:"Success message",textWarning:"Warging message",textError:"Error message",textInfor:"Infor message",textCallAtEnd:"Waiting to call function",icon:'<svg style="width:24px; height:24px;" enable-background="new 0 0 512.006 512.006" viewBox="0 0 512.006 512.006" xmlns="http://www.w3.org/2000/svg"><g><path d="m281.491 149.016c-16.652 13.421-40.32 13.421-56.972 0-26.474-21.336-47.818-49.649-48.514-83.94 0-15.467 9.153-28.792 22.341-34.891-8.597-6.398-19.274-10.181-30.841-10.181-28.443 0-51.5 23.022-51.5 51.422 1.003 49.407 34.05 89.537 73.202 118.72 17.634 13.144 41.962 13.144 59.596 0 25.755-19.197 48.865-43.133 61.953-71.33-8.122 11.225-18.245 21.319-29.265 30.2z" fill="#c6e1f2"/><g fill="#ff5cf4"><g><path d="m336.005 212.284c-.002-.133 0 .134 0 0z"/><path d="m458.005 158.003c-12.874 0-24.711 4.543-34 12.116-9.289-7.573-21.126-12.116-34-12.116-29.776 0-54 24.351-54 54.281.699 34.774 20.17 67.932 56.3 95.127 9.332 7.023 20.516 10.536 31.7 10.535 11.184 0 22.368-3.512 31.7-10.536 36.13-27.195 55.601-60.352 56.3-95.126 0-29.93-24.224-54.281-54-54.281zm-26.355 117.449c-4.501 3.388-10.789 3.388-15.291 0-18.053-13.588-39.68-35.594-40.354-63.34.091-7.796 6.336-14.108 13.999-14.108 7.72 0 14 6.36 14 14.177 0 11.046 8.954 20 20 20s20-8.954 20-20c0-7.817 6.28-14.177 14-14.177 7.663 0 13.908 6.313 13.999 14.108-.673 27.746-22.3 49.752-40.353 63.34z"/></g><path d="m512.005 212.284c0 .134.003-.133 0 0z"/></g></g><g fill="#0023c4"><g><path d="m342.005 71.426c0 .135.003-.136 0 0z"/><g><path d="m96.005 71.426c-.003-.136 0 .135 0 0z"/><path d="m270.505.003c-20.208 0-38.484 8.397-51.5 21.878-13.016-13.48-31.292-21.878-51.5-21.878-39.425 0-71.5 32.04-71.5 71.422.995 49.016 29.093 95.879 81.249 134.755 12.292 9.161 27.021 13.742 41.751 13.742s29.459-4.581 41.751-13.742c52.156-38.876 80.254-85.739 81.249-134.755 0-39.382-32.074-71.422-71.5-71.422zm-33.654 174.107c-10.507 7.832-25.185 7.832-35.691 0-29.166-21.74-64.119-57.221-65.154-102.871.102-17.241 14.193-31.235 31.5-31.235 17.369 0 31.5 14.026 31.5 31.266 0 11.046 8.954 20 20 20s20-8.954 20-20c0-17.24 14.131-31.266 31.5-31.266 17.307 0 31.398 13.995 31.5 31.235-1.036 45.65-35.989 81.131-65.155 102.871z"/></g></g><path d="m505.795 382.441c-13.04-25.049-42.742-35.969-70.372-25.483-18.6 7.059-41.761 15.841-68.606 23.085 2.523-11.551 1.392-23.815-3.416-35.467-6.897-16.716-21.07-29.153-38.886-34.123-9.11-2.541-18.996-3.112-29.384-1.698-68.547 9.325-109.359-13.768-145.365-34.141-24.185-13.684-47.029-26.61-73.761-26.61-35 0-61.974 10.913-61.974 10.913-10.542 3.299-16.413 14.52-13.113 25.061 3.299 10.542 14.52 16.411 25.061 13.113 0 0 22.026-9.087 50.026-9.087 16.201 0 32.909 9.454 54.063 21.423 31.658 17.913 73.217 41.434 134.983 41.431 11.143 0 22.954-.767 35.472-2.469 4.888-.666 9.469-.459 13.246.593 4.216 1.176 9.834 4.013 12.655 10.849 2.188 5.302 2.297 10.262.325 14.744-2.419 5.5-7.933 10.056-15.523 12.832-11.284 4.126-26.242 6.575-43.286 6.588-12.936.009-38.527-2.044-54.853-6.334-10.686-2.809-21.619 3.577-24.426 14.26s3.578 21.619 14.26 24.426c30.083 7.657 65.303 7.646 65.583 7.643 77.44-.304 139.777-23.947 181.111-39.634 6.95-2.639 16.336-1.823 20.515 6.202l.183.351c3.752 7.208.99 16.179-6.158 19.998-47.298 25.268-107.339 51.098-194.038 51.098-76.199 0-146.387-29.405-191.849-54.072-19.994-10.849-36.906-13.928-48.264-13.928-10 0-15.147 1.693-15.147 1.693-8.547 2.274-14.853 10.044-14.853 19.307 0 11.046 8.954 20 20 20 1.783 0 6.314-.867 9-.857 5.584.022 16.185 1.345 30.187 8.943 49.533 26.876 126.335 58.914 210.925 58.914 95.524 0 161.22-28.216 212.886-55.817 26.396-14.103 36.62-47.187 22.793-73.747z"/></g></svg>'},actions:[{mode:"eleclick",selector:"button"}]}},mounted:function(){this.$alert=Xp},methods:{receiveCloseEvent:function(){var n=this;n.WAlert.number+=1;var e=n.WAlert.number;n.$alert(n.WAlert.textCallAtEnd+" ["+e+"]").then((function(){n.$alert("Call function ["+e+"] at the end")}))}}};var Rp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"default"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.textSuccess)}}},[n._v("Success")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"type infor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.textInfor,{type:"infor"})}}},[n._v("Infor")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"type warning"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.textWarning,{type:"warning"})}}},[n._v("Warning")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"type error"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.textError,{type:"error"})}}},[n._v("Error")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"position"}}),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{position:"bottom-right"})}}},[n._v("bottom-right")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{position:"top-left"})}}},[n._v("top-left")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{position:"bottom-left"})}}},[n._v("bottom-left")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"time (6s)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{time:6e3})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"textColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{textColor:"#f52"})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"backgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.$alert(n.WAlert.text,{backgroundColor:"linear-gradient(135deg,rgba(155,255,120,0.4),#fff)"})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"borderWidth"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{borderWidth:15})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"borderColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{borderColor:"#9f5"})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"borderRadius"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{borderRadius:0})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"shadowStyle"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.$alert(n.WAlert.text,{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 1px 5px 0px rgba(0, 0, 0, 0.07)"})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"icon"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){return n.$alert(n.WAlert.text,{icon:n.WAlert.icon})}}},[n._v("Show")])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-alert",casename:"recive closed event by promise"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.receiveCloseEvent}},[n._v("Show")])],1)])])};Rp._withStripped=!0;const Lp=Fr({render:Rp,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-alert")])])}]},(function(n){n&&n("data-v-a1decd84_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWAlert.vue"},media:void 0})}),Gp,"data-v-a1decd84",false,undefined,!1,Dr,void 0,void 0);var Fp=function(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(!e(n[t],t,n))return!1;return!0};var Kp=function(n,e){var t=!0;return ht(n,(function(n,o,r){return t=!!e(n,o,r)})),t};var Yp=function(n,e,t){var o=A(n)?Fp:Kp;return t&&wt(n,e,t)&&(e=void 0),o(n,nr(e))};var Dp=function(n,e){for(var t=-1,o=e.length,r=Array(o),i=null==n;++t<o;)r[t]=i?void 0:ie(n,e[t]);return r};var zp=function(n,e){return e.length<2?n:re(n,xt(e,0,-1))};var Ep=function(n,e){return e=te(e,n),null==(n=zp(n,e))||delete n[oe(qs(e))]},Np=Array.prototype.splice;var Jp=function(n,e){for(var t=n?e.length:0,o=t-1;t--;){var r=e[t];if(t==o||r!==i){var i=r;Ue(r)?Np.call(n,r,1):Ep(n,r)}}return n};var $p=function(n){return(null==n?0:n.length)?za(n,1):[]};var Op=function(n){return el(Qa(n,void 0,$p),n+"")}((function(n,e){var t=null==n?0:n.length,o=Dp(n,e);return Jp(n,Qn(e,(function(n){return Ue(n,t)?+n:n})).sort(Na)),o}));function Mp(n){var e=ie(n,"clientX",null),t=ie(n,"clientY",null),o=ie(n,"pageX",null),r=ie(n,"pageY",null);if(null!==e&&null!==t&&null!==o&&null!==r)return{clientX:e,clientY:t,pageX:o,pageY:r};var i=ie(n,"changedTouches",[]);if(1!==jr(i))return null;var a=i[0];return{clientX:ie(a,"clientX",null),clientY:ie(a,"clientY",null),pageX:ie(a,"pageX",null),pageY:ie(a,"pageY",null)}}function Qp(n,e){if(!Jl(n))return null;if(!ir(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Up(n){if(!Jl(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function qp(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function nm(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?qp(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):qp(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var em={};function tm(n,e,t){var o=t.attIdentify,r=t.previewOpacity,i=t.previewBackground,a=t.previewBorderWidth,l=t.previewBorderColor;if(!dl(em,n)){var s=yi(),c=function(n){var e=[];function t(){var t;t="mousemove";var o=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),t="mouseup";var r=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="touchmove";var i=function(e){n.dragMove({e:e,name:"touchmove"})};window.addEventListener(t,i),e.push({ele:window,name:t,f:i}),t="touchend";var a=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,a),e.push({ele:window,name:t,f:a})}function o(){yt(e,(function(n){var e=n.ele,t=n.name,o=n.f;e.removeEventListener(t,o)}))}return{bind:t,unbind:o}}({dragMove:function(e){s.emit(n+"-dragMove",e)},dragDrop:function(e){s.emit(n+"-dragDrop",e)}});c.bind();var d=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,o=null,r=null,i=null,a=null,l=!1,s=ie(n,"attIdentify",null);ir(s)||(s="dragprevid");var c=ie(n,"containerOpacity",null);Rl(c)||(c=.4);var d=ie(n,"containerBackground",null);ir(d)||(d="white");var u=ie(n,"containerBorderWidth",null);Rl(u)||(u=1);var p=ie(n,"containerBorderColor",null);ir(p)||(p="#f26");var m="c".concat(Wi(8));function g(n,e,o){var r=Up(n);if(!r)return null;t=n;var i=n.cloneNode(!0);return i.tShiftX=e-r.left,i.tShiftY=o-r.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(s,""),i}function v(n,l,v){!function(){var t=g(n,l,v);if(null!==t){var s=document.createElement("div");s.style.position="absolute",s.style.zIndex=1,s.style.top=0,s.style.left=0,s.style.width="100%",s.style.height="100%",s.appendChild(t);var f=document.createElement("div");f.style.position="relative",f.appendChild(s);var b=document.createElement("div");b.setAttribute(e,m),b.style.position="fixed",b.style.zIndex=1e5,b.style.width="".concat(t.tWidth+2*u,"px"),b.style.height="".concat(t.tHeight+2*u,"px"),b.style.opacity=c,b.style.background=d,b.style.border="".concat(u,"px solid ").concat(p),b.style.pointerEvents="none",b.appendChild(f),t.tParent.appendChild(b),o=t,r=s,i=f,a=b,h(l,v)}}();var f=setInterval((function(){var n=Qp(t,s);document.querySelector("[".concat(s,"='").concat(n,"']"))||(clearInterval(f),b())}),500)}function h(n,e,t){o&&r&&i&&a&&!l&&(a.style.top="".concat(e-o.tShiftY,"px"),a.style.left="".concat(n-o.tShiftX,"px"))}function f(n){l=n}function b(){$l("[".concat(e,"='").concat(m,"']")),o=null,r=null,i=null,a=null}var y=function(n){h(n.clientX,n.clientY)};window.addEventListener("mousemove",y);var x=function(n){var e=Mp(n);e&&h(e.clientX,e.clientY)};function k(n){try{yt(n,(function(n,e){o.style[e]=n}))}catch(n){}}function C(n){try{yt(n,(function(n,e){r.style[e]=n}))}catch(n){}}function S(n){try{yt(n,(function(n,e){i.style[e]=n}))}catch(n){}}function w(n){try{yt(n,(function(n,e){a.style[e]=n}))}catch(n){}}function W(){window.removeEventListener("mousemove",y),window.removeEventListener("touchmove",x)}return window.addEventListener("touchmove",x),{createPreview:v,updateDragPreview:h,pauseDragPreview:f,removeDragPreview:b,setNodeStyle:k,setCoverStyle:C,setSellStyle:S,setContainerStyle:w,clear:W}}({attIdentify:o,containerOpacity:r,containerBackground:i,containerBorderWidth:a,containerBorderColor:l});em[n]={eleIds:[],evg:s,oevg:c,pv:d,isInit:!1,isActive:!0}}return em[n].eleIds.push(e),em[n].evg}function om(n,e,t){var o=null;return yt(n.path,(function(n){if(Qp(n,e)===t)return o=n,!1})),o}function rm(n,e){var t=Qp(n,e);return t=hi(t)}function im(n,e,t,o){var r=[];return{bind:function(){var t;t="mousedown";var o=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,o,!1),r.push({ele:n,name:t,f:o}),t="touchstart";var i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),r.push({ele:n,name:t,f:i}),t="touchmove";var a=function(n){n.cancelable&&n.preventDefault()};n.addEventListener(t,a,!1),r.push({ele:n,name:t,f:a})},unbind:function(){yt(r,(function(n){var e=n.ele,t=n.name,o=n.f;e.removeEventListener(t,o)}))}}}function am(n,e){var t=em[n],o=Ba(t.eleIds);oc(o,e),t.eleIds=o,0===o.length&&(t.oevg.unbind(),t.pv.clear(),delete em[n])}function lm(n){var e=n.gid,t=n.attGroup,o=n.attIndex,r=n.attIdentify,i=n.timeDragStartDelay,a=n.previewOpacity,l=n.previewDisabledOpacity,s=null,c=null,d=null,u=null;if(em[e].isInit)return em[e].evg;em[e].isInit=!0;var p=em[e].evg;p.on(e+"-dragStart",(function(n){var t=n.e,a=n.ele;if(n.from,!em[e].isActive)return;var d=rm(a,o);if(null===d)return;var u={event:t,startInd:s=d,startEle:c=a,tarInd:s,tarEid:Qp(c,r)};p.emit(e+"-change",nm({mode:"start"},u)),p.emit(e+"-start",u);var g=Mp(t);if(!g)return;setTimeout((function(){null!==s&&(m.createPreview(c,g.clientX,g.clientY),m.setContainerStyle({opacity:l}))}),i)})),p.on(e+"-dragMove",(function(n){var i=n.e;if(n.name,n.from,!em[e].isActive)return;var g=om(i,t,e);if(null===s)return;var v=Mp(i);if(!v)return;function h(){var n={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:Qp(u,r)};p.emit(e+"-change",nm({mode:"leave"},n)),p.emit(e+"-leave",n),d=null,u=null,m.setContainerStyle({opacity:l})}if(!g)return void(null!==d&&h());var f=rm(g,o);if(null===f)return;if(f===s)return void(null!==d&&h());if(f!==d)null!==d&&h(),k={event:i,startInd:s,startEle:c,endInd:d=f,endEle:u=g,tarInd:d,tarEid:Qp(u,r)},p.emit(e+"-change",nm({mode:"enter"},k)),p.emit(e+"-enter",k),m.setContainerStyle({opacity:a});else{var b=function(n,e){if(!il(n))return null;if(!Rl(n.clientX)||!Rl(n.clientY))return null;if(!Jl(e))return null;var t=Up(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(v,g),y=0;b.w>0&&(y=b.x/b.w);var x=0;b.h>0&&(x=b.y/b.h),y>=0&&y<=1&&x>=0&&x<=1&&function(n,t,o){var l=nm(nm({event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:Qp(u,r)},n),{},{rx:t,ry:o});p.emit(e+"-change",nm({mode:"move"},l)),p.emit(e+"-move",l),m.setContainerStyle({opacity:a})}(b,y,x)}var k})),p.on(e+"-dragDrop",(function(n){var i=n.e;if(n.name,n.from,m.removeDragPreview(),!em[e].isActive)return;if(null===s)return;var a=om(i,t,e);if(!a)return s=null,c=null,d=null,void(u=null);var l=rm(a,o);if(null===l)return;g=l,v=a,h={event:i,startInd:s,startEle:c,endInd:d=g,endEle:u=v,tarInd:d,tarEid:Qp(u,r)},p.emit(e+"-change",nm({mode:"drop"},h)),p.emit(e+"-drop",h),s=null,c=null,d=null,u=null;var g,v,h}));var m=em[e].pv}function sm(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function cm(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?sm(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):sm(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function dm(){var n={};function e(n,e,t){var o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}function t(t,o,r){var i=t.getAttribute("ev-dragdrop"),a=ie(o,"value");if(a=il(a)){var l=ie(o,"value.group");if(!ir(l))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");var s=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Jl(n)){var t=ie(e,"attIdentify",null);ir(t)||(t="dragid");var o=ie(e,"attIndex",null);ir(o)||(o="dragindex");var r=ie(e,"attGroup",null);ir(r)||(r="draggroup");var i=ie(e,"group",null);ir(i)||(i="group");var a=ie(e,"previewOpacity",null);Rl(a)||(a=.4);var l=ie(e,"previewDisabledOpacity",null);Rl(l)||(l=.2);var s=ie(e,"previewBackground",null);ir(s)||(s="white");var c=ie(e,"previewBorderWidth",null);Rl(c)||(c=1);var d=ie(e,"previewBorderColor",null);ir(d)||(d="#f26");var u=ie(e,"timeDragStartDelay",null);Rl(u)||(u=120);var p="c".concat(Wi(8)),m=i;n.setAttribute(r,m),n.setAttribute(t,p);var g=tm(m,p,{attIdentify:t,previewOpacity:a,previewBackground:s,previewBorderWidth:c,previewBorderColor:d}),v=im(n,{dragStart:function(n){g.emit(m+"-dragStart",n)}});v.bind(),lm({gid:m,attGroup:r,attIndex:o,attIdentify:t,timeDragStartDelay:u,previewOpacity:a,previewDisabledOpacity:l});var h=yi();return g.on(i+"-change",(function(n){n.tarEid===p&&h.emit("change",n)})),g.on(i+"-start",(function(n){n.tarEid===p&&h.emit("start",n)})),g.on(i+"-move",(function(n){n.tarEid===p&&h.emit("move",n)})),g.on(i+"-enter",(function(n){n.tarEid===p&&h.emit("enter",n)})),g.on(i+"-leave",(function(n){n.tarEid===p&&h.emit("leave",n)})),g.on(i+"-drop",(function(n){n.tarEid===p&&h.emit("drop",n)})),h.setIsActive=b,h.unbind=f,h}function f(){v.unbind(),am(m,p)}function b(n){em[m].isActive=n}console.log("ele is not HTMLElement",n)}(t,{group:l,attIdentify:ie(o,"value.attIdentify"),attGroup:ie(o,"value.attGroup"),attIndex:ie(o,"value.attIndex"),previewOpacity:ie(o,"value.previewOpacity"),previewDisabledOpacity:ie(o,"value.previewDisabledOpacity"),previewBackground:ie(o,"value.previewBackground"),previewBorderWidth:ie(o,"value.previewBorderWidth"),previewBorderColor:ie(o,"value.previewBorderColor"),timeDragStartDelay:ie(o,"value.timeDragStartDelay")});s.on("start",(function(n){e(r,"domdragdrop",cm({evName:"start"},n))})),s.on("move",(function(n){e(r,"domdragdrop",cm({evName:"move"},n))})),s.on("enter",(function(n){e(r,"domdragdrop",cm({evName:"enter"},n))})),s.on("leave",(function(n){e(r,"domdragdrop",cm({evName:"leave"},n))})),s.on("drop",(function(n){e(r,"domdragdrop",cm({evName:"drop"},n))})),n[i]=s}}function o(e){var t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,o){var r="r".concat(Wi());n.setAttribute("ev-dragdrop",r),t(n,e,o)},update:function(n,e,r){o(n),t(n,e,r)},unbind:function(n){o(n),n.setAttribute("ev-dragdrop",null)}}}function um(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function pm(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?um(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):um(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const mm={directives:{domdragdrop:dm()},components:{WButtonChip:is,WTextSuggest:Od},props:{value:{type:Array,default:function(){return[]}},useActive:{type:Boolean,default:!1},valueActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},useColorsFromItem:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:function(){return{top:10,bottom:10,left:0,right:10}}},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:function(){return{v:3,h:15}}},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},suggests:{type:Array,default:function(){return[]}},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},inputTextWidth:{type:Number,default:150},inputTextColor:{type:String,default:"black"},inputTextBackgroundColor:{type:String,default:"white"},inputTextBackgroundColorHover:{type:String,default:"white"},inputTextBackgroundColorFocus:{type:String,default:"grey lighten-5"},inputTextBorderColor:{type:String,default:"grey lighten-1"},inputTextBorderColorHover:{type:String,default:"grey"},inputTextBorderColorFocus:{type:String,default:"grey"},inputTextButtonColor:{type:String,default:"grey lighten-1"},inputTextButtonColorHover:{type:String,default:"grey"},inputTextButtonColorFocus:{type:String,default:"grey"},inputTextButtonTooltip:{type:String,default:"Add"},inputExpansionIconColor:{type:String,default:"grey"},suggectItemTextColor:{type:String,default:"grey darken-3"},suggectItemTextColorHover:{type:String,default:"light-blue darken-2"},suggectItemFontSize:{type:String,default:"0.8rem"},suggectItemBackgroundColor:{type:String,default:"white"},suggectItemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},addButtonText:{type:String,default:"Add"},addButtonTextColor:{type:String,default:"black"},addButtonTextColorHover:{type:String,default:"black"},addButtonIconColor:{type:String,default:"pink darken-1"},addButtonIconColorHover:{type:String,default:"pink darken-1"},addButtonBackgroundColor:{type:String,default:"white"},addButtonBackgroundColorHover:{type:String,default:"white"},addButtonTooltip:{type:String,default:"Add"},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},nodata:{type:String,default:"empty"}},data:function(){return{get:ie,o2j:Td,mdiPlusCircle:W,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userinput:""}},computed:{changeValue:function(){var n=this;return n.itemsTrans=Ba(n.value),n.itemActiveTrans=Ba(n.valueActive),""},isObjValue:function(){return 0!==jr(this.itemsTrans)&&Yp(this.itemsTrans,(function(n){return ja(n)}))},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){var n=Ll(this.marginStyle);return"margin:".concat(n,";")}},methods:{getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(Wi())),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){var t=null;return this.isObjValue&&(t=ie(n,e,null)),t||(t=ie(this,e,null)),t},isActive:function(n){return!!this.useActive&&Yi(this.itemActiveTrans,n)},dragdrop:function(n){var e=this;if("drop"===n.evName){var t=n.startInd,o=n.endInd;if(t===o)return;var r=Ba(e.itemsTrans);if(t>o){var i=Op(r,t)[0];r.splice(o,0,i)}else{var a=Ba(r[t]);r.splice(o+1,0,a),Op(r,t)}e.$nextTick((function(){e.$emit("input",r)}))}},clickChip:function(n,e,t){var o=this;o.$nextTick((function(){o.useActive&&o.$emit("update:valueActive",e);var r=pm(pm({},n),{},{item:e,kitem:t});o.$emit("click",r)}))},clickAddBtn:function(){var n=this;if(""!==hr(n.userinput)){var e=br(n.itemsTrans,(function(e){return Yi(e,n.userinput)}));jr(e)>=1?n.$nextTick((function(){n.$emit("error","disable duplicate values"),n.userinput=""})):n.$nextTick((function(){n.itemsTrans.push(hr(n.userinput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userinput),n.userinput=""}))}},pull:function(n,e){var t=[];return yt(n,(function(n,o){o!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){var t=this;t.enableCloseEventOnly?t.$nextTick((function(){var o={item:n,kitem:e};t.$emit("click-close",o)})):t.$nextTick((function(){if(t.closeWithInterceptor){var o=Ka(),r={item:n,kitem:e,pm:o};t.$emit("click-close",r),o.then((function(){t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);var o=t.pull(t.itemsTrans,e);t.$emit("input",o)})).catch((function(n){}))}else{var i={item:n,kitem:e};t.$emit("click-close",i),t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);var a=t.pull(t.itemsTrans,e);t.$emit("input",a)}}))}}};var gm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,o){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:o,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,o)},"click-close":function(t){return n.clickRemoveBtn(e,o)}}},[n._t("items",null,{item:e,kitem:o,active:n.isActive(e)})],2)],1)]}))],2),n._v(" "),0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("items",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",[n.isObjValue?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.mdiPlusCircle,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{textColor:n.inputTextColor,expansionIconColor:n.inputExpansionIconColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.mdiPlusCircle,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},model:{value:n.userinput,callback:function(e){n.userinput=e},expression:"userinput"}})]])],2):n._e()],2)};gm._withStripped=!0;const vm={components:{demolink:Jr,WGroupTags:Fr({render:gm,staticRenderFns:[]},(function(n){n&&n("data-v-1f8a4ba2_0",{source:"\n.WGroupTags-Trans[data-v-1f8a4ba2] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AA46BA,qCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupTags.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n\r\n                \x3c!-- 要把原生拖曳功能關閉draggable=false --\x3e\r\n                <div\r\n                    class=\"WGroupTags-Trans\"\r\n                    style=\"display:inline-block;\"\r\n                    :key=\"`${isObjValue?o2j(item):item}`\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"isDraggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :text=\"isObjValue?get(item,`${keyText}`):item\"\r\n                        :tooltip=\"isObjValue?get(item,`${keyTooltip}`):null\"\r\n                        :icon=\"isObjValue?get(item,`${keyIcon}`):icon\"\r\n                        :iconColor=\"getColor(item,'iconColor')\"\r\n                        :iconColorHover=\"getColor(item,'iconColorHover')\"\r\n                        :iconColorActive=\"getColor(item,'iconColorActive')\"\r\n                        :iconSize=\"iconSize\"\r\n                        :progColor=\"getColor(item,'progColor')\"\r\n                        :progBackgroundColor=\"getColor(item,'progBackgroundColor')\"\r\n                        :textColor=\"getColor(item,'textColor')\"\r\n                        :textColorHover=\"getColor(item,'textColorHover')\"\r\n                        :textColorActive=\"getColor(item,'textColorActive')\"\r\n                        :textFontSize=\"textFontSize\"\r\n                        :borderRadius=\"borderRadius\"\r\n                        :borderColor=\"getColor(item,'borderColor')\"\r\n                        :borderColorHover=\"getColor(item,'borderColorHover')\"\r\n                        :borderColorActive=\"getColor(item,'borderColorActive')\"\r\n                        :backgroundColor=\"getColor(item,'backgroundColor')\"\r\n                        :backgroundColorHover=\"getColor(item,'backgroundColorHover')\"\r\n                        :backgroundColorActive=\"getColor(item,'backgroundColorActive')\"\r\n                        :shadow=\"shadow\"\r\n                        :shadowStyle=\"shadowStyle\"\r\n                        :shadowActive=\"shadowActive\"\r\n                        :shadowActiveStyle=\"shadowActiveStyle\"\r\n                        :paddingStyle=\"paddingStyle\"\r\n                        :shiftLeft=\"shiftLeft\"\r\n                        :shiftRight=\"shiftRight\"\r\n                        :active=\"isActive(item)\"\r\n                        :close=\"editable && editableClose\"\r\n                        :editable=\"editable\"\r\n                        @click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                        @click-close=\"clickRemoveBtn(item,kitem)\"\r\n                    >\r\n                        <slot\r\n                            name=\"items\"\r\n                            :item=\"item\"\r\n                            :kitem=\"kitem\"\r\n                            :active=\"isActive(item)\"\r\n                        ></slot>\r\n                    </WButtonChip>\r\n                </div>\r\n\r\n            </template>\r\n        </transition-group>\r\n\r\n        <template v-if=\"itemsTrans.length===0\">\r\n\r\n            <WButtonChip\r\n                :style=\"`${useMarginStyle}`\"\r\n                _key=\"\"\r\n                :text=\"nodata\"\r\n                :tooltip=\"nodata\"\r\n                :icon=\"icon\"\r\n                :iconColor=\"iconColor\"\r\n                :iconColorHover=\"iconColorHover\"\r\n                :iconColorActive=\"iconColorActive\"\r\n                :iconSize=\"iconSize\"\r\n                :textColor=\"textColor\"\r\n                :textColorHover=\"textColorHover\"\r\n                :textColorActive=\"textColorActive\"\r\n                :textFontSize=\"textFontSize\"\r\n                :borderRadius=\"borderRadius\"\r\n                :borderColor=\"borderColor\"\r\n                :borderColorHover=\"borderColorHover\"\r\n                :borderColorActive=\"borderColorActive\"\r\n                :backgroundColor=\"backgroundColor\"\r\n                :backgroundColorHover=\"backgroundColorHover\"\r\n                :backgroundColorActive=\"backgroundColorActive\"\r\n                :shadow=\"shadow\"\r\n                :shadowStyle=\"shadowStyle\"\r\n                :shadowActive=\"shadowActive\"\r\n                :shadowActiveStyle=\"shadowActiveStyle\"\r\n                :paddingStyle=\"paddingStyle\"\r\n                :shiftLeft=\"shiftLeft\"\r\n                :shiftRight=\"shiftRight\"\r\n                _close=\"editable && editableClose\"\r\n                :editable=\"true\"\r\n                _click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                _click-close=\"clickRemoveBtn(item,kitem)\"\r\n            >\r\n                <slot\r\n                    name=\"items\"\r\n                    :item=\"null\"\r\n                    :kitem=\"null\"\r\n                    :active=\"false\"\r\n                ></slot>\r\n            </WButtonChip>\r\n\r\n        </template>\r\n\r\n        <div :style=\"`display:inline-block; vertical-align:middle;`\" v-if=\"editable && editableInput\">\r\n            <slot name=\"input\">\r\n\r\n                <template v-if=\"isObjValue\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"mdiPlusCircle\"\r\n                        :iconColor=\"addButtonIconColor\"\r\n                        :iconColorHover=\"addButtonIconColorHover\"\r\n                        :text=\"addButtonText\"\r\n                        :textColor=\"addButtonTextColor\"\r\n                        :textColorHover=\"addButtonTextColorHover\"\r\n                        :backgroundColor=\"addButtonBackgroundColor\"\r\n                        :backgroundColorHover=\"addButtonBackgroundColorHover\"\r\n                        :tooltip=\"addButtonTooltip\"\r\n                        @click=\"clickAddBtn\"\r\n                    ></WButtonChip>\r\n                </template>\r\n\r\n                <template v-else>\r\n                    <WTextSuggest\r\n                        :style=\"`${useMarginStyle} width:${inputTextWidth}px;`\"\r\n                        :textColor=\"inputTextColor\"\r\n                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :itemTextColor=\"suggectItemTextColor\"\r\n                        :itemTextColorHover=\"suggectItemTextColorHover\"\r\n                        :itemFontSize=\"suggectItemFontSize\"\r\n                        :itemBackgroundColor=\"suggectItemBackgroundColor\"\r\n                        :itemBackgroundColorHover=\"suggectItemBackgroundColorHover\"\r\n                        :shadow=\"false\"\r\n                        :borderColor=\"inputTextBorderColor\"\r\n                        :borderColorHover=\"inputTextBorderColorHover\"\r\n                        :borderColorFocus=\"inputTextBorderColorFocus\"\r\n                        :backgroundColor=\"inputTextBackgroundColor\"\r\n                        :backgroundColorHover=\"inputTextBackgroundColorHover\"\r\n                        :backgroundColorFocus=\"inputTextBackgroundColorFocus\"\r\n                        :showExpansionIcon=\"false\"\r\n                        :rightIcon=\"mdiPlusCircle\"\r\n                        :rightIconColor=\"inputTextButtonColor\"\r\n                        :rightIconColorHover=\"inputTextButtonColorHover\"\r\n                        :rightIconColorFocus=\"inputTextButtonColorFocus\"\r\n                        :rightIconTooltip=\"inputTextButtonTooltip\"\r\n                        :items=\"suggests\"\r\n                        :placeholder=\"placeholder\"\r\n                        :noResultsText=\"noResultsText\"\r\n                        v-model=\"userinput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    ></WTextSuggest>\r\n                </template>\r\n\r\n            </slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlusCircle } from '@mdi/js'\r\nimport get from 'lodash/get'\r\nimport each from 'lodash/each'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport trim from 'lodash/trim'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport filter from 'lodash/filter'\r\nimport isEqual from 'lodash/isEqual'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WTextSuggest from './WTextSuggest.vue'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態，預設false\r\n * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null\r\n * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'\r\n * @vue-prop {String} [keyTooltip='tooltip'] 輸入項目為物件時，存放提示之欄位字串，預設'tooltip'\r\n * @vue-prop {Boolean} [useColorsFromItem=false] 輸入當項目為物件時，是否使用其內相關顏色設定用以覆蓋預設值，預設false\r\n * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''\r\n * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'\r\n * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [progColor='rgba(150,150,150,0.4)'] 輸入進度條背景顏色字串，預設'rgba(150,150,150,0.4)'\r\n * @vue-prop {String} [progBackgroundColor='rgba(150,150,150,0.075)'] 輸入進度條顏色字串，預設'rgba(150,150,150,0.075)'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorActive='transparent'] 輸入主動模式時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.25)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'\r\n * @vue-prop {String} [backgroundColorActive='orange'] 輸入主動模式時背景顏色字串，預設'orange'\r\n * @vue-prop {Object} [marginStyle={top:10,bottom:10,left:0,right:10}] 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影，預設true\r\n * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props\r\n * @vue-prop {Object} [paddingStyle={v:3,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}\r\n * @vue-prop {Number} [shiftLeft=0] 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0\r\n * @vue-prop {Number} [shiftRight=0] 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0\r\n * @vue-prop {Array} [suggests=[]] 輸入可選(建議)項目陣列，預設[]\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputTextColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [inputTextBackgroundColor='white'] 輸入輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorHover='white'] 輸入滑鼠移入時輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorFocus='grey lighten-5'] 輸入取得焦點時輸入框背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [inputTextBorderColor='grey lighten-1'] 輸入輸入框邊框顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextBorderColorHover='grey'] 輸入滑鼠移入時輸入框邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextBorderColorFocus='grey'] 輸入取得焦點時輸入框文字邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColor='grey lighten-1'] 輸入輸入框按鈕顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextButtonColorHover='grey'] 輸入滑鼠移入時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColorFocus='grey'] 輸入取得焦點時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonTooltip='Add'] 輸入輸入框右側按鈕提示文字字串，預設'Add'\r\n * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'\r\n * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'\r\n * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'\r\n * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'\r\n * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'\r\n * @vue-prop {String} [addButtonTextColor='black'] 輸入新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonTextColorHover='black'] 輸入滑鼠移入時新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonIconColor='pink darken-1'] 輸入新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonIconColorHover='pink darken-1'] 輸入滑鼠移入時新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true\r\n * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時，是否顯示關閉按鈕，預設true\r\n * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時，是否使用預設的slot input，預設true\r\n * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false\r\n * @vue-prop {String} [nodata='無'] 輸入無任何字串陣列時的預設文字字串，預設'無'\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    components: {\r\n        WButtonChip,\r\n        WTextSuggest,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        useActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        valueActive: {\r\n            type: [String, Object],\r\n            default: null,\r\n        },\r\n        keyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        keyIcon: {\r\n            type: String,\r\n            default: 'icon',\r\n        },\r\n        keyTooltip: {\r\n            type: String,\r\n            default: 'tooltip',\r\n        },\r\n        useColorsFromItem: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.4)',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.075)',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.25)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange',\r\n        },\r\n        marginStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    top: 10,\r\n                    bottom: 10,\r\n                    left: 0,\r\n                    right: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            //default: false,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            // default: '0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}',\r\n            //使用黑色短陰影比較符合chip(tag)形象\r\n            default: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\r\n        },\r\n        shadowActive: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowActiveStyle: {\r\n            type: String,\r\n            default: '0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 3,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        shiftLeft: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        shiftRight: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        suggests: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        placeholder: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        noResultsText: {\r\n            type: String,\r\n            default: 'No results',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        inputTextBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorFocus: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        inputTextBorderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextBorderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextBorderColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextButtonColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        inputExpansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        suggectItemTextColor: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        suggectItemTextColorHover: {\r\n            type: String,\r\n            default: 'light-blue darken-2',\r\n        },\r\n        suggectItemFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        suggectItemBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        suggectItemBackgroundColorHover: {\r\n            type: String,\r\n            default: 'light-blue lighten-5',\r\n        },\r\n        addButtonText: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addButtonTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonTextColorHover: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonIconColor: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonIconColorHover: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableClose: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableInput: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        enableCloseEventOnly: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        nodata: {\r\n            type: String,\r\n            default: 'empty',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n            o2j,\r\n\r\n            mdiPlusCircle,\r\n\r\n            dgGroupKey: null,\r\n\r\n            itemsTrans: [],\r\n            itemActiveTrans: null,\r\n            userinput: '',\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.itemsTrans = cloneDeep(vo.value)\r\n            vo.itemActiveTrans = cloneDeep(vo.valueActive)\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n        isDraggable: function() {\r\n            //console.log('computed isDraggable')\r\n\r\n            let vo = this\r\n\r\n            return vo.draggable && vo.editable\r\n        },\r\n\r\n        useMarginStyle: function() {\r\n            //console.log('computed useMarginStyle')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.marginStyle)\r\n\r\n            //margin\r\n            let margin = `margin:${cs};`\r\n\r\n            return margin\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        getColor: function(item, keyColor) {\r\n            //console.log('methods getColor', item, keyColor)\r\n\r\n            let vo = this\r\n\r\n            //c\r\n            let c = null\r\n            if (vo.isObjValue) {\r\n                c = get(item, keyColor, null)\r\n            }\r\n            if (!c) {\r\n                c = get(vo, keyColor, null)\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        isActive: function(item) {\r\n            //console.log('methods isActive', item)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useActive) {\r\n                return false\r\n            }\r\n\r\n            return isEqual(vo.itemActiveTrans, item)\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        clickChip: function(msgTemp, item, kitem) {\r\n            //console.log('methods clickChip', msgTemp, item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //useActive\r\n                if (vo.useActive) {\r\n\r\n                    //emit\r\n                    vo.$emit('update:valueActive', item)\r\n\r\n                }\r\n\r\n                //msg\r\n                let msg = {\r\n                    ...msgTemp,\r\n                    item,\r\n                    kitem,\r\n                }\r\n\r\n                //emit\r\n                vo.$emit('click', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickAddBtn: function () {\r\n            //console.log('methods clickAddBtn')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (trim(vo.userinput) === '') {\r\n                return\r\n            }\r\n\r\n            //check\r\n            let r = filter(vo.itemsTrans, (v) => {\r\n                return isEqual(v, vo.userinput)\r\n            })\r\n            if (size(r) >= 1) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('error', 'disable duplicate values')\r\n\r\n                    //clear\r\n                    vo.userinput = ''\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //push\r\n                vo.itemsTrans.push(trim(vo.userinput))\r\n\r\n                //emit\r\n                vo.$emit('input', vo.itemsTrans)\r\n\r\n                //emit\r\n                vo.$emit('click-add', vo.userinput)\r\n\r\n                //clear\r\n                vo.userinput = ''\r\n\r\n            })\r\n\r\n        },\r\n\r\n        pull: function(ar, kitem) {\r\n            let art = []\r\n            each(ar, (v, k) => {\r\n                if (k !== kitem) {\r\n                    art.push(v)\r\n                }\r\n            })\r\n            return art\r\n        },\r\n\r\n        clickRemoveBtn: function (item, kitem) {\r\n            //console.log('methods clickRemoveBtnPromise', item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.enableCloseEventOnly) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //closeWithInterceptor\r\n                if (vo.closeWithInterceptor) {\r\n\r\n                    //pm\r\n                    let pm = genPm()\r\n\r\n                    //msg, 給予pm使能於外部中止關閉事件\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                        pm,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //pm\r\n                    pm\r\n                        .then(() => { //確認關閉\r\n                            //console.log('pm then')\r\n\r\n                            //useActive and isActive\r\n                            if (vo.useActive && vo.isActive(item)) {\r\n\r\n                                //emit\r\n                                vo.$emit('update:valueActive', null)\r\n\r\n                            }\r\n\r\n                            //itemsNew\r\n                            let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                            //emit\r\n                            vo.$emit('input', itemsNew)\r\n\r\n                        })\r\n                        .catch((msg) => { //取消關閉\r\n                            //console.log('pm catch', msg)\r\n                        })\r\n\r\n                }\r\n                else {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //useActive and isActive\r\n                    if (vo.useActive && vo.isActive(item)) {\r\n\r\n                        //emit\r\n                        vo.$emit('update:valueActive', null)\r\n\r\n                    }\r\n\r\n                    //itemsNew\r\n                    let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupTags-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),mm,"data-v-1f8a4ba2",false,undefined,!1,Dr,void 0,void 0),WButtonChip:is},props:{},data:function(){return{mdiEmailVariant:"M12,13L2,6.76V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V6.75L12,13M22,18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V9.11L4,10.36V18H20V10.36L22,9.11V18Z",mdiChartBubble:"M7.2,11.2C8.97,11.2 10.4,12.63 10.4,14.4C10.4,16.17 8.97,17.6 7.2,17.6C5.43,17.6 4,16.17 4,14.4C4,12.63 5.43,11.2 7.2,11.2M14.8,16A2,2 0 0,1 16.8,18A2,2 0 0,1 14.8,20A2,2 0 0,1 12.8,18A2,2 0 0,1 14.8,16M15.2,4A4.8,4.8 0 0,1 20,8.8C20,11.45 17.85,13.6 15.2,13.6A4.8,4.8 0 0,1 10.4,8.8C10.4,6.15 12.55,4 15.2,4Z",mdiCodepen:f,mdiPlusCircle:W,WGroupTags:{strings:["Dashboard","Schedule","Profile","History","Map","聯絡方式"],stringActive:"Dashboard",objects:[{id:"id-Dashboard",text:"Dashboard"},{id:"id-Schedule",text:"Schedule"},{id:"id-Profile",text:"Profile"},{id:"id-History",text:"History"},{id:"id-Map",text:"Map"},{id:"id-contact",text:"聯絡方式"}],objectsText:[{id:"id-Dashboard",value:"cmDashboard"},{id:"id-Schedule",value:"cmSchedule"},{id:"id-Profile",value:"cmProfile"},{id:"id-History",value:"cmHistory"},{id:"id-Map",value:"cmMap"},{id:"id-contact",value:"cm聯絡方式"}],objectsIcon:[{id:"id-Dashboard",text:"Dashboard",icon:"fab fa-accessible-icon"},{id:"id-Schedule",text:"Schedule",icon:"fab fa-asymmetrik"},{id:"id-Profile",text:"Profile",icon:"fas fa-baby"},{id:"id-History",text:"History",icon:"fas fa-balance-scale"},{id:"id-Map",text:"Map",icon:"fas fa-blender"},{id:"id-contact",text:"聯絡方式",icon:"fas fa-hands-helping"}],objectsTooltip:[{id:"id-Dashboard",text:"Dashboard",tooltip:"Dashboard for tooltip"},{id:"id-Schedule",text:"Schedule",tooltip:"Schedule for tooltip"},{id:"id-Profile",text:"Profile",tooltip:"Profile for tooltip"},{id:"id-History",text:"History",tooltip:"History for tooltip"},{id:"id-Map",text:"Map",tooltip:"Map for tooltip"},{id:"id-contact",text:"聯絡方式",tooltip:"聯絡方式 for tooltip"}],objectsSlotText:[{id:"id-Dashboard",text:"Dashboard",slotTextKind:"Efficacy",slotTextLevel:"High"},{id:"id-Schedule",text:"Schedule",slotTextKind:"Efficacy",slotTextLevel:"Slow"},{id:"id-Profile",text:"Profile",slotTextKind:"Basic",slotTextLevel:"None"},{id:"id-History",text:"History",slotTextKind:"Basic",slotTextLevel:"None"},{id:"id-Map",text:"Map",slotTextKind:"Efficacy",slotTextLevel:"High"},{id:"id-contact",text:"聯絡方式",slotTextKind:"Basic",slotTextLevel:"None"}],objectsSlotTextActive:{id:"id-Dashboard",text:"Dashboard",slotTextKind:"Efficacy",slotTextLevel:"High"},objectsColor:[{id:"id-Dashboard",text:"Dashboard",iconColor:"pink accent-3",iconColorHover:"pink accent-3",iconColorActive:"white",textColor:"pink accent-3",textColorHover:"pink accent-3",textColorActive:"white",borderColor:"pink accent-3",borderColorHover:"pink accent-3",borderColorActive:"pink accent-3",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"pink accent-3"},{id:"id-Schedule",text:"Schedule",iconColor:"pink accent-3",iconColorHover:"pink accent-3",iconColorActive:"white",textColor:"pink accent-3",textColorHover:"pink accent-3",textColorActive:"white",borderColor:"pink accent-3",borderColorHover:"pink accent-3",borderColorActive:"pink accent-3",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"pink accent-3"},{id:"id-Profile",text:"Profile",iconColor:"pink accent-3",iconColorHover:"pink accent-3",iconColorActive:"white",textColor:"pink accent-3",textColorHover:"pink accent-3",textColorActive:"white",borderColor:"pink accent-3",borderColorHover:"pink accent-3",borderColorActive:"pink accent-3",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"pink accent-3"},{id:"id-History",text:"History",iconColor:"purple darken-1",iconColorHover:"purple darken-1",iconColorActive:"white",textColor:"purple darken-1",textColorHover:"purple darken-1",textColorActive:"white",borderColor:"purple darken-1",borderColorHover:"purple darken-1",borderColorActive:"purple darken-1",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"purple darken-1"},{id:"id-Map",text:"Map",iconColor:"purple darken-1",iconColorHover:"purple darken-1",iconColorActive:"white",textColor:"purple darken-1",textColorHover:"purple darken-1",textColorActive:"white",borderColor:"purple darken-1",borderColorHover:"purple darken-1",borderColorActive:"purple darken-1",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"purple darken-1"},{id:"id-contact",text:"聯絡方式",iconColor:"purple darken-1",iconColorHover:"purple darken-1",iconColorActive:"white",textColor:"purple darken-1",textColorHover:"purple darken-1",textColorActive:"white",borderColor:"purple darken-1",borderColorHover:"purple darken-1",borderColorActive:"purple darken-1",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"purple darken-1"}],objectsColorActive:{id:"id-Dashboard",text:"Dashboard",iconColor:"pink accent-3",iconColorHover:"pink accent-3",iconColorActive:"white",textColor:"pink accent-3",textColorHover:"pink accent-3",textColorActive:"white",borderColor:"pink accent-3",borderColorHover:"pink accent-3",borderColorActive:"pink accent-3",backgroundColor:"white",backgroundColorHover:"white",backgroundColorActive:"pink accent-3"},suggests:["apple","orange","banana"],empty:[]},actions:[]}},methods:{genName:function(){for(var n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),e=n.length,t=[],o=0;o<4;o++)t[o]=n[0|Math.random()*e];return t.join("")},ckBtn:function(n){console.log("ckBtn",n)},ckBtnAddString:function(){console.log("ckBtnAddString");var n=this.genName();this.WGroupTags.strings.push(n)},ckBtnAddObj:function(){console.log("ckBtnAddObj");var n=this.genName();this.WGroupTags.objects.push({id:"id-"+n,text:n})},ckBtnAddObjText:function(){console.log("ckBtnAddObjText");var n=this.genName();this.WGroupTags.objectsText.push({id:"id-"+n,value:n})},ckBtnAddObjIcon:function(){console.log("ckBtnAddObjIcon");var n=this.genName();this.WGroupTags.objectsIcon.push({id:"id-"+n,text:n,icon:"fas fa-hands-wash"})},ckBtnAddObjTooltip:function(){console.log("ckBtnAddObjTooltip");var n=this.genName();this.WGroupTags.objectsTooltip.push({id:"id-"+n,text:n,tooltip:n+" for tooltip"})},ckBtnAddObjSlotText:function(){console.log("ckBtnAddObjSlotText");var n=this.genName();this.WGroupTags.objectsSlotText.push({id:"id-"+n,text:n,slotTextKind:"Basic",slotTextLevel:"None"})},ckBtnClose:function(n){console.log("ckBtnClose",n)},ckBtnClosePm:function(n){console.log("ckBtnClosePm",n),alert("pm.resolve() for close"),n.pm.resolve()},ckBtnItem1:function(n){console.log("ckBtnItem1",n)},ckBtnItem2:function(n){console.log("ckBtnItem2",n)},ckBtnModProg:function(n){console.log("ckBtnModProg",n),n.setProg(0);try{setTimeout((function(){var e=0,t=setInterval((function(){e+=.5,n.setProg(e),e>=100&&clearInterval(t)}),10)}),1e3)}catch(e){n.setProg(null)}},ckBtnModLoading:function(n){console.log("ckBtnModLoading",n),n.setLoading(!0),setTimeout((function(){n.setLoading(!1)}),2e3)}}};var hm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"default"}}),n._v(" "),t("w-group-tags",{model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"icon (material)"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"icon (fontawesome)"}}),n._v(" "),t("w-group-tags",{attrs:{icon:"fas fa-clipboard-check"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"shiftLeft"}}),n._v(" "),t("w-group-tags",{attrs:{icon:"fas fa-clipboard-check",shiftLeft:-3},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"marginStyle"}}),n._v(" "),t("w-group-tags",{attrs:{icon:"fas fa-clipboard-check",_marginStyle:"{v:0,h:20}",marginStyle:{top:0,right:25,bottom:0,left:0}},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"inputTextButtonTooltip"}}),n._v(" "),t("w-group-tags",{attrs:{inputTextButtonTooltip:"新增"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"inputTextWidth"}}),n._v(" "),t("w-group-tags",{attrs:{inputTextWidth:250},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"suggests"}}),n._v(" "),t("w-group-tags",{attrs:{suggests:n.WGroupTags.suggests},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"suggests & placeholder & noResultsText"}}),n._v(" "),t("w-group-tags",{attrs:{suggests:n.WGroupTags.suggests,placeholder:"請輸入關鍵字",noResultsText:"無符合項目"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"suggests & inputTextColor & inputExpansionIconColor"}}),n._v(" "),t("w-group-tags",{attrs:{suggests:n.WGroupTags.suggests,inputTextColor:"orange darken-2",inputExpansionIconColor:"orange"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"suggests & suggectItemFontSize & suggectItemTextColor & suggectItemTextColorHover & suggectItemBackgroundColor & suggectItemBackgroundColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{suggests:n.WGroupTags.suggests,suggectItemFontSize:"0.8rem",suggectItemTextColor:"orange darken-2",suggectItemTextColorHover:"white",suggectItemBackgroundColor:"white",suggectItemBackgroundColorHover:"orange darken-3"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"inputTextColor & inputTextBorderColor & inputTextBorderColorHover & inputTextBorderColorFocus & inputTextButtonColor & inputTextButtonColorHover & inputTextButtonColorHover & inputTextBackgroundColor & inputTextBackgroundColorHover & inputTextBackgroundColorFocus"}}),n._v(" "),t("w-group-tags",{attrs:{inputTextColor:"indigo darken-1",inputTextBorderColor:"indigo darken-1",inputTextBorderColorHover:"indigo darken-1",inputTextBorderColorFocus:"indigo darken-2",inputTextButtonColor:"indigo",inputTextButtonColorHover:"indigo",inputTextButtonColorFocus:"indigo darken-1",inputTextBackgroundColor:"white",inputTextBackgroundColorHover:"#fafaff",inputTextBackgroundColorFocus:"#f2f2ff"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items"}}),n._v(" "),t("w-group-tags",{on:{"click-add":n.ckBtnAddObj},model:{value:n.WGroupTags.objects,callback:function(e){n.$set(n.WGroupTags,"objects",e)},expression:"WGroupTags.objects"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objects")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & keyText"}}),n._v(" "),t("w-group-tags",{attrs:{keyText:"value"},on:{"click-add":n.ckBtnAddObjText},model:{value:n.WGroupTags.objectsText,callback:function(e){n.$set(n.WGroupTags,"objectsText",e)},expression:"WGroupTags.objectsText"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsText")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & keyIcon"}}),n._v(" "),t("w-group-tags",{attrs:{keyIcon:"icon"},on:{"click-add":n.ckBtnAddObjIcon},model:{value:n.WGroupTags.objectsIcon,callback:function(e){n.$set(n.WGroupTags,"objectsIcon",e)},expression:"WGroupTags.objectsIcon"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsIcon")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & keyTooltip"}}),n._v(" "),t("w-group-tags",{attrs:{keyTooltip:"tooltip"},on:{"click-add":n.ckBtnAddObjTooltip},model:{value:n.WGroupTags.objectsTooltip,callback:function(e){n.$set(n.WGroupTags,"objectsTooltip",e)},expression:"WGroupTags.objectsTooltip"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsTooltip")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & addButtonText & addButtonTooltip"}}),n._v(" "),t("w-group-tags",{attrs:{addButtonText:"新增",addButtonTooltip:"新增項目"},on:{"click-add":n.ckBtnAddObj},model:{value:n.WGroupTags.objects,callback:function(e){n.$set(n.WGroupTags,"objects",e)},expression:"WGroupTags.objects"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objects")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & addButtonTextColor & addButtonTextColorHover & addButtonIconColor & addButtonIconColorHover & addButtonBackgroundColor &  addButtonBackgroundColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{addButtonTextColor:"white",addButtonTextColorHover:"white",addButtonIconColor:"white",addButtonIconColorHover:"white",addButtonBackgroundColor:"yellow darken-3",addButtonBackgroundColorHover:"yellow darken-2"},on:{"click-add":n.ckBtnAddObj},model:{value:n.WGroupTags.objects,callback:function(e){n.$set(n.WGroupTags,"objects",e)},expression:"WGroupTags.objects"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objects")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"slot item"}}),n._v(" "),t("w-group-tags",{on:{click:n.ckBtn,"click-close":n.ckBtnClose},scopedSlots:n._u([{key:"items",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px",display:"flex"}},[t("w-button-chip",{attrs:{text:e.item,textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(250,50,120,0.9)",backgroundColorHover:"rgba(250,50,120,0.9)"},on:{click:function(t){return n.ckBtnItem1(e)}}})],1),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:"View",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:function(t){return n.ckBtnItem2(e)}}})],1)])]}}]),model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & slot item"}}),n._v(" "),t("w-group-tags",{on:{click:n.ckBtn,"click-close":n.ckBtnClose,"click-add":n.ckBtnAddObjSlotText},scopedSlots:n._u([{key:"items",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px",display:"flex"}},[t("w-button-chip",{attrs:{text:e.item.slotTextKind,textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(250,50,120,0.9)",backgroundColorHover:"rgba(250,50,120,0.9)"},on:{click:function(t){return n.ckBtnItem1(e)}}})],1),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:e.item.slotTextLevel,textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:function(t){return n.ckBtnItem2(e)}}})],1)])]}}]),model:{value:n.WGroupTags.objectsSlotText,callback:function(e){n.$set(n.WGroupTags,"objectsSlotText",e)},expression:"WGroupTags.objectsSlotText"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsSlotText")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"slot input"}}),n._v(" "),t("w-group-tags",{on:{click:n.ckBtn,"click-close":n.ckBtnClose},scopedSlots:n._u([{key:"input",fn:function(){return[t("w-button-chip",{attrs:{icon:n.mdiPlusCircle,iconColor:"#fff",iconColorHover:"#fff",text:"Add",textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:n.ckBtnAddString}})]},proxy:!0}]),model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"paddingStyle & icon & iconSize & textFontSize"}}),n._v(" "),t("w-group-tags",{attrs:{paddingStyle:{v:10,h:24},icon:n.mdiCodepen,iconSize:26,textFontSize:"0.9rem"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"textColor"}}),n._v(" "),t("w-group-tags",{attrs:{textColor:"light-blue darken-3"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"textColor & textColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{textColor:"purple darken-1",textColorHover:"purple darken-4"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"icon & iconColor & iconColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,iconColor:"orange",iconColorHover:"orange darken-2"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"borderRadius"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,borderRadius:0},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"borderColor & borderColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,borderColor:"transparent",borderColorHover:"grey darken-1"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,backgroundColor:"#fea",backgroundColorHover:"#ffd888"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"no shadow & borderColor & borderColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{borderColor:"grey lighten-1",borderColorHover:"grey",shadow:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"shadowStyle"}}),n._v(" "),t("w-group-tags",{attrs:{shadowStyle:"0 12px 20px -10px rgba(250,120,155,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(250,120,155,0.2)"},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"modify prog by callback in click"}}),n._v(" "),t("w-group-tags",{on:{click:n.ckBtnModProg},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"progColor & progBackgroundColor"}}),n._v(" "),t("w-group-tags",{attrs:{progColor:"rgba(250,50,150,0.4)",progBackgroundColor:"rgba(250,50,150,0.075)"},on:{click:n.ckBtnModProg},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"modify loading by callback in click"}}),n._v(" "),t("w-group-tags",{on:{click:n.ckBtnModLoading},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"modify loading & textColor & textColorHover"}}),n._v(" "),t("w-group-tags",{attrs:{textColor:"rgba(255,30,60,0.9)",textColorHover:"rgba(255,20,50,1)"},on:{click:n.ckBtnModLoading},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"closeWithInterceptor"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,closeWithInterceptor:!0},on:{"click-close":n.ckBtnClosePm},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"not draggable"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,draggable:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"not editable"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,editable:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"editableClose(no close button)"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,editableClose:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"editableInput(no slot input)"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,editableInput:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"iconColor & iconColorHover & textColor & textColorHover & borderColor & borderColorHover & backgroundColor & backgroundColorHover & not draggable & no shadow & editableClose(no close button) & editableInput(no slot input)"}}),n._v(" "),t("w-group-tags",{attrs:{icon:n.mdiChartBubble,iconColor:"pink darken-1",iconColorHover:"pink",textColor:"pink darken-1",textColorHover:"pink",borderColor:"pink",borderColorHover:"pink lighten-3",backgroundColor:"transparent",backgroundColorHover:"transparent",shadow:!1,draggable:!1,editableClose:!1,editableInput:!1},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"not editable & nodata"}}),n._v(" "),t("w-group-tags",{attrs:{editable:!1,nodata:"無"},model:{value:n.WGroupTags.empty,callback:function(e){n.$set(n.WGroupTags,"empty",e)},expression:"WGroupTags.empty"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: empty")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"useActive & valueActive"}}),n._v(" "),t("w-group-tags",{attrs:{useActive:!0,valueActive:n.WGroupTags.stringActive},on:{"update:valueActive":function(e){return n.$set(n.WGroupTags,"stringActive",e)},"update:value-active":function(e){return n.$set(n.WGroupTags,"stringActive",e)}},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"slot item & useActive & valueActive & paddingStyle & textColor & textColorHover & textColorActive & backgroundColor & backgroundColorActive & shadowActiveStyle"}}),n._v(" "),t("w-group-tags",{attrs:{useActive:!0,valueActive:n.WGroupTags.stringActive,paddingStyle:{v:1,h:13},textColor:"pink lighten-1",textColorHover:"red accent-3",textColorActive:"white",backgroundColor:"white",backgroundColorActive:"pink lighten-1",shadowActiveStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},on:{"update:valueActive":function(e){return n.$set(n.WGroupTags,"stringActive",e)},"update:value-active":function(e){return n.$set(n.WGroupTags,"stringActive",e)}},scopedSlots:n._u([{key:"items",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"margin-left:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; ".concat(e.active?"color:#263238; background:rgba(255,255,255,0.7);":"color:#888; background:rgba(100,100,100,0.1);")},[n._v("\n                            Menu\n                        ")]),n._v(" "),t("div",{style:"display:inline-block; font-size:0.85rem; user-select:none; padding:0px 6px; ".concat(e.active?"color:#fff;":"color:#444;")},[n._v("\n                            "+n._s(e.item)+"\n                        ")])])]}}]),model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: strings")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & slot item & editableInput(no slot input) & useActive & valueActive & paddingStyle & textColor & textColorHover & textColorActive & backgroundColor & backgroundColorActive & shadowActiveStyle"}}),n._v(" "),t("w-group-tags",{attrs:{editableInput:!1,useActive:!0,valueActive:n.WGroupTags.objectsSlotTextActive,paddingStyle:{v:1,h:13},textColor:"pink lighten-1",textColorHover:"red accent-3",textColorActive:"white",backgroundColor:"white",backgroundColorActive:"pink lighten-1",shadowActiveStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},on:{"update:valueActive":function(e){return n.$set(n.WGroupTags,"objectsSlotTextActive",e)},"update:value-active":function(e){return n.$set(n.WGroupTags,"objectsSlotTextActive",e)}},scopedSlots:n._u([{key:"items",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"margin-left:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; ".concat(e.active?"color:#263238; background:rgba(255,255,255,0.7);":"color:#888; background:rgba(100,100,100,0.1);")},[n._v("\n                            "+n._s(e.item.slotTextKind)+"\n                        ")]),n._v(" "),t("div",{style:"display:inline-block; font-size:0.85rem; user-select:none; padding:0px 6px; ".concat(e.active?"color:#fff;":"color:#444;")},[n._v("\n                            "+n._s(e.item.text)+"\n                        ")])])]}}]),model:{value:n.WGroupTags.objectsSlotText,callback:function(e){n.$set(n.WGroupTags,"objectsSlotText",e)},expression:"WGroupTags.objectsSlotText"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsSlotText")])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"enableCloseEventOnly"}}),n._v(" "),t("w-group-tags",{attrs:{enableCloseEventOnly:!0},on:{"click-close":n.ckBtnClose},model:{value:n.WGroupTags.strings,callback:function(e){n.$set(n.WGroupTags,"strings",e)},expression:"WGroupTags.strings"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-group-tags",casename:"object items & slot item & useColorsFromItem & editableInput(no slot input) & no shadow & no shadowActive & useActive & valueActive & paddingStyle"}}),n._v(" "),t("w-group-tags",{attrs:{editableInput:!1,shadow:!1,shadowActive:!1,useActive:!0,valueActive:n.WGroupTags.objectsColorActive,paddingStyle:{v:1,h:12},useColorsFromItem:!0},on:{"update:valueActive":function(e){return n.$set(n.WGroupTags,"objectsColorActive",e)},"update:value-active":function(e){return n.$set(n.WGroupTags,"objectsColorActive",e)}},scopedSlots:n._u([{key:"items",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"margin-left:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; ".concat(e.active?"color:#263238; background:rgba(255,255,255,0.7);":"color:#888; background:rgba(100,100,100,0.1);")},[n._v("\n                            Menu\n                        ")]),n._v(" "),t("div",{style:"display:inline-block; font-size:0.85rem; user-select:none; padding:0px 6px; ".concat(e.active?"color:#fff;":"color:#444;")},[n._v("\n                            "+n._s(e.item.text)+"\n                        ")])])]}}]),model:{value:n.WGroupTags.objectsColor,callback:function(e){n.$set(n.WGroupTags,"objectsColor",e)},expression:"WGroupTags.objectsColor"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px","font-size":"0.9rem",color:"#ea6"}},[n._v("binding: objectsColor")])],1)])])};hm._withStripped=!0;const fm=Fr({render:hm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-group-tags")])])}]},(function(n){n&&n("data-v-c3789f02_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWGroupTags.vue"},media:void 0})}),vm,"data-v-c3789f02",false,undefined,!1,Dr,void 0,void 0);const bm={directives:{domdragdrop:dm()},props:{value:{type:Array,default:function(){return[]}},itemStyleInline:{type:Boolean,default:!0},keyBinder:{type:Function,default:null},draggable:{type:Boolean,default:!0}},data:function(){return{itemsTrans:[],dgGroupKey:null}},computed:{changeValue:function(){return this.itemsTrans=this.value,""},isObjValue:function(){return 0!==jr(this.itemsTrans)&&Yp(this.itemsTrans,(function(n){return ja(n)}))}},methods:{getForKey:function(n){var e=this;return xi(e.keyBinder)?e.keyBinder(n):e.isObjValue?Td(n):n},getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(Wi())),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},dragdrop:function(n){var e=this;if("drop"===n.evName){var t=n.startInd,o=n.endInd;if(t===o)return;var r=Ba(e.itemsTrans);if(t>o){var i=Op(r,t)[0];r.splice(o,0,i)}else{var a=Ba(r[t]);r.splice(o+1,0,a),Op(r,t)}e.$nextTick((function(){e.$emit("input",r)}))}e.$nextTick((function(){e.$emit("dragdrop",n)}))}}};var ym=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,o){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.draggable?n.getDgOpt():null,expression:"draggable?getDgOpt():null"}],key:n.getForKey(e),staticClass:"WGroupDragdrop-Trans",style:"display:"+(n.itemStyleInline?"inline-block":"block")+"; user-select:none;",attrs:{dragindex:o,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:o})],2)]}))],2)],1)};ym._withStripped=!0;const xm={components:{demolink:Jr,WGroupDragdrop:Fr({render:ym,staticRenderFns:[]},(function(n){n&&n("data-v-62688843_0",{source:"\n.WGroupDragdrop-Trans[data-v-62688843] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupDragdrop.vue"],names:[],mappings:";AA2NA,yCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupDragdrop.vue",sourcesContent:["<template>\r\n    <div :changeValue=\"changeValue\">\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n                <div\r\n                    class=\"WGroupDragdrop-Trans\"\r\n                    :style=\"`display:${itemStyleInline?'inline-block':'block'}; user-select:none;`\"\r\n                    :key=\"getForKey(item)\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"draggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n\r\n                    <slot\r\n                        :item=\"item\"\r\n                        :index=\"kitem\"\r\n                    ></slot>\r\n\r\n                </div>\r\n            </template>\r\n        </transition-group>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [itemStyleInline=true] 輸入項目之display樣式是否使用行內樣式，true為'inline-block'而false為'block'，預設true\r\n * @vue-prop {Function} [keyBinder=null] 輸入由項目取得唯一識別碼(key)函數，預設項目為物件就序列化成為字串再作為key，反之就是用項目值作為key。函數會輸入項目物件或值，回傳需為字串。keyBinder預設null\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        itemStyleInline: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        keyBinder: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            itemsTrans: [],\r\n            dgGroupKey: null,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save itemsTrans\r\n            vo.itemsTrans = vo.value\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getForKey: function(item) {\r\n            //console.log('methods getForKey', item)\r\n\r\n            let vo = this\r\n\r\n            let k = null\r\n            if (isfun(vo.keyBinder)) {\r\n                k = vo.keyBinder(item)\r\n            }\r\n            else {\r\n                k = vo.isObjValue ? o2j(item) : item\r\n            }\r\n\r\n            return k\r\n        },\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('dragdrop', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupDragdrop-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),bm,"data-v-62688843",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WGroupDragdrop:{itemsStr:["Lorem","Ipsum","Dolor","Sitamet"],itemsObj:[{name:"Lorem",id:"A0"},{name:"Ipsum",id:"A2"},{name:"Dolor",id:"A1"},{name:"Sitamet",id:"A3"}],itemsObjWhidRandomProp:[{name:"Lorem",id:"A0",rnd:0},{name:"Ipsum",id:"A2",rnd:0},{name:"Dolor",id:"A1",rnd:0},{name:"Sitamet",id:"A3",rnd:0}]},actions:[]}},methods:{dragdrop:function(n){console.log("dragdrop",n)},randomProp:function(n){console.log("randomProp",n),n=JSON.parse(JSON.stringify(n));for(var e=0;e<n.length;e++)n[e].rnd=Math.floor(100*Math.random());this.WGroupDragdrop.itemsObjWhidRandomProp=n}}};var km=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"default"}}),n._v(" "),t("w-group-dragdrop",{scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 8px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",{staticStyle:{"margin-right":"5px",padding:"0px 5px","border-radius":"30px",background:"#f26",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.id)+"\n                            ")]),n._v(" "),t("div",[n._v("\n                                "+n._s(e.item.name)+"\n                            ")])])])]}}]),model:{value:n.WGroupDragdrop.itemsObj,callback:function(e){n.$set(n.WGroupDragdrop,"itemsObj",e)},expression:"WGroupDragdrop.itemsObj"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"items(string array)"}}),n._v(" "),t("w-group-dragdrop",{scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 10px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",[n._v("\n                                "+n._s(e.item)+"\n                            ")])])])]}}]),model:{value:n.WGroupDragdrop.itemsStr,callback:function(e){n.$set(n.WGroupDragdrop,"itemsStr",e)},expression:"WGroupDragdrop.itemsStr"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"event (dragdrop)"}}),n._v(" "),t("w-group-dragdrop",{on:{dragdrop:n.dragdrop},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 8px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",{staticStyle:{"margin-right":"5px",padding:"0px 5px","border-radius":"30px",background:"#f26",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.id)+"\n                            ")]),n._v(" "),t("div",[n._v("\n                                "+n._s(e.item.name)+"\n                            ")])])])]}}]),model:{value:n.WGroupDragdrop.itemsObj,callback:function(e){n.$set(n.WGroupDragdrop,"itemsObj",e)},expression:"WGroupDragdrop.itemsObj"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"not itemStyleInline (block)"}}),n._v(" "),t("w-group-dragdrop",{attrs:{itemStyleInline:!1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 8px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",{staticStyle:{"margin-right":"5px",padding:"0px 5px","border-radius":"30px",background:"#f26",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.id)+"\n                            ")]),n._v(" "),t("div",[n._v("\n                                "+n._s(e.item.name)+"\n                            ")])])])]}}]),model:{value:n.WGroupDragdrop.itemsObj,callback:function(e){n.$set(n.WGroupDragdrop,"itemsObj",e)},expression:"WGroupDragdrop.itemsObj"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"keyBinder"}}),n._v(" "),t("w-group-dragdrop",{attrs:{keyBinder:function(n){return n.id},value:n.WGroupDragdrop.itemsObjWhidRandomProp},on:{input:n.randomProp},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 8px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",{staticStyle:{padding:"0px 5px 0px 7px","border-top-left-radius":"30px","border-bottom-left-radius":"30px",background:"#f26",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.id)+"\n                            ")]),n._v(" "),t("div",{staticStyle:{padding:"0px 7px 0px 5px","border-top-right-radius":"30px","border-bottom-right-radius":"30px",background:"#62f",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.rnd)+"\n                            ")]),n._v(" "),t("div",{staticStyle:{"margin-left":"5px"}},[n._v("\n                                "+n._s(e.item.name)+"\n                            ")])])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-dragdrop",casename:"not draggable"}}),n._v(" "),t("w-group-dragdrop",{attrs:{draggable:!1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{padding:"0px 10px 10px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"3px 8px","border-radius":"30px",border:"1px solid #ddd"}},[t("div",{staticStyle:{"margin-right":"5px",padding:"0px 5px","border-radius":"30px",background:"#f26",color:"#fff","font-size":"0.8rem"}},[n._v("\n                                "+n._s(e.item.id)+"\n                            ")]),n._v(" "),t("div",[n._v("\n                                "+n._s(e.item.name)+"\n                            ")])])])]}}]),model:{value:n.WGroupDragdrop.itemsObj,callback:function(e){n.$set(n.WGroupDragdrop,"itemsObj",e)},expression:"WGroupDragdrop.itemsObj"}})],1)])])};km._withStripped=!0;const Cm=Fr({render:km,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-group-dragdrop")])])}]},(function(n){n&&n("data-v-7386c9e9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWGroupDragdrop.vue"},media:void 0})}),xm,"data-v-7386c9e9",false,undefined,!1,Dr,void 0,void 0);const Sm={directives:{domripple:Ml()},components:{WIcon:ql},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:function(){return{v:10,h:12}}},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},hasIcon:function(){return""!==this.icon},usePadding:function(){var n=this,e=Ll(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},effBackgroundColor:function(){return qr(this.backgroundColor)},effBackgroundColorHover:function(){return qr(this.backgroundColorHover)},effBackgroundActive:function(){return qr(this.backgroundColorActive)},useBackgroundColor:function(){var n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return qr(this.textColor)},effTextColorHover:function(){return qr(this.textColorHover)},effTextActive:function(){return qr(this.textColorActive)},useTextColor:function(){var n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return qr(this.iconColor)},effIconColorHover:function(){return qr(this.iconColorHover)},effIconActive:function(){return qr(this.iconColorActive)},useIconColor:function(){var n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor}},methods:{getIcon:function(n){return ie(n,"icon","")},getText:function(n){if(""===ie(n,"text",""))return n}}};var wm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; "+n.usePadding+" background:"+n.useBackgroundColor+";",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:function(e){return n.$emit("click",{icon:n.icon,text:n.text})}}},[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n._t("default",[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",{style:"color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n                "+n._s(n.text)+"\n            ")])],{mouseEnter:n.mouseEnter,isActive:n.active})],2)])};wm._withStripped=!0;const Wm=Fr({render:wm,staticRenderFns:[]},(function(n){n&&n("data-v-86c7323e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVerticalItem.vue"},media:void 0})}),Sm,"data-v-86c7323e",false,undefined,!1,Dr,void 0,void 0);const Im={directives:{domresize:Ti()},components:{WPanelScrolly:Bs,WListVerticalItem:Wm},props:{items:{type:Array,default:function(){return[]}},useActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},paddingStyle:{type:Object,default:function(){return{v:10,h:12}}},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){var n=this;return n.useActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==jr(this.items)&&Yp(this.items,(function(n){return ja(n)}))}},methods:{resize:function(n){var e=this;e.panelHeight=n.snew.offsetHeight;var t=0,o=ie(e,"$refs.refHeader");Jl(o)&&(t=o.offsetHeight);var r=0,i=ie(e,"$refs.refFooter");Jl(i)&&(r=i.offsetHeight),e.listHeight=e.panelHeight-t-r},getIcon:function(n){return this.isObjValue?ie(n,this.keyIcon,""):""},getText:function(n){return this.isObjValue?ie(n,this.keyText,""):n},getActive:function(n){var e=!1;return this.useActive&&(e=Yi(n,this.itemActiveTrans)),e},ckItem:function(n){var e=this;e.itemActiveTrans=n,e.$nextTick((function(){e.$emit("click",Ba(n)),e.$emit("update:itemActive",Ba(n))}))}}};var _m=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.items,(function(e,o){return t("div",{key:o,staticStyle:{cursor:"pointer"}},[t("WListVerticalItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,rippleColor:n.itemRippleColor},on:{click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"default",fn:function(t){return[n._t("item",null,{item:Object.assign({},e,t)})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};_m._withStripped=!0;const Tm=Fr({render:_m,staticRenderFns:[]},(function(n){n&&n("data-v-4f87de20_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),Im,"data-v-4f87de20",false,undefined,!1,Dr,void 0,void 0);const Hm={components:{demolink:Jr,WButtonCircle:_u,WIcon:ql,WListVertical:Tm},props:{},data:function(){return{mdiPencilOutline:"M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z",mdiLightbulbOnOutline:"M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z",WListVertical:{itemsString:["Real-Time","Audience","Conversions","Management","Settings","Actions"],itemsObj:[{text:"Real-Time",icon:_,type:"Default"},{text:"Audience",icon:l,type:"Default"},{text:"Conversions",icon:s,type:"Default"},{text:"Management",icon:x,type:"Default"},{text:"Settings",icon:k,type:"Primary"},{text:"Actions",icon:y,type:"Primary"}],itemsObjLarge:[{text:"Real-Time-1",icon:_},{text:"Audience-1",icon:l},{text:"Conversions-1",icon:s},{text:"Management-1",icon:x},{text:"Settings-1",icon:k},{text:"Actions-1",icon:y},{text:"Real-Time-2",icon:_},{text:"Audience-2",icon:l},{text:"Conversions-2",icon:s},{text:"Management-2",icon:x},{text:"Settings-2",icon:k},{text:"Actions-2",icon:y}],itemsObjForKey:[{name:"Real-Time",path:_},{name:"Audience",path:l},{name:"Conversions",path:s},{name:"Management",path:x},{name:"Settings",path:k},{name:"Actions",path:y}],itemActive:{text:"Audience",icon:l}},actions:[]}}};var Am=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"keyText & keyIcon"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObjForKey,keyText:"name",keyIcon:"path"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"string items"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsString}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"itemActive"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemActive:n.WListVertical.itemActive},on:{"update:itemActive":function(e){return n.$set(n.WListVertical,"itemActive",e)},"update:item-active":function(e){return n.$set(n.WListVertical,"itemActive",e)}}})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"itemActive & itemBackgroundColor & itemBackgroundColorHover & itemBackgroundColorActive"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",_border:"1px dashed #ddd",background:"url('//cdn.jsdelivr.net/npm/w-demores/res/img/view/003.jpg')"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemActive:n.WListVertical.itemActive,itemBackgroundColor:"rgba(130, 138, 156, 0.1)",itemBackgroundColorHover:"rgba(255, 255, 255, 0.2)",itemBackgroundColorActive:"rgba(100, 100, 100, 0.5)"},on:{"update:itemActive":function(e){return n.$set(n.WListVertical,"itemActive",e)},"update:item-active":function(e){return n.$set(n.WListVertical,"itemActive",e)}}})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"itemActive & itemTextColor & itemTextColorHover & itemTextColorActive & itemIconColor & itemIconColorHover & itemIconColorActive & itemBackgroundColor & itemBackgroundColorHover & itemBackgroundColorActive"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",_border:"1px dashed #ddd",background:"url('//cdn.jsdelivr.net/npm/w-demores/res/img/view/022.jpg')"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemActive:n.WListVertical.itemActive,itemTextColor:"#222",itemTextColorHover:"#fff",itemTextColorActive:"#fff",itemIconColor:"#222",itemIconColorHover:"#fff",itemIconColorActive:"#fff",itemBackgroundColor:"rgba(255, 255, 255, 0.5)",itemBackgroundColorHover:"rgba(255, 255, 255, 0.2)",itemBackgroundColorActive:"rgba(0, 0, 0, 0.5)"},on:{"update:itemActive":function(e){return n.$set(n.WListVertical,"itemActive",e)},"update:item-active":function(e){return n.$set(n.WListVertical,"itemActive",e)}}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"paddingStyle"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,paddingStyle:{v:3,h:5}}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"useActive (no active)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,useActive:!1}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"useActive (no active) & itemRippleColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,useActive:!1,itemRippleColor:"rgba(155, 1, 87, 0.4)"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"slot header"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemBackgroundColorActive:"rgba(140, 100, 100, 0.75)"},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"10px 15px","font-size":"0.9rem",color:"#fff",background:"#666"}},[t("div",[n._v("\n                                Application\n                            ")]),n._v(" "),t("div",{staticStyle:{width:"100%","text-align":"right"}},[t("w-button-circle",{attrs:{icon:n.mdiPencilOutline}})],1)])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"slot footer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemBackgroundColorActive:"rgba(100, 100, 140, 0.75)"},scopedSlots:n._u([{key:"footer",fn:function(){return[t("div",{staticStyle:{padding:"10px 15px","font-size":"0.9rem",color:"#fff",background:"rgba(150,150,150,0.25)","text-align":"right"}},[t("v-btn",{staticStyle:{"margin-left":"8px"},attrs:{small:"",rounded:""}},[n._v("Save")]),n._v(" "),t("v-btn",{staticStyle:{"margin-left":"8px"},attrs:{small:"",rounded:""}},[n._v("Analysis")])],1)]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"slot item"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObj,itemBackgroundColorActive:"#444"},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",[t("div",{staticStyle:{"margin-bottom":"5px",display:"flex","align-items":"center"}},[t("w-icon",{staticStyle:{"margin-right":"8px"},attrs:{icon:e.item.icon,size:16,color:e.item.isActive?"#CDDC39":"#666"}}),n._v(" "),t("div",{style:"transition:all 0.3s; font-size:0.8rem; color:".concat(e.item.isActive?"#B388FF":"#666")},[t("div",[n._v(n._s(e.item.type))])])],1),n._v(" "),t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("w-icon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.mdiLightbulbOnOutline,size:16,color:e.item.isActive?"#CDDC39":"#666"}}),n._v(" "),t("div",{style:"transition:all 0.3s; color:".concat(e.item.isActive?"#fff":"#666")+";"},[n._v(n._s(e.item.text))])],1)])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-list-vertical",casename:"auto scroll"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #ddd"}},[t("w-list-vertical",{staticStyle:{height:"400px",width:"250px"},attrs:{items:n.WListVertical.itemsObjLarge,itemBackgroundColorActive:"#78909C"},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"10px 15px","font-size":"0.9rem",color:"#fff",background:"#455A64"}},[n._v("\n                            Header\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center",padding:"10px 15px","font-size":"0.9rem",color:"#fff",background:"#455A64"}},[n._v("\n                            Footer\n                        ")])]},proxy:!0}])})],1)],1)])])};Am._withStripped=!0;const Zm=Fr({render:Am,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-list-vertical")])])}]},(function(n){n&&n("data-v-ee47cb2e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWListVertical.vue"},media:void 0})}),Hm,"data-v-ee47cb2e",false,undefined,!1,Dr,void 0,void 0);const Bm={components:{demolink:Jr,WGroupCheck:ss},props:{},data:function(){return{mdiAccountSupervisorCircle:o,WGroupCheck:{string:{items:["Dashboard","Schedule","Profile","History","Apple","橘子"],selects:["Dashboard","Apple"]},object:{items:[{text:"Dashboard",icon:T},{text:"Schedule",icon:g},{text:"Profile",icon:a},{text:"History",icon:I},{text:"蘋果",icon:i}],selects:[{text:"Dashboard",icon:T},{text:"Profile",icon:a}]},objectOne:{items:[{text:"Dashboard",icon:T}],selects:[{text:"Dashboard",icon:T}]},objectTP:{items:[{text:"Dashboard",icon:T,tooltip:"tooltip for Dashboard"},{text:"Schedule",icon:g,tooltip:"tooltip for Schedule"},{text:"Profile",icon:a,tooltip:"tooltip for Profile"},{text:"History",icon:I,tooltip:"tooltip for History"},{text:"蘋果",icon:i,tooltip:"tooltip for 蘋果"}],selects:[{text:"Dashboard",icon:o,tooltip:"tooltip for Dashboard"},{text:"Profile",icon:a,tooltip:"tooltip for Profile"}]},objectFA:{items:[{text:"Dashboard",icon:"fa fa-address-book"},{text:"Schedule",icon:"fa fa-address-card"},{text:"Profile",icon:"fa fa-american-sign-language-interpreting"},{text:"History",icon:"fa fa-balance-scale"},{text:"蘋果",icon:"fa fa-heartbeat"}],selects:[{text:"Dashboard",icon:"fa fa-address-book"},{text:"Profile",icon:"fa fa-american-sign-language-interpreting"}]}},actions:[]}},methods:{ckBtn:function(n,e){console.log(n,e)}}};var Vm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"default"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.string.items},model:{value:n.WGroupCheck.string.selects,callback:function(e){n.$set(n.WGroupCheck.string,"selects",e)},expression:"WGroupCheck.string.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"click (console.log)"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.string.items},on:{click:n.ckBtn},model:{value:n.WGroupCheck.string.selects,callback:function(e){n.$set(n.WGroupCheck.string,"selects",e)},expression:"WGroupCheck.string.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"icon (material)"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"icon (fontawesome)"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.objectFA.items},model:{value:n.WGroupCheck.objectFA.selects,callback:function(e){n.$set(n.WGroupCheck.objectFA,"selects",e)},expression:"WGroupCheck.objectFA.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"marginStyle"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,marginStyle:{top:0,right:25,bottom:0,left:0}},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"tooltip"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.objectTP.items,tooltip:"測試中文tooltip"},model:{value:n.WGroupCheck.objectTP.selects,callback:function(e){n.$set(n.WGroupCheck.objectTP,"selects",e)},expression:"WGroupCheck.objectTP.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"paddingStyle & iconSize & textFontSize"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,paddingStyle:{v:10,h:24},iconSize:26,textFontSize:"0.9rem"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"shiftLeft"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shiftLeft:5},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"shiftLeft & shiftRight"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shiftLeft:7,shiftRight:5},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"textColor"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,textColor:"grey darken-1"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"textColor & textColorHover"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,textColor:"grey darken-1",textColorHover:"orange darken-3"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"textColorActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,textColorActive:"white"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"iconColor & iconColorHover"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,iconColor:"orange",iconColorHover:"orange darken-2"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"iconColorActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,iconColorActive:"yellow"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"borderRadius"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,borderRadius:0},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"borderRadius & borderRadiusStyle & paddingStyle"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,borderRadius:20,borderRadiusStyle:{top:!0},paddingStyle:{v:3,h:20}},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"borderColor & borderColorHover & borderColorActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,borderColor:"grey",borderColorHover:"grey darken-2",borderColorActive:"transparent"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"borderWidth & borderColor & borderColorHover & borderColorActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,borderWidth:{top:2,bottom:2,left:2,right:2},_1borderWidth:"{top:1}",_2borderWidth:"{bottom:1}",_3borderWidth:"{left:1}",_4borderWidth:"{right:1}",borderColor:"grey",borderColorHover:"grey darken-2",borderColorActive:"#fff"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,backgroundColor:"grey lighten-4",backgroundColorHover:"grey lighten-2"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"backgroundColorActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,backgroundColorActive:"light-blue darken-2"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"shadow"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shadow:!0},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"shadow & shadowStyle"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shadow:!0,shadowStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",_shadowStyle:"'0 3px 1px -2px {backgroundColorAlpha=0.2}, 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 {backgroundColorAlpha=0.12}'"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"shadowActiveStyle"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shadowActiveStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",_shadowActiveStyle:"'0 3px 1px -2px {backgroundColorActiveAlpha=0.2}, 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 {backgroundColorActiveAlpha=0.12}'"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"no shadowActive"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,shadowActive:!1},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"group & borderColor & borderColorHover & borderColorActive & no shadowActive"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,group:!0,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",shadowActive:!1},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"group & borderColor & borderColorHover & borderColorActive & textColorActive & iconColorActive & backgroundColorActive & no shadowActive"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,group:!0,borderColor:"#ccc",borderColorHover:"orange lighten-2",borderColorActive:"orange lighten-2",textColorActive:"orange darken-3",iconColorActive:"orange darken-3",backgroundColorActive:"orange lighten-5",shadowActive:!1},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"group (only one)"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.objectOne.items,group:!0,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",shadowActive:!1},model:{value:n.WGroupCheck.objectOne.selects,callback:function(e){n.$set(n.WGroupCheck.objectOne,"selects",e)},expression:"WGroupCheck.objectOne.selects"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"group & groupBorderRadiusStyle & groupShift & borderRadius & borderColor & borderColorHover & borderColorActive & no shadowActive & marginStyle"}}),n._v(" "),t("div",{staticStyle:{margin:"20px 0px"}},[t("div",{staticStyle:{"padding-left":"20px","margin-bottom":"-1px"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,group:!0,groupBorderRadiusStyle:{top:!0},groupShift:7,borderRadius:20,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",shadowActive:!1,marginStyle:{}},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticStyle:{border:"1px solid #aaa",padding:"15px","font-size":"0.85rem"}},[n._v("\n                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                ")])]),n._v(" "),t("div",{staticStyle:{margin:"20px 0px"}},[t("div",{staticStyle:{border:"1px solid #aaa",padding:"15px","font-size":"0.85rem"}},[n._v("\n                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"20px","margin-top":"-0.5px"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,group:!0,groupBorderRadiusStyle:{bottom:!0},groupShift:7,borderRadius:20,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",shadowActive:!1,marginStyle:{}},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"slot & shadow"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.string.items,shadow:!0,backgroundColorActive:"grey"},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px","user-select":"none",padding:"2px 12px","font-size":"0.75rem",color:"#fff",background:"#aa00ff","border-radius":"12px","box-shadow":"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"}},[n._v("\n                            View\n                        ")]),n._v(" "),t("div",{style:"margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; ".concat(e.item.active?"color:#000; background:rgba(255,255,255,0.7);":"color:#888; background:transparent;")},[n._v("\n                            "+n._s(e.item.data)+"\n                        ")])])]}}]),model:{value:n.WGroupCheck.string.selects,callback:function(e){n.$set(n.WGroupCheck.string,"selects",e)},expression:"WGroupCheck.string.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"loading"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,loading:!0},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"loading & loadingColor"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,loading:!0,loadingColor:"orange darken-4"},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"paddingStyle & borderRadius & textColor & iconColor & backgroundColor & backgroundColorHover & backgroundColorActive & shadowActive"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 10px",background:"linear-gradient(60deg,#ab47bc,#7b1fa2)","box-shadow":"0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(156,39,176,.6)"}},[t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,paddingStyle:{v:12,h:27},borderRadius:5,textColor:"white",textColorHover:"white",textColorActive:"white",iconColor:"white",iconColorHover:"white",iconColorActive:"white",backgroundColor:"rgba(255,255,255,0)",backgroundColorHover:"rgba(255,255,255,0)",backgroundColorActive:"rgba(255,255,255,0.15)",shadowActive:!1},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-check",casename:"not editable"}}),n._v(" "),t("w-group-check",{attrs:{items:n.WGroupCheck.object.items,editable:!1},model:{value:n.WGroupCheck.object.selects,callback:function(e){n.$set(n.WGroupCheck.object,"selects",e)},expression:"WGroupCheck.object.selects"}})],1)])])};Vm._withStripped=!0;const Pm=Fr({render:Vm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-group-check")])])}]},(function(n){n&&n("data-v-05690873_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWGroupCheck.vue"},media:void 0})}),Bm,"data-v-05690873",false,undefined,!1,Dr,void 0,void 0);const jm={components:{demolink:Jr,WGroupRadio:us},props:{},data:function(){return{mdiAccountSupervisorCircle:o,WGroupRadio:{string:{items:["Dashboard","Schedule","Profile","History","Apple","橘子"],select:"Apple"},object:{items:[{text:"Dashboard",icon:T},{text:"Schedule",icon:g},{text:"Profile",icon:a},{text:"History",icon:I},{text:"蘋果",icon:i}],select:{text:"Dashboard",icon:T}},objectOne:{items:[{text:"Dashboard",icon:T}],select:{text:"Dashboard",icon:T}},objectTP:{items:[{text:"Dashboard",icon:T,tooltip:"tooltip for Dashboard"},{text:"Schedule",icon:g,tooltip:"tooltip for Schedule"},{text:"Profile",icon:a,tooltip:"tooltip for Profile"},{text:"History",icon:I,tooltip:"tooltip for History"},{text:"蘋果",icon:i,tooltip:"tooltip for 蘋果"}],select:{text:"Dashboard",icon:o,tooltip:"tooltip for Dashboard"}},objectFA:{items:[{text:"Dashboard",icon:"fa fa-address-book"},{text:"Schedule",icon:"fa fa-address-card"},{text:"Profile",icon:"fa fa-american-sign-language-interpreting"},{text:"History",icon:"fa fa-balance-scale"},{text:"蘋果",icon:"fa fa-heartbeat"}],select:{text:"Dashboard",icon:"fa fa-address-book"}}},actions:[]}},methods:{ckBtn:function(n){console.log(n)}}};var Xm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"default"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.string.items},model:{value:n.WGroupRadio.string.select,callback:function(e){n.$set(n.WGroupRadio.string,"select",e)},expression:"WGroupRadio.string.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"click (console.log)"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.string.items},on:{click:n.ckBtn},model:{value:n.WGroupRadio.string.select,callback:function(e){n.$set(n.WGroupRadio.string,"select",e)},expression:"WGroupRadio.string.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"icon (material)"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"icon (fontawesome)"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.objectFA.items},model:{value:n.WGroupRadio.objectFA.select,callback:function(e){n.$set(n.WGroupRadio.objectFA,"select",e)},expression:"WGroupRadio.objectFA.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"marginStyle"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,marginStyle:{top:0,right:25,bottom:0,left:0}},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"tooltip"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.objectTP.items,tooltip:"測試中文tooltip"},model:{value:n.WGroupRadio.objectTP.select,callback:function(e){n.$set(n.WGroupRadio.objectTP,"select",e)},expression:"WGroupRadio.objectTP.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"paddingStyle & iconSize & textFontSize"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,paddingStyle:{v:10,h:24},iconSize:26,textFontSize:"0.9rem"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"shiftLeft"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shiftLeft:5},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"shiftLeft & shiftRight"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shiftLeft:7,shiftRight:5},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"textColor"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,textColor:"grey darken-1"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"textColor & textColorHover"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,textColor:"grey darken-1",textColorHover:"orange darken-3"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"textColorActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,textColorActive:"white"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"iconColor & iconColorHover"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,iconColor:"orange",iconColorHover:"orange darken-2"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"iconColorActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,iconColorActive:"yellow"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"borderRadius"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,borderRadius:0},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"borderRadius & borderRadiusStyle & paddingStyle"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,borderRadius:20,borderRadiusStyle:{top:!0},paddingStyle:{v:3,h:20}},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"borderColor & borderColorHover & borderColorActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,borderColor:"grey",borderColorHover:"grey darken-2",borderColorActive:"transparent"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"borderWidth & borderColor & borderColorHover & borderColorActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,borderWidth:{top:2,bottom:2,left:2,right:2},_1borderWidth:"{top:1}",_2borderWidth:"{bottom:1}",_3borderWidth:"{left:1}",_4borderWidth:"{right:1}",borderColor:"grey",borderColorHover:"grey darken-2",borderColorActive:"#fff"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,backgroundColor:"grey lighten-4",backgroundColorHover:"grey lighten-2"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"backgroundColorActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,backgroundColorActive:"light-blue darken-2"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"shadow"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shadow:!0},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"shadow & shadowStyle"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shadow:!0,shadowStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",_shadowStyle:"'0 3px 1px -2px {backgroundColorAlpha=0.2}, 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 {backgroundColorAlpha=0.12}'"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"shadowActiveStyle"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shadowActiveStyle:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",_shadowActiveStyle:"'0 3px 1px -2px {backgroundColorActiveAlpha=0.2}, 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 {backgroundColorActiveAlpha=0.12}'"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"no shadowActive"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,shadowActive:!1},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"group & borderColor & borderColorHover & borderColorActive"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,group:!0,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"group & borderColor & borderColorHover & borderColorActive & textColorActive & iconColorActive & backgroundColorActive & no shadowActive"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,group:!0,borderColor:"#ccc",borderColorHover:"#ccc",borderColorActive:"orange lighten-2",textColorActive:"orange darken-3",iconColorActive:"orange darken-3",backgroundColorActive:"orange lighten-5",shadowActive:!1},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"group (only one)"}}),n._v(" "),t("div",{staticStyle:{padding:"10px 0px"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.objectOne.items,group:!0,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",shadowActive:!1},model:{value:n.WGroupRadio.objectOne.select,callback:function(e){n.$set(n.WGroupRadio.objectOne,"select",e)},expression:"WGroupRadio.objectOne.select"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"group & groupBorderRadiusStyle & groupShift & borderRadius & borderColor & borderColorHover & borderColorActive & marginStyle"}}),n._v(" "),t("div",{staticStyle:{margin:"20px 0px"}},[t("div",{staticStyle:{"padding-left":"20px","margin-bottom":"-1px"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,group:!0,groupBorderRadiusStyle:{top:!0},groupShift:7,borderRadius:20,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",marginStyle:{}},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticStyle:{border:"1px solid #aaa",padding:"15px","font-size":"0.85rem"}},[n._v("\n                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                ")])]),n._v(" "),t("div",{staticStyle:{margin:"20px 0px"}},[t("div",{staticStyle:{border:"1px solid #aaa",padding:"15px","font-size":"0.85rem"}},[n._v("\n                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"20px","margin-top":"-0.5px"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,group:!0,groupBorderRadiusStyle:{bottom:!0},groupShift:7,borderRadius:20,borderColor:"#aaa",borderColorHover:"#aaa",borderColorActive:"orange lighten-2",marginStyle:{}},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"slot & shadow"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.string.items,shadow:!0,backgroundColorActive:"grey"},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px","user-select":"none",padding:"2px 12px","font-size":"0.75rem",color:"#fff",background:"#aa00ff","border-radius":"12px","box-shadow":"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"}},[n._v("\n                            View\n                        ")]),n._v(" "),t("div",{style:"margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; ".concat(e.item.active?"color:#000; background:rgba(255,255,255,0.7);":"color:#888; background:transparent;")},[n._v("\n                            "+n._s(e.item.data)+"\n                        ")])])]}}]),model:{value:n.WGroupRadio.string.select,callback:function(e){n.$set(n.WGroupRadio.string,"select",e)},expression:"WGroupRadio.string.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"loading"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,loading:!0},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"loading & loadingColor"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,loading:!0,loadingColor:"orange darken-4"},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"paddingStyle & borderRadius & textColor & iconColor & backgroundColor & backgroundColorHover & backgroundColorActive & shadowActive"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 10px",background:"linear-gradient(60deg,#ab47bc,#7b1fa2)","box-shadow":"0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(156,39,176,.6)"}},[t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,paddingStyle:{v:12,h:27},borderRadius:5,textColor:"white",textColorHover:"white",textColorActive:"white",iconColor:"white",iconColorHover:"white",iconColorActive:"white",backgroundColor:"rgba(255,255,255,0)",backgroundColorHover:"rgba(255,255,255,0)",backgroundColorActive:"rgba(255,255,255,0.15)",shadowActive:!1},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-group-radio",casename:"not editable"}}),n._v(" "),t("w-group-radio",{attrs:{items:n.WGroupRadio.object.items,editable:!1},model:{value:n.WGroupRadio.object.select,callback:function(e){n.$set(n.WGroupRadio.object,"select",e)},expression:"WGroupRadio.object.select"}})],1)])])};Xm._withStripped=!0;const Gm=Fr({render:Xm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-group-radio")])])}]},(function(n){n&&n("data-v-85109044_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWGroupRadio.vue"},media:void 0})}),jm,"data-v-85109044",false,undefined,!1,Dr,void 0,void 0);const Rm={components:{demolink:Jr,WText:Nu},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiAvTimer:"M11,17A1,1 0 0,0 12,18A1,1 0 0,0 13,17A1,1 0 0,0 12,16A1,1 0 0,0 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12A7,7 0 0,1 12,19A7,7 0 0,1 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M18,12A1,1 0 0,0 17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12M6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11A1,1 0 0,0 6,12Z",mdiSend:"M2,21L23,12L2,3V10L17,12L2,14V21Z",mdiAccountOutline:"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z",mdiArrowRightDropCircleOutline:"M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12M10,17L15,12L10,7V17Z",mdiPaw:S,mdiChatProcessingOutline:"M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M17 12V10H15V12H17M13 12V10H11V12H13M9 12V10H7V12H9Z",WText:{text:"aBc數字123",emptytext:""},actions:[{mode:"eletype",selector:"input.basic",str:"新增文字",noEnter:!0},{mode:"elemove",selector:'div[ShellEllipse="rightIcon"]'}]}},methods:{clickLeft:function(){console.log("clickLeft")},clickRight:function(){console.log("clickRight")},select:function(n,e,t){console.log("select",n,e,t)},blur:function(n,e,t){console.log("blur",n,e,t)},enter:function(n,e,t){console.log("enter",n,e,t)},input:function(n,e,t){console.log("input",n,e,t)},change:function(n,e,t){console.log("change",n,e,t)}}};var Lm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"default"}}),n._v(" "),t("w-text",{model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"textFontSize"}}),n._v(" "),t("w-text",{attrs:{textFontSize:"0.85rem"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"textColor"}}),n._v(" "),t("w-text",{attrs:{textColor:"blue darken-3"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"textAlign"}}),n._v(" "),t("w-text",{attrs:{textAlign:"left"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}}),n._v(" "),t("div",{staticStyle:{height:"5px"}}),n._v(" "),t("w-text",{attrs:{textAlign:"center"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}}),n._v(" "),t("div",{staticStyle:{height:"5px"}}),n._v(" "),t("w-text",{attrs:{textAlign:"right"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"placeholder"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,placeholder:"請輸入數據"},model:{value:n.WText.emptytext,callback:function(e){n.$set(n.WText,"emptytext",e)},expression:"WText.emptytext"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"bottomLineBorderColor & bottomLineBorderColorHover & bottomLineBorderColorFocus"}}),n._v(" "),t("w-text",{attrs:{bottomLineBorderColor:"pink lighten-3",bottomLineBorderColorHover:"pink lighten-1",bottomLineBorderColorFocus:"pink"},model:{value:n.WText.emptytext,callback:function(e){n.$set(n.WText,"emptytext",e)},expression:"WText.emptytext"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"leftIcon (material)"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"leftIcon (fontawesome)"}}),n._v(" "),t("w-text",{attrs:{leftIcon:"fas fa-clipboard-check"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"leftIcon & leftIconSize"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconSize:20},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"leftIcon & leftIconColor & leftIconColorFocus"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"pink lighten-2",leftIconColorFocus:"pink"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"leftIcon & leftIconTooltip"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiChatProcessingOutline,leftIconTooltip:"status"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"rightIcon"}}),n._v(" "),t("w-text",{attrs:{rightIcon:n.mdiAvTimer},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"rightIcon & rightIconSize"}}),n._v(" "),t("w-text",{attrs:{rightIcon:n.mdiAvTimer,rightIconSize:20},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"rightIcon & rightIconColor & rightIconColorFocus"}}),n._v(" "),t("w-text",{attrs:{rightIcon:n.mdiSend,rightIconColor:"pink lighten-2",rightIconColorFocus:"pink"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"rightIcon & rightIconTooltip"}}),n._v(" "),t("w-text",{attrs:{rightIcon:n.mdiSend,rightIconTooltip:"Send"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text",casename:"fullwidth"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiArrowRightDropCircleOutline},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"not editable"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,editable:!1},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"events"}}),n._v(" "),t("w-text",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiSend},on:{"click-left":n.clickLeft,"click-right":n.clickRight,select:n.select,blur:n.blur,enter:n.enter,input:n.input,change:n.change},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{attrs:{"separate-line":""}}),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & default"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & borderRadius & paddingStyle"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:10},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",borderRadius:5},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & textColor"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",textColor:"blue darken-2"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & textAlign"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",textAlign:"left"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}}),n._v(" "),t("div",{staticStyle:{height:"5px"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",textAlign:"center"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}}),n._v(" "),t("div",{staticStyle:{height:"5px"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",textAlign:"right"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & placeholder"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",placeholder:"請輸入數據"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & leftIcon (material)"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:n.mdiCheckUnderlineCircle},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & leftIcon (fontawesome)"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:"fas fa-clipboard-check"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & leftIcon & leftIconColor & leftIconColorHover & leftIconColorFocus"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"indigo lighten-2",leftIconColorHover:"indigo lighten-1",leftIconColorFocus:"indigo"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & rightIcon & rightIconColorHover & rightIconColorFocus & rightIconTooltip"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",rightIcon:n.mdiSend,rightIconColorHover:"",rightIconColorFocus:"blue darken-3",rightIconTooltip:"Send"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"rgba(30, 136, 229, 0.05)",backgroundColorHover:"rgba(30, 136, 229, 0.1)",backgroundColorFocus:"rgba(30, 136, 229, 0.2)"},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text",casename:"border & fullwidth"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:n.mdiArrowRightDropCircleOutline},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & not editable"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:n.mdiCheckUnderlineCircle,editable:!1},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text",casename:"border & events"}}),n._v(" "),t("w-text",{attrs:{shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{h:15},iconShiftOuter:-10,borderColor:"blue lighten-2",borderColorHover:"blue",borderColorFocus:"blue darken-2",backgroundColor:"white",backgroundColorHover:"rgba(237, 247, 255, 1)",backgroundColorFocus:"blue lighten-5",leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiSend},on:{"click-left":n.clickLeft,"click-right":n.clickRight,select:n.select,blur:n.blur,enter:n.enter,input:n.input,change:n.change},model:{value:n.WText.text,callback:function(e){n.$set(n.WText,"text",e)},expression:"WText.text"}})],1)])])};Lm._withStripped=!0;const Fm=Fr({render:Lm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-text")])])}]},(function(n){n&&n("data-v-334c5054_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWText.vue"},media:void 0})}),Rm,"data-v-334c5054",false,undefined,!1,Dr,void 0,void 0);const Km={components:{WShellEllipse:Us,WTextCore:Cd},props:{width:{type:Number,default:70},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},buttonIconSize:{type:Number,default:24},buttonColor:{type:String,default:"white"},buttonColorHover:{type:String,default:"white"},buttonColorFocus:{type:String,default:"white"},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiPlusCircle:W,mdiMinusCircle:"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",valueTrans:"",focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){var n=this;return n.valueTrans=n.value,n.focusedTrans=n.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))},changeContent:function(n,e){var t,o=this;if(!1!==o.editable){if(""!==e&&o.$refs.inp.setFocus(),(t=yd(n,"isp0int")).err)return n=0,void o.$nextTick((function(){0===o.valueTrans?o.$refs.inp.setValue(n):(o.valueTrans=n,o.$emit("input",n)),o.$emit("error",t.errmsg)}));n=hi(n),"minus"===e?n-=1:"add"===e&&(n+=1),o.valueMax&&n>o.valueMax&&(n=o.valueMax);n<0&&(n=0),o.valueTrans!==n&&o.$nextTick((function(){o.valueTrans=n,o.$emit("input",n)}))}}}};var Ym=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{shadow:!1,paddingStyle:{v:0,h:0},backgroundColor:"transparent",backgroundColorHover:"transparent",backgroundColorFocus:"transparent",borderWidth:0,borderColor:"transparent",borderColorHover:"transparent",borderColorFocus:"transparent",iconShiftOuter:0,leftIcon:n.mdiMinusCircle,leftIconSize:n.buttonIconSize,leftIconColor:n.buttonColor,leftIconColorHover:n.buttonColorHover,leftIconColorFocus:n.buttonColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.mdiPlusCircle,rightIconSize:n.buttonIconSize,rightIconColor:n.buttonColor,rightIconColorHover:n.buttonColorHover,rightIconColorFocus:n.buttonColorFocus,rightIconTooltip:n.rightIconTooltip,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.changeContent(n.valueTrans,"minus")},"click-right":function(e){return n.changeContent(n.valueTrans,"add")}}},[t("WTextCore",{ref:"inp",style:{width:n.width+"px"},attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:"center",height:n.height,editable:n.editable,value:n.valueTrans,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.changeContent(e,"")}}})],1)],1)};Ym._withStripped=!0;const Dm={components:{WShellEllipse:Us,WTextIntCore:Fr({render:Ym,staticRenderFns:[]},(function(n){n&&n("data-v-200c5eb4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextIntCore.vue"},media:void 0})}),Km,"data-v-200c5eb4",false,undefined,!1,Dr,void 0,void 0)},props:{width:{type:Number,default:70},paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},icon:{type:String,default:""},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},buttonIconSize:{type:Number,default:24},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},buttonColor:{type:String,default:"deep-orange lighten-2"},buttonColorHover:{type:String,default:"deep-orange lighten-1"},buttonColorFocus:{type:String,default:"deep-orange lighten-1"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var zm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{staticStyle:{display:"inline-block"},attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("div",{staticStyle:{margin:"0px -10px"}},[t("WTextIntCore",{attrs:{width:n.width,leftIconTooltip:n.leftIconTooltip,rightIconTooltip:n.rightIconTooltip,buttonIconSize:n.buttonIconSize,buttonColor:n.buttonColor,buttonColorHover:n.buttonColorHover,buttonColorFocus:n.buttonColorFocus,valueMax:n.valueMax,value:n.value,textFontSize:n.textFontSize,textColor:n.textColor,editable:n.editable,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)},error:function(e){n.$emit("error",e)}}})],1)])],1)};zm._withStripped=!0;const Em={components:{demolink:Jr,WTextInt:Fr({render:zm,staticRenderFns:[]},(function(n){n&&n("data-v-1b20d0f0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextInt.vue"},media:void 0})}),Dm,"data-v-1b20d0f0",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCart:"M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z",WTextInt:{int:123},actions:[{mode:"eletype",selector:"input.basic",str:"a"},{mode:"eleclick",selector:'div[ShellMaterial="rightIcon"]',nth:-1},{mode:"eleclick",selector:'div[ShellMaterial="rightIcon"]',nth:-1},{mode:"eleclick",selector:'div[ShellMaterial="leftIcon"]',nth:-1}]}}};var Nm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"default"}}),n._v(" "),t("w-text-int",{model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"textFontSize"}}),n._v(" "),t("w-text-int",{attrs:{textFontSize:"0.85rem"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"textColor"}}),n._v(" "),t("w-text-int",{attrs:{textColor:"#f26"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"buttonIconSize"}}),n._v(" "),t("w-text-int",{attrs:{buttonIconSize:20},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"buttonColor & buttonColorHover & buttonColorFocus"}}),n._v(" "),t("w-text-int",{attrs:{buttonColor:"orange lighten-1",buttonColorHover:"orange accent-3",buttonColorFocus:"orange darken-2"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"borderRadius"}}),n._v(" "),t("w-text-int",{attrs:{borderRadius:5},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"width"}}),n._v(" "),t("w-text-int",{attrs:{width:100},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"not editable"}}),n._v(" "),t("w-text-int",{attrs:{editable:!1},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & default"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & buttonColor & buttonColorHover & buttonColorFocus"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",buttonColor:"orange lighten-1",buttonColorHover:"orange accent-3",buttonColorFocus:"orange darken-2"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",_backgroundColorFocus:"'orange lighten-5'",backgroundColor:"rgba(255, 171, 64, 0.05)",backgroundColorHover:"rgba(255, 171, 64, 0.1)",backgroundColorFocus:"rgba(255, 171, 64, 0.2)"},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & borderRadius"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",borderRadius:5},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & width"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",width:100},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-int",casename:"border & not editable"}}),n._v(" "),t("w-text-int",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",editable:!1},model:{value:n.WTextInt.int,callback:function(e){n.$set(n.WTextInt,"int",e)},expression:"WTextInt.int"}})],1)])])};Nm._withStripped=!0;const Jm=Fr({render:Nm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-text-int")])])}]},(function(n){n&&n("data-v-3abcd0d7_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTextInt.vue"},media:void 0})}),Em,"data-v-3abcd0d7",false,undefined,!1,Dr,void 0,void 0);const $m={props:{value:{type:String,default:""},placeholder:{type:String,default:""},borderColorFocus:{type:String,default:"purple lighten-3"},editable:{type:Boolean,default:!0}},data:function(){return{valueTrans:""}},mounted:function(){},computed:{changeParam:function(){return this.valueTrans=this.value,""}},methods:{changeContent:function(n){var e=this;e.$nextTick((function(){e.$emit("input",n)}))}}};var Om=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("v-textarea",{staticStyle:{margin:"0px",padding:"0px"},attrs:{"auto-grow":"","hide-details":"",rows:"1",color:n.borderColorFocus,placeholder:n.placeholder,disabled:!n.editable},on:{change:n.changeContent},model:{value:n.valueTrans,callback:function(e){n.valueTrans=e},expression:"valueTrans"}})],1)};Om._withStripped=!0;const Mm={components:{demolink:Jr,WTextarea:Fr({render:Om,staticRenderFns:[]},(function(n){n&&n("data-v-217f1844_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextarea.vue"},media:void 0})}),$m,"data-v-217f1844",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiAccountCircle:"M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",WTextarea:{text:"The Woodman(樵夫) set to work at once, and so sharp was his axe that the tree was soon chopped nearly through."},actions:[{mode:"eleclick",selector:'textarea[rows="1"]'},{mode:"keypress",key:"ArrowRight"},{mode:"keypress",key:"ArrowDown"},{mode:"type",selector:'textarea[rows="1"]',str:"新增文字",noEnter:!0}]}}};var Qm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-textarea",casename:"default"}}),n._v(" "),t("w-textarea",{model:{value:n.WTextarea.text,callback:function(e){n.$set(n.WTextarea,"text",e)},expression:"WTextarea.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-textarea",casename:"borderColorFocus"}}),n._v(" "),t("w-textarea",{attrs:{borderColorFocus:"light-blue darken-2"},model:{value:n.WTextarea.text,callback:function(e){n.$set(n.WTextarea,"text",e)},expression:"WTextarea.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-textarea",casename:"placeholder"}}),n._v(" "),t("w-textarea",{attrs:{placeholder:"請輸入項目申請原因"},model:{value:n.WTextarea.text,callback:function(e){n.$set(n.WTextarea,"text",e)},expression:"WTextarea.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"500px"}},[t("demolink",{attrs:{kbname:"w-textarea",casename:"not editable"}}),n._v(" "),t("w-textarea",{attrs:{editable:!1},model:{value:n.WTextarea.text,callback:function(e){n.$set(n.WTextarea,"text",e)},expression:"WTextarea.text"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"100%"}},[t("demolink",{attrs:{kbname:"w-textarea",casename:"fullwidth"}}),n._v(" "),t("w-textarea",{model:{value:n.WTextarea.text,callback:function(e){n.$set(n.WTextarea,"text",e)},expression:"WTextarea.text"}})],1)])])};Qm._withStripped=!0;const Um=Fr({render:Qm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-textarea")])])}]},(function(n){n&&n("data-v-ed21f746_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTextarea.vue"},media:void 0})}),Mm,"data-v-ed21f746",false,undefined,!1,Dr,void 0,void 0);const qm={directives:{domresize:Ti()},components:{WShellEllipse:Us,WTextSuggestCore:Nd},props:{paddingStyle:{type:Object,default:function(){return{v:2,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:function(){return[]}},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:function(){return{v:12,h:16}}},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(n){var e=this,t=Ll(e.paddingStyle,{returnObj:!0}).bottom-2,o=ie(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){return ja(n)?n[this.keyText]:n},updateFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))},updateShowPanel:function(n){var e=this;e.showPanelTrans=n,e.$nextTick((function(){e.$emit("update:showPanel",n)}))}}};var ng=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,distY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",[n._v("\n                        "+n._s(e.text)+"\n                    ")],{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",[t("div",[n._v(n._s(n.getText(e.item)))])],{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};ng._withStripped=!0;const eg={components:{demolink:Jr,WTextSelect:Fr({render:ng,staticRenderFns:[]},(function(n){n&&n("data-v-2669ec71_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})}),qm,"data-v-2669ec71",false,undefined,!1,Dr,void 0,void 0),WPopup:fd},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTextSelect:{objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"},objItemsKeyText:[{key:"orange",name:"橘子(orange)"},{key:"banana",name:"香蕉(banana)"},{key:"strawberry",name:"草莓(strawberry)"}],objValueKeyText:{key:"banana",name:"香蕉(banana)"},objItemsLarge:function(){var n=[];n.push({key:"banana:1",text:"香蕉(banana:1)"});for(var e=2;e<=1e4;e++)n.push({key:"banana:"+e,text:"香蕉(banana:"+e+")"});return n}(),objValueLarge:{key:"banana:1",text:"香蕉(banana:1)"},strItems:["orange(橘子)","banana(香蕉)","strawberry(草莓)"],strValue:"strawberry(草莓)"},actions:[{mode:"eleclick",selector:'input[type="text"]'},{mode:"eleclick",selector:'div[tabindex="0"]',nth:2},{mode:"keypress",key:"Tab"}]}},methods:{evUpdateFocused:function(n,e){console.log("evUpdateFocused","item=",n,"kitem",e)},evUpdateShowPanel:function(n,e){console.log("evUpdateShowPanel","item=",n,"kitem",e)},evBlur:function(n,e){console.log("evBlur","item=",n,"kitem",e)},evInput:function(n,e){console.log("evInput","item=",n,"kitem",e)},evClickItem:function(n,e){console.log("evClickItem","item=",n,"kitem",e)},evClickLeft:function(){console.log("evClickLeft")},evClickRight:function(){console.log("evClickRight")}}};var tg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"default"}}),n._v(" "),t("w-text-select",{attrs:{items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"paddingStyle (thin style)"}}),n._v(" "),t("w-text-select",{attrs:{paddingStyle:{v:0,h:10},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-text-select",{attrs:{paddingStyle:{v:4,h:15},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"textFontSize"}}),n._v(" "),t("w-text-select",{attrs:{textFontSize:"0.8rem",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"textColor & expansionIconColor"}}),n._v(" "),t("w-text-select",{attrs:{textColor:"orange darken-2",expansionIconColor:"orange",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"expansionIconSize"}}),n._v(" "),t("w-text-select",{attrs:{expansionIconSize:14,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"leftIcon (material)"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"leftIcon (fontawesome)"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:"fas fa-clipboard-check",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"leftIcon & leftIconSize"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconSize:20,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"leftIcon & leftIconColor & leftIconColorHover & leftIconColorFocus & leftIconTooltip"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"orange lighten-1",leftIconColorHover:"orange accent-3",leftIconColorFocus:"orange darken-2",leftIconTooltip:"show tooltip",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"rightIcon & rightIconSize"}}),n._v(" "),t("w-text-select",{attrs:{rightIcon:n.mdiCheckUnderlineCircle,rightIconSize:20,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"rightIcon & rightIconColor & rightIconColorHover & rightIconColorFocus & rightIconTooltip"}}),n._v(" "),t("w-text-select",{attrs:{rightIcon:n.mdiCheckUnderlineCircle,rightIconColor:"orange lighten-1",rightIconColorHover:"orange accent-3",rightIconColorFocus:"orange darken-2",rightIconTooltip:"show tooltip",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"showExpansionIcon"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,showExpansionIcon:!1,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"borderRadius"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,borderRadius:5,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"itemPaddingStyle"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,itemPaddingStyle:{v:5,h:8},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"keyText"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItemsKeyText,keyText:"name"},model:{value:n.WTextSelect.objValueKeyText,callback:function(e){n.$set(n.WTextSelect,"objValueKeyText",e)},expression:"WTextSelect.objValueKeyText"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"itemTextFontSize & defItemHeight & width"}}),n._v(" "),t("w-text-select",{staticStyle:{width:"250px"},attrs:{leftIcon:n.mdiCheckUnderlineCircle,defItemHeight:48,itemTextFontSize:"1rem",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"itemTextColor & itemTextColorHover & itemBackgroundColor & itemBackgroundColorHover"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,itemTextColor:"orange darken-3",itemTextColorHover:"white",itemBackgroundColor:"white",itemBackgroundColorHover:"orange darken-3",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"a lot of items"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItemsLarge},model:{value:n.WTextSelect.objValueLarge,callback:function(e){n.$set(n.WTextSelect,"objValueLarge",e)},expression:"WTextSelect.objValueLarge"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"items(string array)"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.strItems},model:{value:n.WTextSelect.strValue,callback:function(e){n.$set(n.WTextSelect,"strValue",e)},expression:"WTextSelect.strValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"slot select"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},scopedSlots:n._u([{key:"select",fn:function(e){return[n._v("\n                    "+n._s("orange"===e.item.key?"🍊🍊🍊🍊🍊🍊":"banana"===e.item.key?"🍌🍌🍌🍌🍌🍌":"🍓🍓🍓🍓🍓🍓")+"\n                ")]}}]),model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"slot item"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v(n._s(e.item.key))]),n._v(" "),t("div",[n._v(n._s(e.item.text))])]}}]),model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text-select",casename:"fullwidth"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"with popup"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show popup")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"45px 25px"}},[t("w-text-select",{attrs:{items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"events"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems,_enter:"evEnter"},on:{"update:focused":n.evUpdateFocused,"update:showPanel":n.evUpdateShowPanel,blur:n.evBlur,input:n.evInput,"click-item":n.evClickItem,"click-left":n.evClickLeft,"click-right":n.evClickRight},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"not editable"}}),n._v(" "),t("w-text-select",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,editable:!1,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div"),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & default"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & paddingStyle (thin style)"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",paddingStyle:{v:0,h:10},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",paddingStyle:{v:4,h:15},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & textFontSize"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textFontSize:"0.8rem",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & textColor & expansionIconColor"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2",expansionIconColor:"orange",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & expansionIconSize"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",expansionIconSize:14,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & leftIcon (material)"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & leftIcon (fontawesome)"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:"fas fa-clipboard-check",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & leftIcon & leftIconSize"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,leftIconSize:20,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & leftIcon & leftIconColor & leftIconColorHover & leftIconColorFocus & leftIconTooltip"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"orange lighten-1",leftIconColorHover:"orange accent-3",leftIconColorFocus:"orange darken-2",leftIconTooltip:"show tooltip",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & rightIcon & rightIconSize"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",rightIcon:n.mdiCheckUnderlineCircle,rightIconSize:20,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & rightIcon & rightIconColor & rightIconColorHover & rightIconColorFocus & rightIconTooltip"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",rightIcon:n.mdiCheckUnderlineCircle,rightIconColor:"orange lighten-1",rightIconColorHover:"orange accent-3",rightIconColorFocus:"orange darken-2",rightIconTooltip:"show tooltip",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",_backgroundColorFocus:"'orange lighten-5'",leftIcon:n.mdiCheckUnderlineCircle,backgroundColor:"rgba(255, 171, 64, 0.05)",backgroundColorHover:"rgba(255, 171, 64, 0.1)",backgroundColorFocus:"rgba(255, 171, 64, 0.2)",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & showExpansionIcon"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,showExpansionIcon:!1,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & borderRadius"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,borderRadius:5,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & itemPaddingStyle"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,itemPaddingStyle:{v:5,h:8},items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & keyText"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItemsKeyText,keyText:"name"},model:{value:n.WTextSelect.objValueKeyText,callback:function(e){n.$set(n.WTextSelect,"objValueKeyText",e)},expression:"WTextSelect.objValueKeyText"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & itemTextFontSize & defItemHeight & width"}}),n._v(" "),t("w-text-select",{staticStyle:{width:"250px"},attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,defItemHeight:48,itemTextFontSize:"1rem",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & itemTextColor & itemTextColorHover & itemBackgroundColor & itemBackgroundColorHover"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,itemTextColor:"orange darken-3",itemTextColorHover:"white",itemBackgroundColor:"white",itemBackgroundColorHover:"orange darken-3",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & a lot of items"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItemsLarge},model:{value:n.WTextSelect.objValueLarge,callback:function(e){n.$set(n.WTextSelect,"objValueLarge",e)},expression:"WTextSelect.objValueLarge"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & items(string array)"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.strItems},model:{value:n.WTextSelect.strValue,callback:function(e){n.$set(n.WTextSelect,"strValue",e)},expression:"WTextSelect.strValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & slot select"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},scopedSlots:n._u([{key:"select",fn:function(e){return[n._v("\n                    "+n._s("orange"===e.item.key?"🍊🍊🍊🍊🍊🍊":"banana"===e.item.key?"🍌🍌🍌🍌🍌🍌":"🍓🍓🍓🍓🍓🍓")+"\n                ")]}}]),model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & slot item"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v(n._s(e.item.key))]),n._v(" "),t("div",[n._v(n._s(e.item.text))])]}}]),model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & fullwidth"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & with popup"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show popup")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"45px 25px"}},[t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & events"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiCheckUnderlineCircle,items:n.WTextSelect.objItems,_enter:"evEnter"},on:{"update:focused":n.evUpdateFocused,"update:showPanel":n.evUpdateShowPanel,blur:n.evBlur,input:n.evInput,"click-item":n.evClickItem,"click-left":n.evClickLeft,"click-right":n.evClickRight},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"border & not editable"}}),n._v(" "),t("w-text-select",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,editable:!1,items:n.WTextSelect.objItems},model:{value:n.WTextSelect.objValue,callback:function(e){n.$set(n.WTextSelect,"objValue",e)},expression:"WTextSelect.objValue"}})],1)])])};tg._withStripped=!0;const og=Fr({render:tg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-text-select")])])}]},(function(n){n&&n("data-v-9155a050_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTextSelect.vue"},media:void 0})}),eg,"data-v-9155a050",false,undefined,!1,Dr,void 0,void 0);const rg={components:{demolink:Jr,WTextSuggest:Od,WPopup:fd},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTextSuggest:{focused:!1,showPanel:!1,objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"},objItemsKeyText:[{key:"orange",name:"橘子(orange)"},{key:"banana",name:"香蕉(banana)"},{key:"strawberry",name:"草莓(strawberry)"}],objValueKeyText:{key:"banana",name:"香蕉(banana)"},objItemsLarge:function(){var n=[];n.push({key:"banana:1",text:"香蕉(banana:1)"});for(var e=2;e<=1e4;e++)n.push({key:"banana:"+e,text:"香蕉(banana:"+e+")"});return n}(),objValueLarge:{key:"banana:1",text:"香蕉(banana:1)"},strItems:["orange(橘子)","banana(香蕉)","strawberry(草莓)"],strValue:"strawberry(草莓)"},actions:[{mode:"eleclick",selector:'input[type="text"]'},{mode:"keypress",key:"End"},{mode:"keypress",key:"Backspace",count:15},{mode:"eleclick",selector:'li[role="option"]',nth:2},{mode:"eleclick",selector:"div.bk"}]}},methods:{evUpdateFocused:function(n,e){console.log("evUpdateFocused","item=",n,"kitem",e)},evUpdateShowPanel:function(n,e){console.log("evUpdateShowPanel","item=",n,"kitem",e)},evBlur:function(n,e){console.log("evBlur","item=",n,"kitem",e)},evInput:function(n,e){console.log("evInput","item=",n,"kitem",e)},evEnter:function(n,e){console.log("evEnter","item=",n,"kitem",e)},evClickItem:function(n,e){console.log("evClickItem","item=",n,"kitem",e)},evClickLeft:function(){console.log("evClickLeft")},evClickRight:function(){console.log("evClickRight")},hidePanelWhenEnter:function(){var n=this;document.activeElement.blur(),setTimeout((function(){n.WTextSuggest.showPanel=!1}),100)}}};var ig=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"default"}}),n._v(" "),t("w-text-suggest",{attrs:{items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"paddingStyle (thin style)"}}),n._v(" "),t("w-text-suggest",{attrs:{paddingStyle:{v:0,h:10},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-text-suggest",{attrs:{paddingStyle:{v:4,h:15},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"textFontSize"}}),n._v(" "),t("w-text-suggest",{attrs:{textFontSize:"0.8rem",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"textColor & expansionIconColor"}}),n._v(" "),t("w-text-suggest",{attrs:{textColor:"orange darken-2",expansionIconColor:"orange",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"expansionIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{expansionIconSize:14,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"noResultsText"}}),n._v(" "),t("w-text-suggest",{attrs:{items:n.WTextSuggest.objItems,noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"leftIcon (material)"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"leftIcon (fontawesome)"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:"fas fa-clipboard-check",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"leftIcon & leftIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconSize:20,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"leftIcon & leftIconColor & leftIconColorHover & leftIconColorFocus & leftIconTooltip"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"orange lighten-1",leftIconColorHover:"orange accent-3",leftIconColorFocus:"orange darken-2",leftIconTooltip:"show tooltip",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"rightIcon & rightIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{rightIcon:n.mdiCheckUnderlineCircle,rightIconSize:20,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"rightIcon & rightIconColor & rightIconColorHover & rightIconColorFocus & rightIconTooltip"}}),n._v(" "),t("w-text-suggest",{attrs:{rightIcon:n.mdiCheckUnderlineCircle,rightIconColor:"orange lighten-1",rightIconColorHover:"orange accent-3",rightIconColorFocus:"orange darken-2",rightIconTooltip:"show tooltip",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"showExpansionIcon"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,showExpansionIcon:!1,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"placeholder"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,placeholder:"keywords",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"borderRadius"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,borderRadius:5,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"itemPaddingStyle"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,itemPaddingStyle:{v:5,h:8},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"keyText"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItemsKeyText,keyText:"name",noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValueKeyText,callback:function(e){n.$set(n.WTextSuggest,"objValueKeyText",e)},expression:"WTextSuggest.objValueKeyText"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"itemTextFontSize & defItemHeight"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,defItemHeight:48,itemTextFontSize:"1rem",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"itemTextColor & itemTextColorHover & itemBackgroundColor & itemBackgroundColorHover"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,itemTextColor:"orange darken-3",itemTextColorHover:"white",itemBackgroundColor:"white",itemBackgroundColorHover:"orange darken-3",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"a lot of items"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItemsLarge,noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValueLarge,callback:function(e){n.$set(n.WTextSuggest,"objValueLarge",e)},expression:"WTextSuggest.objValueLarge"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"items(string array)"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.strItems},model:{value:n.WTextSuggest.strValue,callback:function(e){n.$set(n.WTextSuggest,"strValue",e)},expression:"WTextSuggest.strValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"showPanel(press enter to hide panel) & focused"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px"}},[t("div",{staticStyle:{"font-size":"0.8rem"}},[n._v("focused="+n._s(n.WTextSuggest.focused)+", showPanel="+n._s(n.WTextSuggest.showPanel))]),n._v(" "),t("div",[t("v-btn",{staticStyle:{"margin-right":"5px"},attrs:{small:""},on:{click:function(e){n.WTextSuggest.showPanel=!0}}},[n._v("show panel")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"5px"},attrs:{small:""},on:{click:function(e){n.WTextSuggest.showPanel=!1}}},[n._v("hide panel")])],1)]),n._v(" "),t("w-text-suggest",{attrs:{focused:n.WTextSuggest.focused,showPanel:n.WTextSuggest.showPanel,items:n.WTextSuggest.objItems},on:{"update:focused":function(e){return n.$set(n.WTextSuggest,"focused",e)},"update:showPanel":function(e){return n.$set(n.WTextSuggest,"showPanel",e)},"update:show-panel":function(e){return n.$set(n.WTextSuggest,"showPanel",e)},enter:n.hidePanelWhenEnter},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"slot item"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v(n._s(e.item.key))]),n._v(" "),t("div",[n._v(n._s(e.item.text))])]}}]),model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"fullwidth"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-select",casename:"with popup"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show popup")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"45px 25px"}},[t("w-text-suggest",{attrs:{items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"events"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},on:{"update:focused":n.evUpdateFocused,"update:showPanel":n.evUpdateShowPanel,blur:n.evBlur,input:n.evInput,enter:n.evEnter,"click-item":n.evClickItem,"click-left":n.evClickLeft,"click-right":n.evClickRight},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"not editable"}}),n._v(" "),t("w-text-suggest",{attrs:{leftIcon:n.mdiCheckUnderlineCircle,editable:!1,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div"),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & default"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & paddingStyle (thin style)"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",paddingStyle:{v:0,h:10},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",paddingStyle:{v:4,h:15},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & textFontSize"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textFontSize:"0.8rem",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & textColor & expansionIconColor"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2",expansionIconColor:"orange",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & expansionIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",expansionIconSize:14,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & noResultsText"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems,noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & leftIcon (material)"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & leftIcon (fontawesome)"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:"fas fa-clipboard-check",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & leftIcon & leftIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,leftIconSize:20,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & leftIcon & leftIconColor & leftIconColorHover & leftIconColorFocus & leftIconTooltip"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,leftIconColor:"orange lighten-1",leftIconColorHover:"orange accent-3",leftIconColorFocus:"orange darken-2",leftIconTooltip:"show tooltip",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & rightIcon & rightIconSize"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",rightIcon:n.mdiCheckUnderlineCircle,rightIconSize:20,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & rightIcon & rightIconColor & rightIconColorHover & rightIconColorFocus & rightIconTooltip"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",rightIcon:n.mdiCheckUnderlineCircle,rightIconColor:"orange lighten-1",rightIconColorHover:"orange accent-3",rightIconColorFocus:"orange darken-2",rightIconTooltip:"show tooltip",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",_backgroundColorFocus:"'orange lighten-5'",leftIcon:n.mdiCheckUnderlineCircle,backgroundColor:"rgba(255, 171, 64, 0.05)",backgroundColorHover:"rgba(255, 171, 64, 0.1)",backgroundColorFocus:"rgba(255, 171, 64, 0.2)",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & showExpansionIcon"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,showExpansionIcon:!1,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & placeholder"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,placeholder:"keywords",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & borderRadius"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,borderRadius:5,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & itemPaddingStyle"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,itemPaddingStyle:{v:5,h:8},items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & keyText"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItemsKeyText,keyText:"name",noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValueKeyText,callback:function(e){n.$set(n.WTextSuggest,"objValueKeyText",e)},expression:"WTextSuggest.objValueKeyText"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & itemTextFontSize & defItemHeight"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,defItemHeight:48,itemTextFontSize:"1rem",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & itemTextColor & itemTextColorHover & itemBackgroundColor & itemBackgroundColorHover"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,itemTextColor:"orange darken-3",itemTextColorHover:"white",itemBackgroundColor:"white",itemBackgroundColorHover:"orange darken-3",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & a lot of items"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItemsLarge,noResultsText:"無有效項目"},model:{value:n.WTextSuggest.objValueLarge,callback:function(e){n.$set(n.WTextSuggest,"objValueLarge",e)},expression:"WTextSuggest.objValueLarge"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & items(string array)"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.strItems},model:{value:n.WTextSuggest.strValue,callback:function(e){n.$set(n.WTextSuggest,"strValue",e)},expression:"WTextSuggest.strValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & showPanel(press enter to hide panel) & focused"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px"}},[t("div",{staticStyle:{"font-size":"0.8rem"}},[n._v("focused="+n._s(n.WTextSuggest.focused)+", showPanel="+n._s(n.WTextSuggest.showPanel))]),n._v(" "),t("div",[t("v-btn",{staticStyle:{"margin-right":"5px"},attrs:{small:""},on:{click:function(e){n.WTextSuggest.showPanel=!0}}},[n._v("show panel")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"5px"},attrs:{small:""},on:{click:function(e){n.WTextSuggest.showPanel=!1}}},[n._v("hide panel")])],1)]),n._v(" "),t("w-text-suggest",{attrs:{focused:n.WTextSuggest.focused,showPanel:n.WTextSuggest.showPanel,shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},on:{"update:focused":function(e){return n.$set(n.WTextSuggest,"focused",e)},"update:showPanel":function(e){return n.$set(n.WTextSuggest,"showPanel",e)},"update:show-panel":function(e){return n.$set(n.WTextSuggest,"showPanel",e)},enter:n.hidePanelWhenEnter},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & slot item"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v(n._s(e.item.key))]),n._v(" "),t("div",[n._v(n._s(e.item.text))])]}}]),model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & fullwidth"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & with popup"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show popup")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"45px 25px"}},[t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & events"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,rightIcon:n.mdiCheckUnderlineCircle,items:n.WTextSuggest.objItems},on:{"update:focused":n.evUpdateFocused,"update:showPanel":n.evUpdateShowPanel,blur:n.evBlur,input:n.evInput,enter:n.evEnter,"click-item":n.evClickItem,"click-left":n.evClickLeft,"click-right":n.evClickRight},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-text-suggest",casename:"border & not editable"}}),n._v(" "),t("w-text-suggest",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",leftIcon:n.mdiCheckUnderlineCircle,editable:!1,items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)])])};ig._withStripped=!0;const ag=Fr({render:ig,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-text-suggest")])])}]},(function(n){n&&n("data-v-0cac463e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTextSuggest.vue"},media:void 0})}),rg,"data-v-0cac463e",false,undefined,!1,Dr,void 0,void 0);var lg=V((function(n,e){n.exports=function(){var n=1e3,e=6e4,t=36e5,o="millisecond",r="second",i="minute",a="hour",l="day",s="week",c="month",d="quarter",u="year",p="date",m="Invalid Date",g=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},f=function(n,e,t){var o=String(n);return!o||o.length>=e?n:""+Array(e+1-o.length).join(t)+n},b={s:f,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),o=Math.floor(t/60),r=t%60;return(e<=0?"+":"-")+f(o,2,"0")+":"+f(r,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var o=12*(t.year()-e.year())+(t.month()-e.month()),r=e.clone().add(o,c),i=t-r<0,a=e.clone().add(o+(i?-1:1),c);return+(-(o+(t-r)/(i?r-a:a-r))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:c,y:u,w:s,d:l,D:p,h:a,m:i,s:r,ms:o,Q:d}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},y="en",x={};x[y]=h;var k=function(n){return n instanceof W},C=function(n,e,t){var o;if(!n)return y;if("string"==typeof n)x[n]&&(o=n),e&&(x[n]=e,o=n);else{var r=n.name;x[r]=n,o=r}return!t&&o&&(y=o),o||!t&&y},S=function(n,e){if(k(n))return n.clone();var t="object"==Z(e)?e:{};return t.date=n,t.args=arguments,new W(t)},w=b;w.l=C,w.i=k,w.w=function(n,e){return S(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var W=function(){function h(n){this.$L=C(n.locale,null,!0),this.parse(n)}var f=h.prototype;return f.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(w.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var o=e.match(g);if(o){var r=o[2]-1||0,i=(o[7]||"0").substring(0,3);return t?new Date(Date.UTC(o[1],r,o[3]||1,o[4]||0,o[5]||0,o[6]||0,i)):new Date(o[1],r,o[3]||1,o[4]||0,o[5]||0,o[6]||0,i)}}return new Date(e)}(n),this.$x=n.x||{},this.init()},f.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},f.$utils=function(){return w},f.isValid=function(){return!(this.$d.toString()===m)},f.isSame=function(n,e){var t=S(n);return this.startOf(e)<=t&&t<=this.endOf(e)},f.isAfter=function(n,e){return S(n)<this.startOf(e)},f.isBefore=function(n,e){return this.endOf(e)<S(n)},f.$g=function(n,e,t){return w.u(n)?this[e]:this.set(t,n)},f.unix=function(){return Math.floor(this.valueOf()/1e3)},f.valueOf=function(){return this.$d.getTime()},f.startOf=function(n,e){var t=this,o=!!w.u(e)||e,d=w.p(n),m=function(n,e){var r=w.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return o?r:r.endOf(l)},g=function(n,e){return w.w(t.toDate()[n].apply(t.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},v=this.$W,h=this.$M,f=this.$D,b="set"+(this.$u?"UTC":"");switch(d){case u:return o?m(1,0):m(31,11);case c:return o?m(1,h):m(0,h+1);case s:var y=this.$locale().weekStart||0,x=(v<y?v+7:v)-y;return m(o?f-x:f+(6-x),h);case l:case p:return g(b+"Hours",0);case a:return g(b+"Minutes",1);case i:return g(b+"Seconds",2);case r:return g(b+"Milliseconds",3);default:return this.clone()}},f.endOf=function(n){return this.startOf(n,!1)},f.$set=function(n,e){var t,s=w.p(n),d="set"+(this.$u?"UTC":""),m=(t={},t[l]=d+"Date",t[p]=d+"Date",t[c]=d+"Month",t[u]=d+"FullYear",t[a]=d+"Hours",t[i]=d+"Minutes",t[r]=d+"Seconds",t[o]=d+"Milliseconds",t)[s],g=s===l?this.$D+(e-this.$W):e;if(s===c||s===u){var v=this.clone().set(p,1);v.$d[m](g),v.init(),this.$d=v.set(p,Math.min(this.$D,v.daysInMonth())).$d}else m&&this.$d[m](g);return this.init(),this},f.set=function(n,e){return this.clone().$set(n,e)},f.get=function(n){return this[w.p(n)]()},f.add=function(o,d){var p,m=this;o=Number(o);var g=w.p(d),v=function(n){var e=S(m);return w.w(e.date(e.date()+Math.round(n*o)),m)};if(g===c)return this.set(c,this.$M+o);if(g===u)return this.set(u,this.$y+o);if(g===l)return v(1);if(g===s)return v(7);var h=(p={},p[i]=e,p[a]=t,p[r]=n,p)[g]||1,f=this.$d.getTime()+o*h;return w.w(f,this)},f.subtract=function(n,e){return this.add(-1*n,e)},f.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||m;var o=n||"YYYY-MM-DDTHH:mm:ssZ",r=w.z(this),i=this.$H,a=this.$m,l=this.$M,s=t.weekdays,c=t.months,d=function(n,t,r,i){return n&&(n[t]||n(e,o))||r[t].substr(0,i)},u=function(n){return w.s(i%12||12,n,"0")},p=t.meridiem||function(n,e,t){var o=n<12?"AM":"PM";return t?o.toLowerCase():o},g={YY:String(this.$y).slice(-2),YYYY:this.$y,M:l+1,MM:w.s(l+1,2,"0"),MMM:d(t.monthsShort,l,c,3),MMMM:d(c,l),D:this.$D,DD:w.s(this.$D,2,"0"),d:String(this.$W),dd:d(t.weekdaysMin,this.$W,s,2),ddd:d(t.weekdaysShort,this.$W,s,3),dddd:s[this.$W],H:String(i),HH:w.s(i,2,"0"),h:u(1),hh:u(2),a:p(i,a,!0),A:p(i,a,!1),m:String(a),mm:w.s(a,2,"0"),s:String(this.$s),ss:w.s(this.$s,2,"0"),SSS:w.s(this.$ms,3,"0"),Z:r};return o.replace(v,(function(n,e){return e||g[n]||r.replace(":","")}))},f.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},f.diff=function(o,p,m){var g,v=w.p(p),h=S(o),f=(h.utcOffset()-this.utcOffset())*e,b=this-h,y=w.m(this,h);return y=(g={},g[u]=y/12,g[c]=y,g[d]=y/3,g[s]=(b-f)/6048e5,g[l]=(b-f)/864e5,g[a]=b/t,g[i]=b/e,g[r]=b/n,g)[v]||b,m?y:w.a(y)},f.daysInMonth=function(){return this.endOf(c).$D},f.$locale=function(){return x[this.$L]},f.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),o=C(n,e,!0);return o&&(t.$L=o),t},f.clone=function(){return w.w(this.$d,this)},f.toDate=function(){return new Date(this.valueOf())},f.toJSON=function(){return this.isValid()?this.toISOString():null},f.toISOString=function(){return this.$d.toISOString()},f.toString=function(){return this.$d.toUTCString()},h}(),I=W.prototype;return S.prototype=I,[["$ms",o],["$s",r],["$m",i],["$H",a],["$W",l],["$M",c],["$y",u],["$D",p]].forEach((function(n){I[n[1]]=function(e){return this.$g(e,n[0],n[1])}})),S.extend=function(n,e){return n.$i||(n(e,W,S),n.$i=!0),S},S.locale=C,S.isDayjs=k,S.unix=function(n){return S(1e3*n)},S.en=x[y],S.Ls=x,S.p={},S}()}));function sg(n){if(!ir(n))return!1;var e="YYYY-MM-DD";return n===lg(n,e).format(e)}const cg={props:{value:{type:String,default:""},textFontSize:{type:String,default:"0.9rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},height:{type:Number,default:28},editable:{type:Boolean,default:!0}},data:function(){return{mdiChevronLeft:"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z",mdiChevronRight:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",show:!1,value_day:""}},mounted:function(){},watch:{show:function(n){this.$emit("update:focused",n)}},computed:{changeParam:function(){var n=this,e=n.value;return sg(e)?n.value_day=e:n.value_day="",""},getShowTime:function(){return this.value_day},useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)}},methods:{getDay:function(n){var e=Yt(n,"-");return e=hi(e=ie(e,"[2]"))},ch_day:function(n){var e=this,t=n,o="";sg(t)&&(o=t),e.show=!1,e.$nextTick((function(){e.$emit("input",o)}))}}};var dg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("v-menu",{attrs:{"offset-y":"","close-on-content-click":!1,disabled:!n.editable},scopedSlots:n._u([{key:"activator",fn:function(e){var o=e.on;return[t("div",n._g({style:"display:inline-block; width:83px; color:"+n.useTextColor+"; "+n.useTextFontSize+" height:"+n.height+"px; line-height:"+n.height+"px; vertical-align:middle;",attrs:{TimedayCore:"day"}},o),[n._v("\n                "+n._s(n.getShowTime)+"\n            ")])]}}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[n._v(" "),t("v-date-picker",{attrs:{"no-title":"",locale:"zh-tw","prev-icon":n.mdiChevronLeft,"next-icon":n.mdiChevronRight,color:n.pickColor,"day-format":n.getDay,value:n.value_day},on:{input:n.ch_day}})],1)],1)};dg._withStripped=!0;const ug=Fr({render:dg,staticRenderFns:[]},(function(n){n&&n("data-v-6cd04eee_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCore.vue"},media:void 0})}),cg,"data-v-6cd04eee",false,undefined,!1,Dr,void 0,void 0);const pg={components:{WShellEllipse:Us,WTimedayCore:ug},props:{textFontSize:{type:String,default:"0.9rem"},textColor:{type:String,default:"black"},paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},icon:{type:String,default:m},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},pickColor:{type:String,default:"deep-orange darken-1"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:m,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var mg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,value:n.value,editable:n.editable},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};mg._withStripped=!0;const gg={components:{demolink:Jr,WTimeday:Fr({render:mg,staticRenderFns:[]},(function(n){n&&n("data-v-65223262_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeday.vue"},media:void 0})}),pg,"data-v-65223262",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTimeday:{day:"2019-01-01"},actions:[{mode:"eleclick",selector:'div[TimedayCore="day"]'},{mode:"eleclick",selector:'button[type="button"]',nth:11},{mode:"elemove",selector:'div[ShellEllipse="leftIcon"]',nth:-1}]}}};var vg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"default"}}),n._v(" "),t("w-timeday",{model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"borderRadius"}}),n._v(" "),t("w-timeday",{attrs:{borderRadius:5},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"icon (material)"}}),n._v(" "),t("w-timeday",{attrs:{icon:n.mdiCheckUnderlineCircle},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"icon (fontawesome)"}}),n._v(" "),t("w-timeday",{attrs:{icon:"fas fa-clipboard-check"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"icon & iconSize"}}),n._v(" "),t("w-timeday",{attrs:{icon:n.mdiCheckUnderlineCircle,iconSize:20},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"iconColor & iconColorFoucs"}}),n._v(" "),t("w-timeday",{attrs:{iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"textColor"}}),n._v(" "),t("w-timeday",{attrs:{textColor:"orange darken-2"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"pickColor"}}),n._v(" "),t("w-timeday",{attrs:{pickColor:"brown"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"iconTooltip"}}),n._v(" "),t("w-timeday",{attrs:{icon:n.mdiCheckUnderlineCircle,iconTooltip:"show tooltip"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"not editable"}}),n._v(" "),t("w-timeday",{attrs:{editable:!1},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & default"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & borderRadius"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",borderRadius:5},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & icon (material)"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & icon (fontawesome)"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:"fas fa-clipboard-check"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & iconColor & iconColorFoucs & borderColor & borderColorFocus & backgroundColorFocus"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"cyan lighten-2",borderColorFocus:"cyan darken-1",backgroundColorFocus:"cyan lighten-5",iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & textColor"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & pickColor"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",pickColor:"brown"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & iconTooltip"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle,iconTooltip:"show tooltip"},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday",casename:"border & not editable"}}),n._v(" "),t("w-timeday",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",editable:!1},model:{value:n.WTimeday.day,callback:function(e){n.$set(n.WTimeday,"day",e)},expression:"WTimeday.day"}})],1)])])};vg._withStripped=!0;const hg=Fr({render:vg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-timeday")])])}]},(function(n){n&&n("data-v-36da01c3_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTimeday.vue"},media:void 0})}),gg,"data-v-36da01c3",false,undefined,!1,Dr,void 0,void 0);var fg=Math.ceil,bg=Math.max;var yg=function(n,e,t,o){for(var r=-1,i=bg(fg((e-n)/(t||1)),0),a=Array(i);i--;)a[o?i:++r]=n,n+=t;return a};var xg=function(n){return function(e,t,o){return o&&"number"!=typeof o&&wt(e,t,o)&&(t=o=void 0),e=li(e),void 0===t?(t=e,e=0):t=li(t),o=void 0===o?e<t?1:-1:li(o),yg(e,t,o,n)}}();var kg=function(n){return(null==n?0:n.length)?za(n,Infinity):[]};const Cg={components:{WTimedayCore:ug,WTextSuggestCore:Nd},props:{value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.9rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:w},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},height:{type:Number,default:28},editable:{type:Boolean,default:!0}},data:function(){return{value_day:"",value_time:"",focused_day:!1,focused_time:!1}},mounted:function(){},computed:{changeParam:function(){var n=this,e=n.value,t=Yt(e,"T");return n.value_day=ie(t,0),n.value_time=al(ie(t,1),5),""},getUseMinutes:function(){var n=this;if(Va(n.minutesCustom))return n.minutesCustom;var e=fi(n.hourMin)&&fi(n.hourMax)&&n.hourMin<=n.hourMax,t=fi(n.minuteInter);if(e&&t){var o=tr(xg(n.hourMin,n.hourMax+1),(function(e){var t=String(e);return e<10&&(t="0"+t),tr(xg(0,60,n.minuteInter),(function(n){var e=String(n);return n<10&&(e="0"+e),t+":"+e}))}));o=kg(o);var r=String(n.hourMax);return n.hourMax<10&&(r="0"+r),r+=":00",o=br(o,(function(n){return n<=r}))}}},methods:{ch_day:function(n){this.value_day=n,this.changeContent()},ch_time:function(n){this.value_time=n,this.changeContent()},changeContent:function(){var n=this,e=n.value_day+"T"+n.value_time+":00";(function(n){if(!ir(n))return!1;var e="YYYY-MM-DDTHH:mm:ss";return n===lg(n,e).format(e)})(e)&&n.$nextTick((function(){n.$emit("input",e)}))},changeFocused:function(){var n=this,e=n.focused_day||n.focused_time;n.$nextTick((function(){n.$emit("update:focused",e)}))}}};var Sg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{staticStyle:{"margin-right":"5px"},attrs:{TimeminuteCore:"day",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,height:n.height,editable:n.editable,value:n.value_day},on:{"update:focused":function(e){n.focused_day=e,n.changeFocused()},input:n.ch_day}}),n._v(" "),t("div",{staticStyle:{"margin-right":"-3px"}},[t("WTextSuggestCore",{attrs:{TimeminuteCore:"minute",mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,height:n.height,editable:n.editable,items:n.getUseMinutes,value:n.value_time},on:{"update:focused":function(e){n.focused_time=e,n.changeFocused()},input:n.ch_time}})],1)],1)])};Sg._withStripped=!0;const wg=Fr({render:Sg,staticRenderFns:[]},(function(n){n&&n("data-v-7c72e211_0",{source:"\n[data-v-7c72e211] div.v-input__icon {\r\n    transform: translateX(-5px);\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTimeminuteCore.vue"],names:[],mappings:";AAkSA;IACA,2BAAA;AACA",file:"WTimeminuteCore.vue",sourcesContent:["<template>\r\n    \x3c!-- 時間組件因v-date-picker有點擊區域的限制, 故得使用display:inline-block --\x3e\r\n    <div\r\n        style=\"display:inline-block;\"\r\n        :changeParam=\"changeParam\"\r\n    >\r\n        \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <WTimedayCore\r\n                TimeminuteCore=\"day\"\r\n                style=\"margin-right:5px;\"\r\n                :textFontSize=\"textFontSize\"\r\n                :textColor=\"textColor\"\r\n                :pickColor=\"pickColor\"\r\n                :height=\"height\"\r\n                :editable=\"editable\"\r\n                :value=\"value_day\"\r\n                @update:focused=\"(v)=>{focused_day=v;changeFocused()}\"\r\n                @input=\"ch_day\"\r\n            ></WTimedayCore>\r\n\r\n            <div style=\"margin-right:-3px;\">\r\n                <WTextSuggestCore\r\n                    TimeminuteCore=\"minute\"\r\n                    :mode=\"'select'\"\r\n                    :textFontSize=\"textFontSize\"\r\n                    :textColor=\"textColor\"\r\n                    :minWidth=\"70\"\r\n                    :expansionIcon=\"expansionIcon\"\r\n                    :expansionIconSize=\"expansionIconSize\"\r\n                    :expansionIconColor=\"expansionIconColor\"\r\n                    :height=\"height\"\r\n                    :editable=\"editable\"\r\n                    :items=\"getUseMinutes\"\r\n                    :value=\"value_time\"\r\n                    @update:focused=\"(v)=>{focused_time=v;changeFocused()}\"\r\n                    @input=\"ch_time\"\r\n                ></WTextSuggestCore>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport split from 'lodash/split'\r\nimport get from 'lodash/get'\r\nimport map from 'lodash/map'\r\nimport range from 'lodash/range'\r\nimport flattenDeep from 'lodash/flattenDeep'\r\nimport filter from 'lodash/filter'\r\nimport strleft from 'wsemi/src/strleft.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport istime from 'wsemi/src/istime.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport WTimedayCore from './WTimedayCore.vue'\r\nimport WTextSuggestCore from './WTextSuggestCore.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value=''] 輸入日期字串，預設''\r\n * @vue-prop {Number} [hourMin=8] 輸入可選最小小時，單位為小時，預設8\r\n * @vue-prop {Number} [hourMax=8] 輸入可選最大小時，單位為小時，預設8\r\n * @vue-prop {Number} [minuteInter=15] 輸入每小時的切分區間，單位為分鐘，預設15\r\n * @vue-prop {Array} [minutesCustom=null] 輸入自訂可選的時分點字串陣列，單位為時分(00:00)，若給予，則上述hourMin,hourMax,minuteInter自動失效，預設null\r\n * @vue-prop {String} [textFontSize='0.9rem'] 輸入文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入右側圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='grey'] 輸入右側圖標顏色字串，預設'grey'\r\n * @vue-prop {Number} [height=28] 輸入高度數字，單位為px，預設28\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true\r\n */\r\nexport default {\r\n    components: {\r\n        WTimedayCore,\r\n        WTextSuggestCore\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        hourMin: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        hourMax: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        minuteInter: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        minutesCustom: {\r\n            type: Array,\r\n            default: null,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.9rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        pickColor: {\r\n            type: String,\r\n            default: 'deep-orange darken-1',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        height: {\r\n            type: Number,\r\n            default: 28,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            value_day: '',\r\n            value_time: '',\r\n            focused_day: false,\r\n            focused_time: false,\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //s\r\n            let s = split(value, 'T')\r\n\r\n            //day\r\n            vo.value_day = get(s, 0)\r\n\r\n            //time\r\n            vo.value_time = strleft(get(s, 1), 5)\r\n\r\n            return ''\r\n        },\r\n\r\n        getUseMinutes: function () {\r\n            //console.log('computed getUseMinutes')\r\n\r\n            let vo = this\r\n\r\n            if (isarr(vo.minutesCustom)) {\r\n                return vo.minutesCustom\r\n            }\r\n\r\n            let b1 = ispint(vo.hourMin) && ispint(vo.hourMax) && vo.hourMin <= vo.hourMax\r\n            let b2 = ispint(vo.minuteInter)\r\n            if (!b1 || !b2) {\r\n                return\r\n            }\r\n\r\n            //rs, 各時分\r\n            let rs = map(range(vo.hourMin, vo.hourMax + 1), function(hour) {\r\n\r\n                //產生時\r\n                let h = String(hour)\r\n                if (hour < 10) {\r\n                    h = '0' + h\r\n                }\r\n\r\n                //產生分\r\n                return map(range(0, 60, vo.minuteInter), function(min) {\r\n                    let m = String(min)\r\n                    if (min < 10) {\r\n                        m = '0' + m\r\n                    }\r\n                    return h + ':' + m\r\n                })\r\n            })\r\n            rs = flattenDeep(rs)\r\n\r\n            //hMax\r\n            let hMax = String(vo.hourMax)\r\n            if (vo.hourMax < 10) {\r\n                hMax = '0' + hMax\r\n            }\r\n            hMax = hMax + ':00'\r\n            rs = filter(rs, function(r) {\r\n                return r <= hMax\r\n            })\r\n\r\n            return rs\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        ch_day: function(v) {\r\n            //console.log('methods ch_day',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.value_day = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        ch_time: function(v) {\r\n            //console.log('methods ch_time',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.value_time = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        changeContent: function () {\r\n            //console.log('methods changeContent')\r\n\r\n            let vo = this\r\n\r\n            //value\r\n            let value = vo.value_day + 'T' + vo.value_time + ':00'\r\n\r\n            //check\r\n            if (!istime(value)) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        changeFocused: function() {\r\n            //console.log('methods changeFocused')\r\n\r\n            let vo = this\r\n\r\n            //focused\r\n            let focused = vo.focused_day || vo.focused_time\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:focused', focused)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n::v-deep div.v-input__icon {\r\n    transform: translateX(-5px);\r\n}\r\n</style>\r\n"]},media:void 0})}),Cg,"data-v-7c72e211",false,undefined,!1,Dr,void 0,void 0);const Wg={components:{WShellEllipse:Us,WTimeminuteCore:wg},props:{paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:m},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:w},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:m,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var Ig=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteCore",{attrs:{hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,value:n.value},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};Ig._withStripped=!0;const _g={components:{demolink:Jr,WTimeminute:Fr({render:Ig,staticRenderFns:[]},(function(n){n&&n("data-v-f9b706a4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminute.vue"},media:void 0})}),Wg,"data-v-f9b706a4",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTimeminute:{value:"2019-01-01T10:00:00"},actions:[{mode:"eleclick",selector:'div[TimedayCore="day"]'},{mode:"eleclick",selector:'button[type="button"]',nth:11},{mode:"eleclick",selector:'input[type="text"]'},{mode:"eleclick",selector:"div.v-list-item__title",nth:1},{mode:"keypress",key:"Tab"},{mode:"elemove",selector:'div[ShellEllipse="leftIcon"]',nth:-1}]}}};var Tg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"default"}}),n._v(" "),t("w-timeminute",{model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"borderRadius"}}),n._v(" "),t("w-timeminute",{attrs:{borderRadius:5},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"icon (material)"}}),n._v(" "),t("w-timeminute",{attrs:{icon:n.mdiCheckUnderlineCircle},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"icon (fontawesome)"}}),n._v(" "),t("w-timeminute",{attrs:{icon:"fas fa-clipboard-check"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"icon & iconSize"}}),n._v(" "),t("w-timeminute",{attrs:{icon:n.mdiCheckUnderlineCircle,iconSize:20},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"iconColor & iconColorFoucs"}}),n._v(" "),t("w-timeminute",{attrs:{iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"textColor & expansionIconColor"}}),n._v(" "),t("w-timeminute",{attrs:{textColor:"orange darken-2",expansionIconColor:"orange lighten-1"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"pickColor"}}),n._v(" "),t("w-timeminute",{attrs:{pickColor:"brown"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"iconTooltip"}}),n._v(" "),t("w-timeminute",{attrs:{icon:n.mdiCheckUnderlineCircle,iconTooltip:"show tooltip"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"not editable"}}),n._v(" "),t("w-timeminute",{attrs:{editable:!1},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"hourMin & hourMax"}}),n._v(" "),t("w-timeminute",{attrs:{hourMin:9,hourMax:12},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"minuteInter"}}),n._v(" "),t("w-timeminute",{attrs:{minuteInter:10},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"minutesCustom"}}),n._v(" "),t("w-timeminute",{attrs:{minutesCustom:["10:00","10:30","11:15","12:00"]},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & default"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & borderRadius"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",borderRadius:5},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & icon (material)"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & icon (fontawesome)"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:"fas fa-clipboard-check"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & iconColor & iconColorFoucs & borderColor & borderColorFocus & backgroundColorFocus"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"cyan lighten-2",borderColorFocus:"cyan darken-1",backgroundColorFocus:"cyan lighten-5",iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & textColor & expansionIconColor"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2",expansionIconColor:"orange lighten-1"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & pickColor"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",pickColor:"brown"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & iconTooltip"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle,iconTooltip:"show tooltip"},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & not editable"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",editable:!1},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & hourMin & hourMax"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",hourMin:9,hourMax:12},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & minuteInter"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",minuteInter:10},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute",casename:"border & minutesCustom"}}),n._v(" "),t("w-timeminute",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",minutesCustom:["10:00","10:30","11:15","12:00"]},model:{value:n.WTimeminute.value,callback:function(e){n.$set(n.WTimeminute,"value",e)},expression:"WTimeminute.value"}})],1)])])};Tg._withStripped=!0;const Hg=Fr({render:Tg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-timeminute")])])}]},(function(n){n&&n("data-v-9a034b56_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTimeminute.vue"},media:void 0})}),_g,"data-v-9a034b56",false,undefined,!1,Dr,void 0,void 0);const Ag={components:{WTimedayCore:ug},props:{dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},textFontSize:{type:String,default:"0.9rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},height:{type:Number,default:28},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)}},methods:{changeFocused:function(){var n=this,e=n.focused_start||n.focused_end;n.$nextTick((function(){n.$emit("update:focused",e)}))}}};var Zg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{attrs:{TimedayRangeCore:"dayFrom",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,height:n.height,editable:n.editable,value:n.dayStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:dayStart",e)}}}),n._v(" "),t("div",{style:"display:inline-block; padding-left:5px; padding-right:8px; height:"+n.height+"px; line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle;"},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimedayCore",{attrs:{TimedayRangeCore:"dayTo",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,height:n.height,editable:n.editable,value:n.dayEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:dayEnd",e)}}})],1)])};Zg._withStripped=!0;const Bg={components:{WShellEllipse:Us,WTimedayRangeCore:Fr({render:Zg,staticRenderFns:[]},(function(n){n&&n("data-v-23fd2927_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRangeCore.vue"},media:void 0})}),Ag,"data-v-23fd2927",false,undefined,!1,Dr,void 0,void 0)},props:{paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},icon:{type:String,default:m},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:m,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var Vg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayRangeCore",{attrs:{pickColor:n.pickColor,textColor:n.textColor,between:n.between,dayStart:n.dayStart,dayEnd:n.dayEnd,editable:n.editable},on:{"update:focused":n.changeFocused,"update:dayStart":function(e){n.$emit("update:dayStart",e)},"update:dayEnd":function(e){n.$emit("update:dayEnd",e)}}})],1)],1)};Vg._withStripped=!0;const Pg={components:{demolink:Jr,WTimedayRange:Fr({render:Vg,staticRenderFns:[]},(function(n){n&&n("data-v-c646b688_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRange.vue"},media:void 0})}),Bg,"data-v-c646b688",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTimedayRange:{dayStart:"2019-01-01",dayEnd:"2019-02-01"},actions:[{mode:"eleclick",selector:'div[TimedayCore="day"]',nth:0},{mode:"eleclick",selector:'button[type="button"]',nth:11},{mode:"eleclick",selector:'div[TimedayCore="day"]',nth:1},{mode:"eleclick",selector:'button[type="button"]',nth:14},{mode:"elemove",selector:'div[ShellEllipse="leftIcon"]',nth:-1}]}}};var jg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"default"}}),n._v(" "),t("w-timeday-range",{attrs:{dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"borderRadius"}}),n._v(" "),t("w-timeday-range",{attrs:{borderRadius:5,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"between"}}),n._v(" "),t("w-timeday-range",{attrs:{between:"至",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"icon (material)"}}),n._v(" "),t("w-timeday-range",{attrs:{icon:n.mdiCheckUnderlineCircle,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"icon (fontawesome)"}}),n._v(" "),t("w-timeday-range",{attrs:{icon:"fas fa-clipboard-check",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"icon & iconSize"}}),n._v(" "),t("w-timeday-range",{attrs:{icon:n.mdiCheckUnderlineCircle,iconSize:20,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"iconColor & iconColorFoucs"}}),n._v(" "),t("w-timeday-range",{attrs:{iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"textColor"}}),n._v(" "),t("w-timeday-range",{attrs:{textColor:"orange darken-2",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"pickColor"}}),n._v(" "),t("w-timeday-range",{attrs:{pickColor:"brown",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"iconTooltip"}}),n._v(" "),t("w-timeday-range",{attrs:{iconTooltip:"show tooltip",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"not editable"}}),n._v(" "),t("w-timeday-range",{attrs:{editable:!1,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & default"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & borderRadius"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",borderRadius:5,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & between"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",between:"至",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & icon (material)"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & icon (fontawesome)"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:"fas fa-clipboard-check",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & iconColor & iconColorFoucs & borderColor & borderColorFocus & backgroundColorFocus"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"cyan lighten-2",borderColorFocus:"cyan darken-1",backgroundColorFocus:"cyan lighten-5",iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & textColor"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & pickColor"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",pickColor:"brown",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & iconTooltip"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",iconTooltip:"show tooltip",dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeday-range",casename:"border & not editable"}}),n._v(" "),t("w-timeday-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",editable:!1,dayStart:n.WTimedayRange.dayStart,dayEnd:n.WTimedayRange.dayEnd},on:{"update:dayStart":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:day-start":function(e){return n.$set(n.WTimedayRange,"dayStart",e)},"update:dayEnd":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)},"update:day-end":function(e){return n.$set(n.WTimedayRange,"dayEnd",e)}}})],1)])])};jg._withStripped=!0;const Xg=Fr({render:jg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-timeday-range")])])}]},(function(n){n&&n("data-v-6df0a7d1_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTimedayRange.vue"},media:void 0})}),Pg,"data-v-6df0a7d1",false,undefined,!1,Dr,void 0,void 0);const Gg={components:{WTimeminuteCore:wg},props:{minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.9rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:w},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},height:{type:Number,default:28},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){var n=this.textFontSize;return n=$r(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return qr(this.textColor)}},methods:{changeFocused:function(){var n=this,e=n.focused_start||n.focused_end;n.$nextTick((function(){n.$emit("update:focused",e)}))}}};var Rg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuFrom",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,height:n.height,editable:n.editable,value:n.minuteStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:minuteStart",e)}}}),n._v(" "),t("div",{style:"display:inline-block; padding-left:9px; padding-right:11px; height:"+n.height+"px; line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle;"},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuTo",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,height:n.height,editable:n.editable,value:n.minuteEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:minuteEnd",e)}}})],1)])};Rg._withStripped=!0;const Lg={components:{WShellEllipse:Us,WTimeminuteRangeCore:Fr({render:Rg,staticRenderFns:[]},(function(n){n&&n("data-v-e6cc2864_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRangeCore.vue"},media:void 0})}),Gg,"data-v-e6cc2864",false,undefined,!1,Dr,void 0,void 0)},props:{paddingStyle:{type:Object,default:function(){return{v:0,h:15}}},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:m},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:w},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:m,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){var e=this;e.focusedTrans=n,e.$nextTick((function(){e.$emit("update:focused",n)}))}}};var Fg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteRangeCore",{attrs:{textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,between:n.between,minuteEnd:n.minuteEnd,minuteStart:n.minuteStart,editable:n.editable},on:{"update:focused":n.changeFocused,"update:minuteEnd":function(e){n.$emit("update:minuteEnd",e)},"update:minuteStart":function(e){n.$emit("update:minuteStart",e)}}})],1)],1)};Fg._withStripped=!0;const Kg={components:{demolink:Jr,WTimeminuteRange:Fr({render:Fg,staticRenderFns:[]},(function(n){n&&n("data-v-6b9a8002_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRange.vue"},media:void 0})}),Lg,"data-v-6b9a8002",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:S,WTimeminuteRange:{minuteStart:"2019-01-01T10:00:00",minuteEnd:"2019-02-01T12:00:00"},actions:[{mode:"eleclick",selector:'div[TimedayCore="day"]',nth:0},{mode:"eleclick",selector:'button[type="button"]',nth:11},{mode:"eleclick",selector:'input[type="text"]',nth:0},{mode:"eleclick",selector:"div.v-list-item__title",nth:1},{mode:"eleclick",selector:'div[TimedayCore="day"]',nth:1},{mode:"eleclick",selector:'button[type="button"]',nth:14},{mode:"eleclick",selector:'input[type="text"]',nth:1},{mode:"eleclick",selector:"div.v-list-item__title",nth:1},{mode:"keypress",key:"Tab"},{mode:"elemove",selector:'div[ShellEllipse="leftIcon"]',nth:-1}]}}};var Yg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"default"}}),n._v(" "),t("w-timeminute-range",{attrs:{minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"borderRadius"}}),n._v(" "),t("w-timeminute-range",{attrs:{borderRadius:5,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"between"}}),n._v(" "),t("w-timeminute-range",{attrs:{between:"至",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"icon (material)"}}),n._v(" "),t("w-timeminute-range",{attrs:{icon:n.mdiCheckUnderlineCircle,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"icon (fontawesome)"}}),n._v(" "),t("w-timeminute-range",{attrs:{icon:"fas fa-clipboard-check",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"icon & iconSize"}}),n._v(" "),t("w-timeminute-range",{attrs:{icon:n.mdiCheckUnderlineCircle,iconSize:20,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"iconColor & iconColorFoucs"}}),n._v(" "),t("w-timeminute-range",{attrs:{iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"textColor & expansionIconColor"}}),n._v(" "),t("w-timeminute-range",{attrs:{textColor:"orange darken-2",expansionIconColor:"orange lighten-1",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"pickColor"}}),n._v(" "),t("w-timeminute-range",{attrs:{pickColor:"brown",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"iconTooltip"}}),n._v(" "),t("w-timeminute-range",{attrs:{iconTooltip:"show tooltip",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"not editable"}}),n._v(" "),t("w-timeminute-range",{attrs:{editable:!1,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"hourMin & hourMax"}}),n._v(" "),t("w-timeminute-range",{attrs:{hourMin:9,hourMax:12,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"minuteInter"}}),n._v(" "),t("w-timeminute-range",{attrs:{minuteInter:10,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"minutesCustom"}}),n._v(" "),t("w-timeminute-range",{attrs:{minutesCustom:["10:00","10:30","11:15","12:00"],minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & default"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & borderRadius"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",borderRadius:5,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & between"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",between:"至",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & icon (material)"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:n.mdiCheckUnderlineCircle,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & icon (fontawesome)"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",icon:"fas fa-clipboard-check",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & iconColor & iconColorFoucs & borderColor & borderColorFocus & backgroundColorFocus"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"cyan lighten-2",borderColorFocus:"cyan darken-1",backgroundColorFocus:"cyan lighten-5",iconColor:"cyan lighten-2",iconColorFocus:"cyan darken-1",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & textColor & expansionIconColor"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",textColor:"orange darken-2",expansionIconColor:"orange lighten-1",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & pickColor"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",pickColor:"brown",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & iconTooltip"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",iconTooltip:"show tooltip",minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & not editable"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",editable:!1,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & hourMin & hourMax"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",hourMin:9,hourMax:12,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & minuteInter"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",minuteInter:10,minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-timeminute-range",casename:"border & minutesCustom"}}),n._v(" "),t("w-timeminute-range",{attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",minutesCustom:["10:00","10:30","11:15","12:00"],minuteStart:n.WTimeminuteRange.minuteStart,minuteEnd:n.WTimeminuteRange.minuteEnd},on:{"update:minuteStart":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minute-start":function(e){return n.$set(n.WTimeminuteRange,"minuteStart",e)},"update:minuteEnd":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)},"update:minute-end":function(e){return n.$set(n.WTimeminuteRange,"minuteEnd",e)}}})],1)])])};Yg._withStripped=!0;const Dg=Fr({render:Yg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-timeminute-range")])])}]},(function(n){n&&n("data-v-0ba2bd06_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTimeminuteRange.vue"},media:void 0})}),Kg,"data-v-0ba2bd06",false,undefined,!1,Dr,void 0,void 0);const zg={components:{demolink:Jr,WDynamicList:Dd},props:{},data:function(){return{WDynamicList:{viewHeightMax:250,keywords:"fede 80",changeText:!1,changeSlot:!1,data1:["Examine trends in the movement of guns across different states.","Code of Federal Regulations - Alcohol, Tobacco Products and Firearms","1980-2014 November General Election Turnout and Registration","Reported Voting and Registration, by Sex and Single Years of Age: November 2016","felon-disenfranchisement","623e708e-574e-45a2-9dc9-b53178903325","https://assembly-public-spotlight.s3.amazonaws.com/assets/images/public-welcome/card_disenfranchisement.jpg","Disenfranchisement patterns by General Election.","Estimate how felon enfranchisement could affect close elections. Track how disenfranchisement has varied over time. an American non-profit journalism outlet dedicated to expanding media coverage on the state of guns in the U.S., spent 11 months amassing data on stolen and recovered guns. They filed hundreds of public record requests to over 1,000 law enforcement agencies in 36 states to investigate what happens to guns when they are reported stolen. The data reveals that guns were recovered by a variety of means, from being turned in as evidence or by abandonment.","Vivien Ngo, Data Journalism Fellow."],data2:["There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.","Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.","But I must explain to you how all this mistaken idea of denouncing.","It is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences","On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple.","Tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."],data3:function(n){for(var e=[{name:"Jason Oner",msg:"Boost campaign performance by targeting specific user groups.",avatar:"https://cdn.vuetifyjs.com/images/lists/1.jpg"},{name:"Travis Howard",msg:"Determine the exact users you'd like to target with a message or an experiment, based on behavioral data, like watching a video, or abandoning a cart, and demographic data, like age or location.",avatar:"https://cdn.vuetifyjs.com/images/lists/2.jpg"},{name:"Ali Connors",msg:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar. Examine trends in the movement of guns across different states. Code of Federal Regulations - Alcohol, Tobacco Products and Firearms 1980-2014 November General Election Turnout and Registration. Reported Voting and Registration, by Sex and Single Years of Age: November 2016. Map felon disenfranchisement patterns by state.",avatar:"https://cdn.vuetifyjs.com/images/lists/3.jpg"},{name:"Cindy Baker",msg:"Easily build highly personalized messages, and test multiple versions to see what works—all in Mixpanel, no code required.",avatar:"https://cdn.vuetifyjs.com/images/lists/4.jpg"},{name:"Deborah Lee",msg:"Set detailed behavioral triggers, sequences, and rate limits for messages, to ensure that each campaign is relevant, timely, and delivered at the right pace.",avatar:"https://cdn.vuetifyjs.com/images/lists/5.jpg"}],t=[],o=0;o<20;o++)for(var r=0;r<e.length;r++)t.push(e[r]);return t}(),data4:function(n){for(var e=[{name:"Jason Oner",msg:"Boost campaign performance by targeting specific user groups.",avatar:"https://cdn.vuetifyjs.com/images/lists/1.jpg"},{name:"Travis Howard",msg:"Determine the exact users you'd like to target with a message or an experiment, based on behavioral data, like watching a video, or abandoning a cart, and demographic data, like age or location.",avatar:"https://cdn.vuetifyjs.com/images/lists/2.jpg"},{name:"Ali Connors",msg:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar. Examine trends in the movement of guns across different states. Code of Federal Regulations - Alcohol, Tobacco Products and Firearms 1980-2014 November General Election Turnout and Registration. Reported Voting and Registration, by Sex and Single Years of Age: November 2016. Map felon disenfranchisement patterns by state.",avatar:"https://cdn.vuetifyjs.com/images/lists/3.jpg"},{name:"Cindy Baker",msg:"Easily build highly personalized messages, and test multiple versions to see what works—all in Mixpanel, no code required.",avatar:"https://cdn.vuetifyjs.com/images/lists/4.jpg"},{name:"Deborah Lee",msg:"Set detailed behavioral triggers, sequences, and rate limits for messages, to ensure that each campaign is relevant, timely, and delivered at the right pace.",avatar:"https://cdn.vuetifyjs.com/images/lists/5.jpg"}],t=[],o=0;o<20;o++)for(var r=0;r<e.length;r++)t.push(e[r]);return t}(),data5:function(n){for(var e=[{name:"Jason Oner",msg:"Boost campaign performance by targeting specific user groups.",avatar:"https://cdn.vuetifyjs.com/images/lists/1.jpg"},{name:"Travis Howard",msg:"Determine the exact users you'd like to target with a message or an experiment, based on behavioral data, like watching a video, or abandoning a cart, and demographic data, like age or location.",avatar:"https://cdn.vuetifyjs.com/images/lists/2.jpg"},{name:"Ali Connors",msg:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar. Examine trends in the movement of guns across different states. Code of Federal Regulations - Alcohol, Tobacco Products and Firearms 1980-2014 November General Election Turnout and Registration. Reported Voting and Registration, by Sex and Single Years of Age: November 2016. Map felon disenfranchisement patterns by state.",avatar:"https://cdn.vuetifyjs.com/images/lists/3.jpg"},{name:"Cindy Baker",msg:"Easily build highly personalized messages, and test multiple versions to see what works—all in Mixpanel, no code required.",avatar:"https://cdn.vuetifyjs.com/images/lists/4.jpg"},{name:"Deborah Lee",msg:"Set detailed behavioral triggers, sequences, and rate limits for messages, to ensure that each campaign is relevant, timely, and delivered at the right pace.",avatar:"https://cdn.vuetifyjs.com/images/lists/5.jpg"}],t=[],o=0;o<2e5;o++)for(var r=0;r<e.length;r++)t.push(e[r]);return t}()},actions:[]}},methods:{processItemsByFun:function(){this.$refs.wdl.processItems({fun:function(n){for(var e=0;e<n.length;e++)n[e].displayShow=e%10==0}})},processItemsByInd:function(){var n,e=this;n={indStart:0,indEnd:99,displayShow:!0},e.$refs.wdl.processItems(n),n={indStart:0,indEnd:5,displayShow:!1},e.$refs.wdl.processItems(n),n={indStart:8,indEnd:97,displayShow:!1},e.$refs.wdl.processItems(n)},render:function(n){console.log("render",n)}}};var Eg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"default"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"viewHeightMax"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.viewHeightMax=250}}},[n._v("set height to 250px")]),n._v(" "),t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.viewHeightMax=350}}},[n._v("set height to 350px")])],1),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{viewHeightMax:n.WDynamicList.viewHeightMax,rows:n.WDynamicList.data1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999","word-break":"normal"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"change rows"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.changeText=!1}}},[n._v("original set")]),n._v(" "),t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.changeText=!0}}},[n._v("other set")])],1),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.changeText?n.WDynamicList.data2:n.WDynamicList.data1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"change slot"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.changeSlot=!1}}},[n._v("original slot")]),n._v(" "),t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDynamicList.changeSlot=!0}}},[n._v("other slot")])],1),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data1},scopedSlots:n._u([{key:"default",fn:function(e){return[n.WDynamicList.changeSlot?t("div",{staticStyle:{padding:"10px 20px"}},[t("div",[t("span",{staticStyle:{color:"#99f","font-size":"0.7rem","margin-right":"5px"}},[n._v("Number:")]),n._v(" "),t("span",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v(n._s(e.index+1))])]),n._v(" "),t("div",{staticStyle:{color:"#999"}},[n._v(n._s(e.row))])]):t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"filterKeywords & noResultsText"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("span",{staticStyle:{"padding-right":"10px"}},[n._v("Search :")]),n._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:n.WDynamicList.keywords,expression:"WDynamicList.keywords"}],staticStyle:{padding:"2px 15px",color:"#666",border:"1px solid #fca","border-radius":"30px",outline:"none"},domProps:{value:n.WDynamicList.keywords},on:{input:function(e){e.target.composing||n.$set(n.WDynamicList,"keywords",e.target.value)}}})]),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{filterKeywords:n.WDynamicList.keywords,noResultsText:"There are no items to show...",rows:n.WDynamicList.data1},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999","word-break":"normal"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"render"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data1},on:{render:n.render},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px"}},[t("div",{staticStyle:{color:"#f26"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{"padding-right":"10px"}},[n._v(":")]),n._v(" "),t("div",{staticStyle:{color:"#999"}},[n._v(n._s(e.row))])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"slot item with image"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data3},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex",padding:"15px"}},[t("div",{staticStyle:{padding:"5px 20px 0px 0px","max-height":"53px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{staticStyle:{"padding-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"10px","line-height":"14px"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"14px","line-height":"14px","padding-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"12px",color:"#999"}},[n._v(n._s(e.row.msg))])])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"processItems"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.processItemsByFun}},[n._v("hide items by fun")]),n._v(" "),t("v-btn",{staticStyle:{margin:"5px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.processItemsByInd}},[n._v("hide items by ind")])],1),n._v(" "),t("w-dynamic-list",{ref:"wdl",staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data4},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex",padding:"15px"}},[t("div",{staticStyle:{padding:"5px 20px 0px 0px","max-height":"53px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{staticStyle:{"padding-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"10px","line-height":"14px"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"14px","line-height":"14px","padding-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"12px",color:"#999"}},[n._v(n._s(e.row.msg))])])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-dynamic-list",casename:"large data (1,000,000 items)"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data5},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex",padding:"15px"}},[t("div",{staticStyle:{padding:"5px 20px 0px 0px","max-height":"53px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{staticStyle:{"padding-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"10px","line-height":"14px"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"14px","line-height":"14px","padding-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"12px",color:"#999"}},[n._v(n._s(e.row.msg))])])])]}}])})],1)])])};Eg._withStripped=!0;const Ng=Fr({render:Eg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dynamic-list")])])}]},(function(n){n&&n("data-v-486c31be_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDynamicList.vue"},media:void 0})}),zg,"data-v-486c31be",false,undefined,!1,Dr,void 0,void 0);function Jg(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function $g(n){return function(n){if(Array.isArray(n))return Jg(n)}(n)||function(n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(n))return Array.from(n)}(n)||function(n,e){if(n){if("string"==typeof n)return Jg(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Jg(n,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Og(n,e,t,o,r,i,a){try{var l=n[i](a),s=l.value}catch(n){return void t(n)}l.done?e(s):Promise.resolve(s).then(o,r)}function Mg(n){return(Mg="function"==typeof Symbol&&"symbol"==Z(Symbol.iterator)?function(n){return Z(n)}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":Z(n)})(n)}var Qg="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ug(n){var e={exports:{}};return n(e,e.exports),e.exports}var qg,nv=Ug((function(n){var e=function(n){var e,t=Object.prototype,o=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",l=r.toStringTag||"@@toStringTag";function s(n,e,t){return Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),n[e]}try{s({},"")}catch(n){s=function(n,e,t){return n[e]=t}}function c(n,e,t,o){var r=e&&e.prototype instanceof h?e:h,i=Object.create(r.prototype),a=new T(o||[]);return i._invoke=function(n,e,t){var o=u;return function(r,i){if(o===m)throw new Error("Generator is already running");if(o===g){if("throw"===r)throw i;return A()}for(t.method=r,t.arg=i;;){var a=t.delegate;if(a){var l=W(a,t);if(l){if(l===v)continue;return l}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if(o===u)throw o=g,t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);o=m;var s=d(n,e,t);if("normal"===s.type){if(o=t.done?g:p,s.arg===v)continue;return{value:s.arg,done:t.done}}"throw"===s.type&&(o=g,t.method="throw",t.arg=s.arg)}}}(n,t,a),i}function d(n,e,t){try{return{type:"normal",arg:n.call(e,t)}}catch(n){return{type:"throw",arg:n}}}n.wrap=c;var u="suspendedStart",p="suspendedYield",m="executing",g="completed",v={};function h(){}function f(){}function b(){}var y={};y[i]=function(){return this};var x=Object.getPrototypeOf,k=x&&x(x(H([])));k&&k!==t&&o.call(k,i)&&(y=k);var C=b.prototype=h.prototype=Object.create(y);function S(n){["next","throw","return"].forEach((function(e){s(n,e,(function(n){return this._invoke(e,n)}))}))}function w(n,e){function t(r,i,a,l){var s=d(n[r],n,i);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"===Mg(u)&&o.call(u,"__await")?e.resolve(u.__await).then((function(n){t("next",n,a,l)}),(function(n){t("throw",n,a,l)})):e.resolve(u).then((function(n){c.value=n,a(c)}),(function(n){return t("throw",n,a,l)}))}l(s.arg)}var r;this._invoke=function(n,o){function i(){return new e((function(e,r){t(n,o,e,r)}))}return r=r?r.then(i,i):i()}}function W(n,t){var o=n.iterator[t.method];if(o===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=e,W(n,t),"throw"===t.method))return v;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var r=d(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,v;var i=r.arg;return i?i.done?(t[n.resultName]=i.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=e),t.delegate=null,v):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,v)}function I(n){var e={tryLoc:n[0]};1 in n&&(e.catchLoc=n[1]),2 in n&&(e.finallyLoc=n[2],e.afterLoc=n[3]),this.tryEntries.push(e)}function _(n){var e=n.completion||{};e.type="normal",delete e.arg,n.completion=e}function T(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(I,this),this.reset(!0)}function H(n){if(n){var t=n[i];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,a=function t(){for(;++r<n.length;)if(o.call(n,r))return t.value=n[r],t.done=!1,t;return t.value=e,t.done=!0,t};return a.next=a}}return{next:A}}function A(){return{value:e,done:!0}}return f.prototype=C.constructor=b,b.constructor=f,f.displayName=s(b,l,"GeneratorFunction"),n.isGeneratorFunction=function(n){var e="function"==typeof n&&n.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,b):(n.__proto__=b,s(n,l,"GeneratorFunction")),n.prototype=Object.create(C),n},n.awrap=function(n){return{__await:n}},S(w.prototype),w.prototype[a]=function(){return this},n.AsyncIterator=w,n.async=function(e,t,o,r,i){void 0===i&&(i=Promise);var a=new w(c(e,t,o,r),i);return n.isGeneratorFunction(t)?a:a.next().then((function(n){return n.done?n.value:a.next()}))},S(C),s(C,l,"Generator"),C[i]=function(){return this},C.toString=function(){return"[object Generator]"},n.keys=function(n){var e=[];for(var t in n)e.push(t);return e.reverse(),function t(){for(;e.length;){var o=e.pop();if(o in n)return t.value=o,t.done=!1,t}return t.done=!0,t}},n.values=H,T.prototype={constructor:T,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(_),!n)for(var t in this)"t"===t.charAt(0)&&o.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=e)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function r(o,r){return l.type="throw",l.arg=n,t.next=o,r&&(t.method="next",t.arg=e),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],l=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var s=o.call(a,"catchLoc"),c=o.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(n,e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===n||"continue"===n)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=n,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(n,e){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&e&&(this.next=e),v},finish:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.finallyLoc===n)return this.complete(t.completion,t.afterLoc),_(t),v}},catch:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.tryLoc===n){var o=t.completion;if("throw"===o.type){var r=o.arg;_(t)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:H(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=e),v}},n}(n.exports);try{regeneratorRuntime=e}catch(n){Function("r","regeneratorRuntime = r")(e)}})),ev=Ug((function(n,e){!function(e,t){n.exports=function(e){var t,o=(e=e||{}).Base64,r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",i=function(n){for(var e={},t=0,o=n.length;t<o;t++)e[n.charAt(t)]=t;return e}(r),a=String.fromCharCode,l=function(n){if(n.length<2)return(e=n.charCodeAt(0))<128?n:e<2048?a(192|e>>>6)+a(128|63&e):a(224|e>>>12&15)+a(128|e>>>6&63)+a(128|63&e);var e=65536+1024*(n.charCodeAt(0)-55296)+(n.charCodeAt(1)-56320);return a(240|e>>>18&7)+a(128|e>>>12&63)+a(128|e>>>6&63)+a(128|63&e)},s=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g,c=function(n){return n.replace(s,l)},d=function(n){var e=[0,2,1][n.length%3],t=n.charCodeAt(0)<<16|(n.length>1?n.charCodeAt(1):0)<<8|(n.length>2?n.charCodeAt(2):0);return[r.charAt(t>>>18),r.charAt(t>>>12&63),e>=2?"=":r.charAt(t>>>6&63),e>=1?"=":r.charAt(63&t)].join("")},u=e.btoa&&"function"==typeof e.btoa?function(n){return e.btoa(n)}:function(n){if(n.match(/[^\x00-\xFF]/))throw new RangeError("The string contains invalid characters.");return n.replace(/[\s\S]{1,3}/g,d)},p=function(n){return u(c(String(n)))},m=function(n){return n.replace(/[+\/]/g,(function(n){return"+"==n?"-":"_"})).replace(/=/g,"")},g=function(n,e){return e?m(p(n)):p(n)};e.Uint8Array&&(t=function(n,e){for(var t="",o=0,i=n.length;o<i;o+=3){var a=n[o],l=n[o+1],s=n[o+2],c=a<<16|l<<8|s;t+=r.charAt(c>>>18)+r.charAt(c>>>12&63)+(void 0!==l?r.charAt(c>>>6&63):"=")+(void 0!==s?r.charAt(63&c):"=")}return e?m(t):t});var v,h=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,f=function(n){switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return a(55296+(e>>>10))+a(56320+(1023&e));case 3:return a((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return a((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},b=function(n){return n.replace(h,f)},y=function(n){var e=n.length,t=e%4,o=(e>0?i[n.charAt(0)]<<18:0)|(e>1?i[n.charAt(1)]<<12:0)|(e>2?i[n.charAt(2)]<<6:0)|(e>3?i[n.charAt(3)]:0),r=[a(o>>>16),a(o>>>8&255),a(255&o)];return r.length-=[0,0,2,1][t],r.join("")},x=e.atob&&"function"==typeof e.atob?function(n){return e.atob(n)}:function(n){return n.replace(/\S{1,4}/g,y)},k=function(n){return x(String(n).replace(/[^A-Za-z0-9\+\/]/g,""))},C=function(n){return String(n).replace(/[-_]/g,(function(n){return"-"==n?"+":"/"})).replace(/[^A-Za-z0-9\+\/]/g,"")},S=function(n){return function(n){return b(x(n))}(C(n))};e.Uint8Array&&(v=function(n){return Uint8Array.from(k(C(n)),(function(n){return n.charCodeAt(0)}))});if(e.Base64={VERSION:"2.6.4",atob:k,btoa:u,fromBase64:S,toBase64:g,utob:c,encode:g,encodeURI:function(n){return g(n,!0)},btou:b,decode:S,noConflict:function(){var n=e.Base64;return e.Base64=o,n},fromUint8Array:t,toUint8Array:v},"function"==typeof Object.defineProperty){var w=function(n){return{value:n,enumerable:!1,writable:!0,configurable:!0}};e.Base64.extendString=function(){Object.defineProperty(String.prototype,"fromBase64",w((function(){return S(this)}))),Object.defineProperty(String.prototype,"toBase64",w((function(n){return g(this,n)}))),Object.defineProperty(String.prototype,"toBase64URI",w((function(){return g(this,!0)})))}}return e.Meteor&&(Base64=e.Base64),n.exports&&(n.exports.Base64=e.Base64),{Base64:e.Base64}}(e)}("undefined"!=typeof self?self:"undefined"!=typeof window?window:Qg)})),tv=Ug((function(n){var e=Object.prototype.hasOwnProperty,t="~";function o(){}function r(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,o,i,a){if("function"!=typeof o)throw new TypeError("The listener must be a function");var l=new r(o,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new o:delete n._events[e]}function l(){this._events=new o,this._eventsCount=0}Object.create&&(o.prototype=Object.create(null),(new o).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,o,r=[];if(0===this._eventsCount)return r;for(o in n=this._events)e.call(n,o)&&r.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(n)):r},l.prototype.listeners=function(n){var e=t?t+n:n,o=this._events[e];if(!o)return[];if(o.fn)return[o.fn];for(var r=0,i=o.length,a=new Array(i);r<i;r++)a[r]=o[r].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,o=this._events[e];return o?o.fn?1:o.length:0},l.prototype.emit=function(n,e,o,r,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,d=this._events[l],u=arguments.length;if(d.fn){switch(d.once&&this.removeListener(n,d.fn,void 0,!0),u){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,e),!0;case 3:return d.fn.call(d.context,e,o),!0;case 4:return d.fn.call(d.context,e,o,r),!0;case 5:return d.fn.call(d.context,e,o,r,i),!0;case 6:return d.fn.call(d.context,e,o,r,i,a),!0}for(c=1,s=new Array(u-1);c<u;c++)s[c-1]=arguments[c];d.fn.apply(d.context,s)}else{var p,m=d.length;for(c=0;c<m;c++)switch(d[c].once&&this.removeListener(n,d[c].fn,void 0,!0),u){case 1:d[c].fn.call(d[c].context);break;case 2:d[c].fn.call(d[c].context,e);break;case 3:d[c].fn.call(d[c].context,e,o);break;case 4:d[c].fn.call(d[c].context,e,o,r);break;default:if(!s)for(p=1,s=new Array(u-1);p<u;p++)s[p-1]=arguments[p];d[c].fn.apply(d[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,o,r){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||r&&!l.once||o&&l.context!==o||a(this,i);else{for(var s=0,c=[],d=l.length;s<d;s++)(l[s].fn!==e||r&&!l[s].once||o&&l[s].context!==o)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new o,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}));!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;function n(){return new tv}function e(){var n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}function t(){for(var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),o=t.length,r=0;r<n;r++)e[r]=t[0|Math.random()*o];var i=e.join("");return i}var o=("CgoKdmFyIHQ9QXJyYXkuaXNBcnJheSxyPSJ1bmRlZmluZWQiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOiJ1bmRlZmluZWQiIT10eXBlb2Ygd2luZG93P3dpbmRvdzoidW5kZWZpbmVkIiE9dHlwZW9mIGdsb2JhbD9nbG9iYWw6InVuZGVmaW5lZCIhPXR5cGVvZiBzZWxmP3NlbGY6e307ZnVuY3Rpb24gZSh0KXt2YXIgcj17ZXhwb3J0czp7fX07cmV0dXJuIHQocixyLmV4cG9ydHMpLHIuZXhwb3J0c312YXIgbj0ib2JqZWN0Ij09dHlwZW9mIHImJnImJnIuT2JqZWN0PT09T2JqZWN0JiZyLG89Im9iamVjdCI9PXR5cGVvZiBzZWxmJiZzZWxmJiZzZWxmLk9iamVjdD09PU9iamVjdCYmc2VsZix1PW58fG98fEZ1bmN0aW9uKCJyZXR1cm4gdGhpcyIpKCksYT11LlN5bWJvbCxpPU9iamVjdC5wcm90b3R5cGUsYz1pLmhhc093blByb3BlcnR5LGY9aS50b1N0cmluZyxsPWE/YS50b1N0cmluZ1RhZzp2b2lkIDA7dmFyIHY9ZnVuY3Rpb24odCl7dmFyIHI9Yy5jYWxsKHQsbCksZT10W2xdO3RyeXt0W2xdPXZvaWQgMDt2YXIgbj0hMH1jYXRjaCh0KXt9dmFyIG89Zi5jYWxsKHQpO3JldHVybiBuJiYocj90W2xdPWU6ZGVsZXRlIHRbbF0pLG99LHM9T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZzt2YXIgYj1mdW5jdGlvbih0KXtyZXR1cm4gcy5jYWxsKHQpfSxwPWE/YS50b1N0cmluZ1RhZzp2b2lkIDA7dmFyIHk9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwPT09dD8iW29iamVjdCBVbmRlZmluZWRdIjoiW29iamVjdCBOdWxsXSI6cCYmcCBpbiBPYmplY3QodCk/dih0KTpiKHQpfTt2YXIgaD1mdW5jdGlvbih0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fTt2YXIgZD1mdW5jdGlvbih0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fGgodCkmJiJbb2JqZWN0IFN5bWJvbF0iPT15KHQpfSxqPS9cLnxcWyg/OlteW1xdXSp8KFsiJ10pKD86KD8hXDEpW15cXF18XFwuKSo/XDEpXF0vLGc9L15cdyokLzt2YXIgXz1mdW5jdGlvbihyLGUpe2lmKHQocikpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISgibnVtYmVyIiE9biYmInN5bWJvbCIhPW4mJiJib29sZWFuIiE9biYmbnVsbCE9ciYmIWQocikpfHwoZy50ZXN0KHIpfHwhai50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKSl9O3ZhciBPPWZ1bmN0aW9uKHQpe3ZhciByPXR5cGVvZiB0O3JldHVybiBudWxsIT10JiYoIm9iamVjdCI9PXJ8fCJmdW5jdGlvbiI9PXIpfTt2YXIgdyxtPWZ1bmN0aW9uKHQpe2lmKCFPKHQpKXJldHVybiExO3ZhciByPXkodCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09cnx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cnx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1yfHwiW29iamVjdCBQcm94eV0iPT1yfSxBPXVbIl9fY29yZS1qc19zaGFyZWRfXyJdLFM9KHc9L1teLl0rJC8uZXhlYyhBJiZBLmtleXMmJkEua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK3c6IiI7dmFyIFA9ZnVuY3Rpb24odCl7cmV0dXJuISFTJiZTIGluIHR9LHg9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO3ZhciB6PWZ1bmN0aW9uKHQpe2lmKG51bGwhPXQpe3RyeXtyZXR1cm4geC5jYWxsKHQpfWNhdGNoKHQpe310cnl7cmV0dXJuIHQrIiJ9Y2F0Y2godCl7fX1yZXR1cm4iIn0sRT0vXlxbb2JqZWN0IC4rP0NvbnN0cnVjdG9yXF0kLyxJPUZ1bmN0aW9uLnByb3RvdHlwZSwkPU9iamVjdC5wcm90b3R5cGUsTj1JLnRvU3RyaW5nLFQ9JC5oYXNPd25Qcm9wZXJ0eSxNPVJlZ0V4cCgiXiIrTi5jYWxsKFQpLnJlcGxhY2UoL1tcXF4kLiorPygpW1xde318XS9nLCJcXCQmIikucmVwbGFjZSgvaGFzT3duUHJvcGVydHl8KGZ1bmN0aW9uKS4qPyg/PVxcXCgpfCBmb3IgLis/KD89XFxcXSkvZywiJDEuKj8iKSsiJCIpO3ZhciBrPWZ1bmN0aW9uKHQpe3JldHVybiEoIU8odCl8fFAodCkpJiYobSh0KT9NOkUpLnRlc3Qoeih0KSl9O3ZhciBGPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19O3ZhciBDPWZ1bmN0aW9uKHQscil7dmFyIGU9Rih0LHIpO3JldHVybiBrKGUpP2U6dm9pZCAwfSxEPUMoT2JqZWN0LCJjcmVhdGUiKTt2YXIgVT1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189RD9EKG51bGwpOnt9LHRoaXMuc2l6ZT0wfTt2YXIgQj1mdW5jdGlvbih0KXt2YXIgcj10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sUj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBMPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187aWYoRCl7dmFyIGU9clt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1lP3ZvaWQgMDplfXJldHVybiBSLmNhbGwocix0KT9yW3RdOnZvaWQgMH0sVj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBLPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187cmV0dXJuIEQ/dm9pZCAwIT09clt0XTpWLmNhbGwocix0KX07dmFyIFc9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fO3JldHVybiB0aGlzLnNpemUrPXRoaXMuaGFzKHQpPzA6MSxlW3RdPUQmJnZvaWQgMD09PXI/Il9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iOnIsdGhpc307ZnVuY3Rpb24gcSh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1xLnByb3RvdHlwZS5jbGVhcj1VLHEucHJvdG90eXBlLmRlbGV0ZT1CLHEucHJvdG90eXBlLmdldD1MLHEucHJvdG90eXBlLmhhcz1LLHEucHJvdG90eXBlLnNldD1XO3ZhciBHPXE7dmFyIEg9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfTt2YXIgSj1mdW5jdGlvbih0LHIpe3JldHVybiB0PT09cnx8dCE9dCYmciE9cn07dmFyIFE9ZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9dC5sZW5ndGg7ZS0tOylpZihKKHRbZV1bMF0scikpcmV0dXJuIGU7cmV0dXJuLTF9LFg9QXJyYXkucHJvdG90eXBlLnNwbGljZTt2YXIgWT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9UShyLHQpO3JldHVybiEoZTwwKSYmKGU9PXIubGVuZ3RoLTE/ci5wb3AoKTpYLmNhbGwocixlLDEpLC0tdGhpcy5zaXplLCEwKX07dmFyIFo9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPVEocix0KTtyZXR1cm4gZTwwP3ZvaWQgMDpyW2VdWzFdfTt2YXIgdHQ9ZnVuY3Rpb24odCl7cmV0dXJuIFEodGhpcy5fX2RhdGFfXyx0KT4tMX07dmFyIHJ0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXyxuPVEoZSx0KTtyZXR1cm4gbjwwPygrK3RoaXMuc2l6ZSxlLnB1c2goW3Qscl0pKTplW25dWzFdPXIsdGhpc307ZnVuY3Rpb24gZXQodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19ZXQucHJvdG90eXBlLmNsZWFyPUgsZXQucHJvdG90eXBlLmRlbGV0ZT1ZLGV0LnByb3RvdHlwZS5nZXQ9WixldC5wcm90b3R5cGUuaGFzPXR0LGV0LnByb3RvdHlwZS5zZXQ9cnQ7dmFyIG50PWV0LG90PUModSwiTWFwIik7dmFyIHV0PWZ1bmN0aW9uKCl7dGhpcy5zaXplPTAsdGhpcy5fX2RhdGFfXz17aGFzaDpuZXcgRyxtYXA6bmV3KG90fHxudCksc3RyaW5nOm5ldyBHfX07dmFyIGF0PWZ1bmN0aW9uKHQpe3ZhciByPXR5cGVvZiB0O3JldHVybiJzdHJpbmciPT1yfHwibnVtYmVyIj09cnx8InN5bWJvbCI9PXJ8fCJib29sZWFuIj09cj8iX19wcm90b19fIiE9PXQ6bnVsbD09PXR9O3ZhciBpdD1mdW5jdGlvbih0LHIpe3ZhciBlPXQuX19kYXRhX187cmV0dXJuIGF0KHIpP2VbInN0cmluZyI9PXR5cGVvZiByPyJzdHJpbmciOiJoYXNoIl06ZS5tYXB9O3ZhciBjdD1mdW5jdGlvbih0KXt2YXIgcj1pdCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1yPzE6MCxyfTt2YXIgZnQ9ZnVuY3Rpb24odCl7cmV0dXJuIGl0KHRoaXMsdCkuZ2V0KHQpfTt2YXIgbHQ9ZnVuY3Rpb24odCl7cmV0dXJuIGl0KHRoaXMsdCkuaGFzKHQpfTt2YXIgdnQ9ZnVuY3Rpb24odCxyKXt2YXIgZT1pdCh0aGlzLHQpLG49ZS5zaXplO3JldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZSs9ZS5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBzdCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1zdC5wcm90b3R5cGUuY2xlYXI9dXQsc3QucHJvdG90eXBlLmRlbGV0ZT1jdCxzdC5wcm90b3R5cGUuZ2V0PWZ0LHN0LnByb3RvdHlwZS5oYXM9bHQsc3QucHJvdG90eXBlLnNldD12dDt2YXIgYnQ9c3Q7ZnVuY3Rpb24gcHQodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcigiRXhwZWN0ZWQgYSBmdW5jdGlvbiIpO3ZhciBlPWZ1bmN0aW9uKCl7dmFyIG49YXJndW1lbnRzLG89cj9yLmFwcGx5KHRoaXMsbik6blswXSx1PWUuY2FjaGU7aWYodS5oYXMobykpcmV0dXJuIHUuZ2V0KG8pO3ZhciBhPXQuYXBwbHkodGhpcyxuKTtyZXR1cm4gZS5jYWNoZT11LnNldChvLGEpfHx1LGF9O3JldHVybiBlLmNhY2hlPW5ldyhwdC5DYWNoZXx8YnQpLGV9cHQuQ2FjaGU9YnQ7dmFyIHl0PXB0O3ZhciBodD0vW14uW1xdXSt8XFsoPzooLT9cZCsoPzpcLlxkKyk/KXwoWyInXSkoKD86KD8hXDIpW15cXF18XFwuKSo/KVwyKVxdfCg/PSg/OlwufFxbXF0pKD86XC58XFtcXXwkKSkvZyxkdD0vXFwoXFwpPy9nLGp0PWZ1bmN0aW9uKHQpe3ZhciByPXl0KHQsKGZ1bmN0aW9uKHQpe3JldHVybiA1MDA9PT1lLnNpemUmJmUuY2xlYXIoKSx0fSkpLGU9ci5jYWNoZTtyZXR1cm4gcn0oKGZ1bmN0aW9uKHQpe3ZhciByPVtdO3JldHVybiA0Nj09PXQuY2hhckNvZGVBdCgwKSYmci5wdXNoKCIiKSx0LnJlcGxhY2UoaHQsKGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShkdCwiJDEiKTplfHx0KX0pKSxyfSkpO3ZhciBndD1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrZTxuOylvW2VdPXIodFtlXSxlLHQpO3JldHVybiBvfSxfdD1hP2EucHJvdG90eXBlOnZvaWQgMCxPdD1fdD9fdC50b1N0cmluZzp2b2lkIDA7dmFyIHd0PWZ1bmN0aW9uIHIoZSl7aWYoInN0cmluZyI9PXR5cGVvZiBlKXJldHVybiBlO2lmKHQoZSkpcmV0dXJuIGd0KGUscikrIiI7aWYoZChlKSlyZXR1cm4gT3Q/T3QuY2FsbChlKToiIjt2YXIgbj1lKyIiO3JldHVybiIwIj09biYmMS9lPT0tSW5maW5pdHk/Ii0wIjpufTt2YXIgbXQ9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6d3QodCl9O3ZhciBBdD1mdW5jdGlvbihyLGUpe3JldHVybiB0KHIpP3I6XyhyLGUpP1tyXTpqdChtdChyKSl9O3ZhciBTdD1mdW5jdGlvbih0KXtpZigic3RyaW5nIj09dHlwZW9mIHR8fGQodCkpcmV0dXJuIHQ7dmFyIHI9dCsiIjtyZXR1cm4iMCI9PXImJjEvdD09LUluZmluaXR5PyItMCI6cn07dmFyIFB0PWZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPTAsbj0ocj1BdChyLHQpKS5sZW5ndGg7bnVsbCE9dCYmZTxuOyl0PXRbU3QocltlKytdKV07cmV0dXJuIGUmJmU9PW4/dDp2b2lkIDB9O3ZhciB4dD1mdW5jdGlvbih0LHIsZSl7dmFyIG49bnVsbD09dD92b2lkIDA6UHQodCxyKTtyZXR1cm4gdm9pZCAwPT09bj9lOm59O2Z1bmN0aW9uIHp0KHQpe3JldHVybiJbb2JqZWN0IFN0cmluZ10iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uIEV0KHQpe3JldHVybiEoIXp0KHQpfHwiIj09PXQpfWZ1bmN0aW9uIEl0KHQpe3JldHVybiJbb2JqZWN0IE9iamVjdF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uICR0KHQpe2lmKEl0KHQpKXtmb3IobGV0IHIgaW4gdClyZXR1cm4hMDtyZXR1cm4hMX1yZXR1cm4hMX1mdW5jdGlvbiBOdCh0KXtyZXR1cm4iW29iamVjdCBBcnJheV0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uIFR0KHQpe3JldHVybiEhZnVuY3Rpb24odCl7cmV0dXJuIltvYmplY3QgVW5kZWZpbmVkXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdWxsXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9KHQpfHwoISFmdW5jdGlvbih0KXtpZihJdCh0KSl7Zm9yKGxldCByIGluIHQpcmV0dXJuITE7cmV0dXJuITB9cmV0dXJuITF9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4hKCF6dCh0KXx8IiIhPT10KX0odCl8fCEhZnVuY3Rpb24odCl7cmV0dXJuISFOdCh0KSYmMD09PXQubGVuZ3RofSh0KSkpKX1mdW5jdGlvbiBNdCh0KXtyZXR1cm4hIU50KHQpJiYoMCE9PXQubGVuZ3RoJiYoMSE9PXQubGVuZ3RofHwhVHQodFswXSkpKX12YXIga3Q9ZnVuY3Rpb24odCl7cmV0dXJuITA9PT10fHwhMT09PXR8fGgodCkmJiJbb2JqZWN0IEJvb2xlYW5dIj09eSh0KX07ZnVuY3Rpb24gRnQodCl7cmV0dXJuIGt0KHQpfXZhciBDdD1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189bmV3IG50LHRoaXMuc2l6ZT0wfTt2YXIgRHQ9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPXIuZGVsZXRlKHQpO3JldHVybiB0aGlzLnNpemU9ci5zaXplLGV9O3ZhciBVdD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9O3ZhciBCdD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9O3ZhciBSdD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoZSBpbnN0YW5jZW9mIG50KXt2YXIgbj1lLl9fZGF0YV9fO2lmKCFvdHx8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3Qscl0pLHRoaXMuc2l6ZT0rK2Uuc2l6ZSx0aGlzO2U9dGhpcy5fX2RhdGFfXz1uZXcgYnQobil9cmV0dXJuIGUuc2V0KHQsciksdGhpcy5zaXplPWUuc2l6ZSx0aGlzfTtmdW5jdGlvbiBMdCh0KXt2YXIgcj10aGlzLl9fZGF0YV9fPW5ldyBudCh0KTt0aGlzLnNpemU9ci5zaXplfUx0LnByb3RvdHlwZS5jbGVhcj1DdCxMdC5wcm90b3R5cGUuZGVsZXRlPUR0LEx0LnByb3RvdHlwZS5nZXQ9VXQsTHQucHJvdG90eXBlLmhhcz1CdCxMdC5wcm90b3R5cGUuc2V0PVJ0O3ZhciBWdD1MdDt2YXIgS3Q9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uc2V0KHQsIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iKSx0aGlzfTt2YXIgV3Q9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfTtmdW5jdGlvbiBxdCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5fX2RhdGFfXz1uZXcgYnQ7KytyPGU7KXRoaXMuYWRkKHRbcl0pfXF0LnByb3RvdHlwZS5hZGQ9cXQucHJvdG90eXBlLnB1c2g9S3QscXQucHJvdG90eXBlLmhhcz1XdDt2YXIgR3Q9cXQ7dmFyIEh0PWZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrZTxuOylpZihyKHRbZV0sZSx0KSlyZXR1cm4hMDtyZXR1cm4hMX07dmFyIEp0PWZ1bmN0aW9uKHQscil7cmV0dXJuIHQuaGFzKHIpfTt2YXIgUXQ9ZnVuY3Rpb24odCxyLGUsbixvLHUpe3ZhciBhPTEmZSxpPXQubGVuZ3RoLGM9ci5sZW5ndGg7aWYoaSE9YyYmIShhJiZjPmkpKXJldHVybiExO3ZhciBmPXUuZ2V0KHQpLGw9dS5nZXQocik7aWYoZiYmbClyZXR1cm4gZj09ciYmbD09dDt2YXIgdj0tMSxzPSEwLGI9MiZlP25ldyBHdDp2b2lkIDA7Zm9yKHUuc2V0KHQsciksdS5zZXQocix0KTsrK3Y8aTspe3ZhciBwPXRbdl0seT1yW3ZdO2lmKG4pdmFyIGg9YT9uKHkscCx2LHIsdCx1KTpuKHAseSx2LHQscix1KTtpZih2b2lkIDAhPT1oKXtpZihoKWNvbnRpbnVlO3M9ITE7YnJlYWt9aWYoYil7aWYoIUh0KHIsKGZ1bmN0aW9uKHQscil7aWYoIUp0KGIscikmJihwPT09dHx8byhwLHQsZSxuLHUpKSlyZXR1cm4gYi5wdXNoKHIpfSkpKXtzPSExO2JyZWFrfX1lbHNlIGlmKHAhPT15JiYhbyhwLHksZSxuLHUpKXtzPSExO2JyZWFrfX1yZXR1cm4gdS5kZWxldGUodCksdS5kZWxldGUociksc30sWHQ9dS5VaW50OEFycmF5O3ZhciBZdD1mdW5jdGlvbih0KXt2YXIgcj0tMSxlPUFycmF5KHQuc2l6ZSk7cmV0dXJuIHQuZm9yRWFjaCgoZnVuY3Rpb24odCxuKXtlWysrcl09W24sdF19KSksZX07dmFyIFp0PWZ1bmN0aW9uKHQpe3ZhciByPS0xLGU9QXJyYXkodC5zaXplKTtyZXR1cm4gdC5mb3JFYWNoKChmdW5jdGlvbih0KXtlWysrcl09dH0pKSxlfSx0cj1hP2EucHJvdG90eXBlOnZvaWQgMCxycj10cj90ci52YWx1ZU9mOnZvaWQgMDt2YXIgZXI9ZnVuY3Rpb24odCxyLGUsbixvLHUsYSl7c3dpdGNoKGUpe2Nhc2UiW29iamVjdCBEYXRhVmlld10iOmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuISh0LmJ5dGVMZW5ndGghPXIuYnl0ZUxlbmd0aHx8IXUobmV3IFh0KHQpLG5ldyBYdChyKSkpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpjYXNlIltvYmplY3QgTnVtYmVyXSI6cmV0dXJuIEooK3QsK3IpO2Nhc2UiW29iamVjdCBFcnJvcl0iOnJldHVybiB0Lm5hbWU9PXIubmFtZSYmdC5tZXNzYWdlPT1yLm1lc3NhZ2U7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gdD09cisiIjtjYXNlIltvYmplY3QgTWFwXSI6dmFyIGk9WXQ7Y2FzZSJbb2JqZWN0IFNldF0iOnZhciBjPTEmbjtpZihpfHwoaT1adCksdC5zaXplIT1yLnNpemUmJiFjKXJldHVybiExO3ZhciBmPWEuZ2V0KHQpO2lmKGYpcmV0dXJuIGY9PXI7bnw9MixhLnNldCh0LHIpO3ZhciBsPVF0KGkodCksaShyKSxuLG8sdSxhKTtyZXR1cm4gYS5kZWxldGUodCksbDtjYXNlIltvYmplY3QgU3ltYm9sXSI6aWYocnIpcmV0dXJuIHJyLmNhbGwodCk9PXJyLmNhbGwocil9cmV0dXJuITF9O3ZhciBucj1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPXIubGVuZ3RoLG89dC5sZW5ndGg7KytlPG47KXRbbytlXT1yW2VdO3JldHVybiB0fTt2YXIgb3I9ZnVuY3Rpb24ocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpucihvLG4ocikpfTt2YXIgdXI9ZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgYT10W2VdO3IoYSxlLHQpJiYodVtvKytdPWEpfXJldHVybiB1fTt2YXIgYXI9ZnVuY3Rpb24oKXtyZXR1cm5bXX0saXI9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxjcj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLGZyPWNyP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSx1cihjcih0KSwoZnVuY3Rpb24ocil7cmV0dXJuIGlyLmNhbGwodCxyKX0pKSl9OmFyO3ZhciBscj1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPUFycmF5KHQpOysrZTx0OyluW2VdPXIoZSk7cmV0dXJuIG59O3ZhciB2cj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PXkodCl9LHNyPU9iamVjdC5wcm90b3R5cGUsYnI9c3IuaGFzT3duUHJvcGVydHkscHI9c3IucHJvcGVydHlJc0VudW1lcmFibGUseXI9dnIoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT92cjpmdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmYnIuY2FsbCh0LCJjYWxsZWUiKSYmIXByLmNhbGwodCwiY2FsbGVlIil9O3ZhciBocj1mdW5jdGlvbigpe3JldHVybiExfSxkcj1lKChmdW5jdGlvbih0LHIpe3ZhciBlPXImJiFyLm5vZGVUeXBlJiZyLG49ZSYmdCYmIXQubm9kZVR5cGUmJnQsbz1uJiZuLmV4cG9ydHM9PT1lP3UuQnVmZmVyOnZvaWQgMCxhPShvP28uaXNCdWZmZXI6dm9pZCAwKXx8aHI7dC5leHBvcnRzPWF9KSksanI9L14oPzowfFsxLTldXGQqKSQvO3ZhciBncj1mdW5jdGlvbih0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj85MDA3MTk5MjU0NzQwOTkxOnIpJiYoIm51bWJlciI9PWV8fCJzeW1ib2wiIT1lJiZqci50ZXN0KHQpKSYmdD4tMSYmdCUxPT0wJiZ0PHJ9O3ZhciBfcj1mdW5jdGlvbih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHQmJnQ+LTEmJnQlMT09MCYmdDw9OTAwNzE5OTI1NDc0MDk5MX0sT3I9e307T3JbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPU9yWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1PclsiW29iamVjdCBJbnQ4QXJyYXldIl09T3JbIltvYmplY3QgSW50MTZBcnJheV0iXT1PclsiW29iamVjdCBJbnQzMkFycmF5XSJdPU9yWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09T3JbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09T3JbIltvYmplY3QgVWludDE2QXJyYXldIl09T3JbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsT3JbIltvYmplY3QgQXJndW1lbnRzXSJdPU9yWyJbb2JqZWN0IEFycmF5XSJdPU9yWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPU9yWyJbb2JqZWN0IEJvb2xlYW5dIl09T3JbIltvYmplY3QgRGF0YVZpZXddIl09T3JbIltvYmplY3QgRGF0ZV0iXT1PclsiW29iamVjdCBFcnJvcl0iXT1PclsiW29iamVjdCBGdW5jdGlvbl0iXT1PclsiW29iamVjdCBNYXBdIl09T3JbIltvYmplY3QgTnVtYmVyXSJdPU9yWyJbb2JqZWN0IE9iamVjdF0iXT1PclsiW29iamVjdCBSZWdFeHBdIl09T3JbIltvYmplY3QgU2V0XSJdPU9yWyJbb2JqZWN0IFN0cmluZ10iXT1PclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciB3cj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmX3IodC5sZW5ndGgpJiYhIU9yW3kodCldfTt2YXIgbXI9ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KHIpfX0sQXI9ZSgoZnVuY3Rpb24odCxyKXt2YXIgZT1yJiYhci5ub2RlVHlwZSYmcixvPWUmJnQmJiF0Lm5vZGVUeXBlJiZ0LHU9byYmby5leHBvcnRzPT09ZSYmbi5wcm9jZXNzLGE9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9byYmby5yZXF1aXJlJiZvLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8dSYmdS5iaW5kaW5nJiZ1LmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpO3QuZXhwb3J0cz1hfSkpLFNyPUFyJiZBci5pc1R5cGVkQXJyYXksUHI9U3I/bXIoU3IpOndyLHhyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIHpyPWZ1bmN0aW9uKHIsZSl7dmFyIG49dChyKSxvPSFuJiZ5cihyKSx1PSFuJiYhbyYmZHIociksYT0hbiYmIW8mJiF1JiZQcihyKSxpPW58fG98fHV8fGEsYz1pP2xyKHIubGVuZ3RoLFN0cmluZyk6W10sZj1jLmxlbmd0aDtmb3IodmFyIGwgaW4gcikhZSYmIXhyLmNhbGwocixsKXx8aSYmKCJsZW5ndGgiPT1sfHx1JiYoIm9mZnNldCI9PWx8fCJwYXJlbnQiPT1sKXx8YSYmKCJidWZmZXIiPT1sfHwiYnl0ZUxlbmd0aCI9PWx8fCJieXRlT2Zmc2V0Ij09bCl8fGdyKGwsZikpfHxjLnB1c2gobCk7cmV0dXJuIGN9LEVyPU9iamVjdC5wcm90b3R5cGU7dmFyIElyPWZ1bmN0aW9uKHQpe3ZhciByPXQmJnQuY29uc3RydWN0b3I7cmV0dXJuIHQ9PT0oImZ1bmN0aW9uIj09dHlwZW9mIHImJnIucHJvdG90eXBlfHxFcil9O3ZhciAkcj1mdW5jdGlvbih0LHIpe3JldHVybiBmdW5jdGlvbihlKXtyZXR1cm4gdChyKGUpKX19LE5yPSRyKE9iamVjdC5rZXlzLE9iamVjdCksVHI9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTXI9ZnVuY3Rpb24odCl7aWYoIUlyKHQpKXJldHVybiBOcih0KTt2YXIgcj1bXTtmb3IodmFyIGUgaW4gT2JqZWN0KHQpKVRyLmNhbGwodCxlKSYmImNvbnN0cnVjdG9yIiE9ZSYmci5wdXNoKGUpO3JldHVybiByfTt2YXIga3I9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGwhPXQmJl9yKHQubGVuZ3RoKSYmIW0odCl9O3ZhciBGcj1mdW5jdGlvbih0KXtyZXR1cm4ga3IodCk/enIodCk6TXIodCl9O3ZhciBDcj1mdW5jdGlvbih0KXtyZXR1cm4gb3IodCxGcixmcil9LERyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFVyPWZ1bmN0aW9uKHQscixlLG4sbyx1KXt2YXIgYT0xJmUsaT1Dcih0KSxjPWkubGVuZ3RoO2lmKGMhPUNyKHIpLmxlbmd0aCYmIWEpcmV0dXJuITE7Zm9yKHZhciBmPWM7Zi0tOyl7dmFyIGw9aVtmXTtpZighKGE/bCBpbiByOkRyLmNhbGwocixsKSkpcmV0dXJuITF9dmFyIHY9dS5nZXQodCkscz11LmdldChyKTtpZih2JiZzKXJldHVybiB2PT1yJiZzPT10O3ZhciBiPSEwO3Uuc2V0KHQsciksdS5zZXQocix0KTtmb3IodmFyIHA9YTsrK2Y8Yzspe3ZhciB5PXRbbD1pW2ZdXSxoPXJbbF07aWYobil2YXIgZD1hP24oaCx5LGwscix0LHUpOm4oeSxoLGwsdCxyLHUpO2lmKCEodm9pZCAwPT09ZD95PT09aHx8byh5LGgsZSxuLHUpOmQpKXtiPSExO2JyZWFrfXB8fChwPSJjb25zdHJ1Y3RvciI9PWwpfWlmKGImJiFwKXt2YXIgaj10LmNvbnN0cnVjdG9yLGc9ci5jb25zdHJ1Y3RvcjtqPT1nfHwhKCJjb25zdHJ1Y3RvciJpbiB0KXx8ISgiY29uc3RydWN0b3IiaW4gcil8fCJmdW5jdGlvbiI9PXR5cGVvZiBqJiZqIGluc3RhbmNlb2YgaiYmImZ1bmN0aW9uIj09dHlwZW9mIGcmJmcgaW5zdGFuY2VvZiBnfHwoYj0hMSl9cmV0dXJuIHUuZGVsZXRlKHQpLHUuZGVsZXRlKHIpLGJ9LEJyPUModSwiRGF0YVZpZXciKSxScj1DKHUsIlByb21pc2UiKSxMcj1DKHUsIlNldCIpLFZyPUModSwiV2Vha01hcCIpLEtyPXooQnIpLFdyPXoob3QpLHFyPXooUnIpLEdyPXooTHIpLEhyPXooVnIpLEpyPXk7KEJyJiYiW29iamVjdCBEYXRhVmlld10iIT1KcihuZXcgQnIobmV3IEFycmF5QnVmZmVyKDEpKSl8fG90JiYiW29iamVjdCBNYXBdIiE9SnIobmV3IG90KXx8UnImJiJbb2JqZWN0IFByb21pc2VdIiE9SnIoUnIucmVzb2x2ZSgpKXx8THImJiJbb2JqZWN0IFNldF0iIT1KcihuZXcgTHIpfHxWciYmIltvYmplY3QgV2Vha01hcF0iIT1KcihuZXcgVnIpKSYmKEpyPWZ1bmN0aW9uKHQpe3ZhciByPXkodCksZT0iW29iamVjdCBPYmplY3RdIj09cj90LmNvbnN0cnVjdG9yOnZvaWQgMCxuPWU/eihlKToiIjtpZihuKXN3aXRjaChuKXtjYXNlIEtyOnJldHVybiJbb2JqZWN0IERhdGFWaWV3XSI7Y2FzZSBXcjpyZXR1cm4iW29iamVjdCBNYXBdIjtjYXNlIHFyOnJldHVybiJbb2JqZWN0IFByb21pc2VdIjtjYXNlIEdyOnJldHVybiJbb2JqZWN0IFNldF0iO2Nhc2UgSHI6cmV0dXJuIltvYmplY3QgV2Vha01hcF0ifXJldHVybiByfSk7dmFyIFFyPUpyLFhyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFlyPWZ1bmN0aW9uKHIsZSxuLG8sdSxhKXt2YXIgaT10KHIpLGM9dChlKSxmPWk/IltvYmplY3QgQXJyYXldIjpRcihyKSxsPWM/IltvYmplY3QgQXJyYXldIjpRcihlKSx2PSJbb2JqZWN0IE9iamVjdF0iPT0oZj0iW29iamVjdCBBcmd1bWVudHNdIj09Zj8iW29iamVjdCBPYmplY3RdIjpmKSxzPSJbb2JqZWN0IE9iamVjdF0iPT0obD0iW29iamVjdCBBcmd1bWVudHNdIj09bD8iW29iamVjdCBPYmplY3RdIjpsKSxiPWY9PWw7aWYoYiYmZHIocikpe2lmKCFkcihlKSlyZXR1cm4hMTtpPSEwLHY9ITF9aWYoYiYmIXYpcmV0dXJuIGF8fChhPW5ldyBWdCksaXx8UHIocik/UXQocixlLG4sbyx1LGEpOmVyKHIsZSxmLG4sbyx1LGEpO2lmKCEoMSZuKSl7dmFyIHA9diYmWHIuY2FsbChyLCJfX3dyYXBwZWRfXyIpLHk9cyYmWHIuY2FsbChlLCJfX3dyYXBwZWRfXyIpO2lmKHB8fHkpe3ZhciBoPXA/ci52YWx1ZSgpOnIsZD15P2UudmFsdWUoKTplO3JldHVybiBhfHwoYT1uZXcgVnQpLHUoaCxkLG4sbyxhKX19cmV0dXJuISFiJiYoYXx8KGE9bmV3IFZ0KSxVcihyLGUsbixvLHUsYSkpfTt2YXIgWnI9ZnVuY3Rpb24gdChyLGUsbixvLHUpe3JldHVybiByPT09ZXx8KG51bGw9PXJ8fG51bGw9PWV8fCFoKHIpJiYhaChlKT9yIT1yJiZlIT1lOllyKHIsZSxuLG8sdCx1KSl9O3ZhciB0ZT1mdW5jdGlvbih0LHIsZSxuKXt2YXIgbz1lLmxlbmd0aCx1PW8sYT0hbjtpZihudWxsPT10KXJldHVybiF1O2Zvcih0PU9iamVjdCh0KTtvLS07KXt2YXIgaT1lW29dO2lmKGEmJmlbMl0/aVsxXSE9PXRbaVswXV06IShpWzBdaW4gdCkpcmV0dXJuITF9Zm9yKDsrK288dTspe3ZhciBjPShpPWVbb10pWzBdLGY9dFtjXSxsPWlbMV07aWYoYSYmaVsyXSl7aWYodm9pZCAwPT09ZiYmIShjIGluIHQpKXJldHVybiExfWVsc2V7dmFyIHY9bmV3IFZ0O2lmKG4pdmFyIHM9bihmLGwsYyx0LHIsdik7aWYoISh2b2lkIDA9PT1zP1pyKGwsZiwzLG4sdik6cykpcmV0dXJuITF9fXJldHVybiEwfTt2YXIgcmU9ZnVuY3Rpb24odCl7cmV0dXJuIHQ9PXQmJiFPKHQpfTt2YXIgZWU9ZnVuY3Rpb24odCl7Zm9yKHZhciByPUZyKHQpLGU9ci5sZW5ndGg7ZS0tOyl7dmFyIG49cltlXSxvPXRbbl07cltlXT1bbixvLHJlKG8pXX1yZXR1cm4gcn07dmFyIG5lPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiBudWxsIT1lJiYoZVt0XT09PXImJih2b2lkIDAhPT1yfHx0IGluIE9iamVjdChlKSkpfX07dmFyIG9lPWZ1bmN0aW9uKHQpe3ZhciByPWVlKHQpO3JldHVybiAxPT1yLmxlbmd0aCYmclswXVsyXT9uZShyWzBdWzBdLHJbMF1bMV0pOmZ1bmN0aW9uKGUpe3JldHVybiBlPT09dHx8dGUoZSx0LHIpfX07dmFyIHVlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGwhPXQmJnIgaW4gT2JqZWN0KHQpfTt2YXIgYWU9ZnVuY3Rpb24ocixlLG4pe2Zvcih2YXIgbz0tMSx1PShlPUF0KGUscikpLmxlbmd0aCxhPSExOysrbzx1Oyl7dmFyIGk9U3QoZVtvXSk7aWYoIShhPW51bGwhPXImJm4ocixpKSkpYnJlYWs7cj1yW2ldfXJldHVybiBhfHwrK28hPXU/YTohISh1PW51bGw9PXI/MDpyLmxlbmd0aCkmJl9yKHUpJiZncihpLHUpJiYodChyKXx8eXIocikpfTt2YXIgaWU9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbCE9dCYmYWUodCxyLHVlKX07dmFyIGNlPWZ1bmN0aW9uKHQscil7cmV0dXJuIF8odCkmJnJlKHIpP25lKFN0KHQpLHIpOmZ1bmN0aW9uKGUpe3ZhciBuPXh0KGUsdCk7cmV0dXJuIHZvaWQgMD09PW4mJm49PT1yP2llKGUsdCk6WnIocixuLDMpfX07dmFyIGZlPWZ1bmN0aW9uKHQpe3JldHVybiB0fTt2YXIgbGU9ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiBudWxsPT1yP3ZvaWQgMDpyW3RdfX07dmFyIHZlPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gUHQocix0KX19O3ZhciBzZT1mdW5jdGlvbih0KXtyZXR1cm4gXyh0KT9sZShTdCh0KSk6dmUodCl9O3ZhciBiZT1mdW5jdGlvbihyKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2Ygcj9yOm51bGw9PXI/ZmU6Im9iamVjdCI9PXR5cGVvZiByP3Qocik/Y2UoclswXSxyWzFdKTpvZShyKTpzZShyKX07dmFyIHBlPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyLGUsbil7Zm9yKHZhciBvPS0xLHU9T2JqZWN0KHIpLGE9bihyKSxpPWEubGVuZ3RoO2ktLTspe3ZhciBjPWFbdD9pOisrb107aWYoITE9PT1lKHVbY10sYyx1KSlicmVha31yZXR1cm4gcn19KCk7dmFyIHllPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUsbil7aWYobnVsbD09ZSlyZXR1cm4gZTtpZigha3IoZSkpcmV0dXJuIHQoZSxuKTtmb3IodmFyIG89ZS5sZW5ndGgsdT1yP286LTEsYT1PYmplY3QoZSk7KHI/dS0tOisrdTxvKSYmITEhPT1uKGFbdV0sdSxhKTspO3JldHVybiBlfX0oKGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJnBlKHQscixGcil9KSk7dmFyIGhlPWZ1bmN0aW9uKHQscil7dmFyIGU9LTEsbj1rcih0KT9BcnJheSh0Lmxlbmd0aCk6W107cmV0dXJuIHllKHQsKGZ1bmN0aW9uKHQsbyx1KXtuWysrZV09cih0LG8sdSl9KSksbn07dmFyIGRlPWZ1bmN0aW9uKHIsZSl7cmV0dXJuKHQocik/Z3Q6aGUpKHIsYmUoZSkpfSxqZT1BcnJheS5wcm90b3R5cGUuam9pbjt2YXIgZ2U9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbD09dD8iIjpqZS5jYWxsKHQscil9O3ZhciBfZT1mdW5jdGlvbihyKXtyZXR1cm4ic3RyaW5nIj09dHlwZW9mIHJ8fCF0KHIpJiZoKHIpJiYiW29iamVjdCBTdHJpbmddIj09eShyKX0sT2U9bGUoImxlbmd0aCIpLHdlPVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgbWU9ZnVuY3Rpb24odCl7cmV0dXJuIHdlLnRlc3QodCl9LEFlPSJbXFx1ZDgwMC1cXHVkZmZmXSIsU2U9IltcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZdIixQZT0iXFx1ZDgzY1tcXHVkZmZiLVxcdWRmZmZdIix4ZT0iW15cXHVkODAwLVxcdWRmZmZdIix6ZT0iKD86XFx1ZDgzY1tcXHVkZGU2LVxcdWRkZmZdKXsyfSIsRWU9IltcXHVkODAwLVxcdWRiZmZdW1xcdWRjMDAtXFx1ZGZmZl0iLEllPSIoPzoiK1NlKyJ8IitQZSsiKSIrIj8iLCRlPSJbXFx1ZmUwZVxcdWZlMGZdPyIrSWUrKCIoPzpcXHUyMDBkKD86IitbeGUsemUsRWVdLmpvaW4oInwiKSsiKVtcXHVmZTBlXFx1ZmUwZl0/IitJZSsiKSoiKSxOZT0iKD86IitbeGUrU2UrIj8iLFNlLHplLEVlLEFlXS5qb2luKCJ8IikrIikiLFRlPVJlZ0V4cChQZSsiKD89IitQZSsiKXwiK05lKyRlLCJnIik7dmFyIE1lPWZ1bmN0aW9uKHQpe2Zvcih2YXIgcj1UZS5sYXN0SW5kZXg9MDtUZS50ZXN0KHQpOykrK3I7cmV0dXJuIHJ9O3ZhciBrZT1mdW5jdGlvbih0KXtyZXR1cm4gbWUodCk/TWUodCk6T2UodCl9O3ZhciBGZT1mdW5jdGlvbih0KXtpZihudWxsPT10KXJldHVybiAwO2lmKGtyKHQpKXJldHVybiBfZSh0KT9rZSh0KTp0Lmxlbmd0aDt2YXIgcj1Rcih0KTtyZXR1cm4iW29iamVjdCBNYXBdIj09cnx8IltvYmplY3QgU2V0XSI9PXI/dC5zaXplOk1yKHQpLmxlbmd0aH07dmFyIENlPWZ1bmN0aW9uKHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdHx8aCh0KSYmIltvYmplY3QgTnVtYmVyXSI9PXkodCl9O3ZhciBEZT1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO3JldHVybiB0fSxVZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1DKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpO3ZhciBCZT1mdW5jdGlvbih0LHIsZSl7Il9fcHJvdG9fXyI9PXImJlVlP1VlKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX0sUmU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTGU9ZnVuY3Rpb24odCxyLGUpe3ZhciBuPXRbcl07UmUuY2FsbCh0LHIpJiZKKG4sZSkmJih2b2lkIDAhPT1lfHxyIGluIHQpfHxCZSh0LHIsZSl9O3ZhciBWZT1mdW5jdGlvbih0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGE9ci5sZW5ndGg7Kyt1PGE7KXt2YXIgaT1yW3VdLGM9bj9uKGVbaV0sdFtpXSxpLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWMmJihjPXRbaV0pLG8/QmUoZSxpLGMpOkxlKGUsaSxjKX1yZXR1cm4gZX07dmFyIEtlPWZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlZlKHIsRnIociksdCl9O3ZhciBXZT1mdW5jdGlvbih0KXt2YXIgcj1bXTtpZihudWxsIT10KWZvcih2YXIgZSBpbiBPYmplY3QodCkpci5wdXNoKGUpO3JldHVybiByfSxxZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBHZT1mdW5jdGlvbih0KXtpZighTyh0KSlyZXR1cm4gV2UodCk7dmFyIHI9SXIodCksZT1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IXImJnFlLmNhbGwodCxuKSkmJmUucHVzaChuKTtyZXR1cm4gZX07dmFyIEhlPWZ1bmN0aW9uKHQpe3JldHVybiBrcih0KT96cih0LCEwKTpHZSh0KX07dmFyIEplPWZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlZlKHIsSGUociksdCl9LFFlPWUoKGZ1bmN0aW9uKHQscil7dmFyIGU9ciYmIXIubm9kZVR5cGUmJnIsbj1lJiZ0JiYhdC5ub2RlVHlwZSYmdCxvPW4mJm4uZXhwb3J0cz09PWU/dS5CdWZmZXI6dm9pZCAwLGE9bz9vLmFsbG9jVW5zYWZlOnZvaWQgMDt0LmV4cG9ydHM9ZnVuY3Rpb24odCxyKXtpZihyKXJldHVybiB0LnNsaWNlKCk7dmFyIGU9dC5sZW5ndGgsbj1hP2EoZSk6bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIHQuY29weShuKSxufX0pKTt2YXIgWGU9ZnVuY3Rpb24odCxyKXt2YXIgZT0tMSxuPXQubGVuZ3RoO2ZvcihyfHwocj1BcnJheShuKSk7KytlPG47KXJbZV09dFtlXTtyZXR1cm4gcn07dmFyIFllPWZ1bmN0aW9uKHQscil7cmV0dXJuIFZlKHQsZnIodCkscil9LFplPSRyKE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLHRuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KW5yKHIsZnIodCkpLHQ9WmUodCk7cmV0dXJuIHJ9OmFyO3ZhciBybj1mdW5jdGlvbih0LHIpe3JldHVybiBWZSh0LHRuKHQpLHIpfTt2YXIgZW49ZnVuY3Rpb24odCl7cmV0dXJuIG9yKHQsSGUsdG4pfSxubj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBvbj1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJm5uLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9O3ZhciB1bj1mdW5jdGlvbih0KXt2YXIgcj1uZXcgdC5jb25zdHJ1Y3Rvcih0LmJ5dGVMZW5ndGgpO3JldHVybiBuZXcgWHQocikuc2V0KG5ldyBYdCh0KSkscn07dmFyIGFuPWZ1bmN0aW9uKHQscil7dmFyIGU9cj91bih0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQuYnl0ZUxlbmd0aCl9LGNuPS9cdyokLzt2YXIgZm49ZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2UsY24uZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9LGxuPWE/YS5wcm90b3R5cGU6dm9pZCAwLHZuPWxuP2xuLnZhbHVlT2Y6dm9pZCAwO3ZhciBzbj1mdW5jdGlvbih0KXtyZXR1cm4gdm4/T2JqZWN0KHZuLmNhbGwodCkpOnt9fTt2YXIgYm49ZnVuY3Rpb24odCxyKXt2YXIgZT1yP3VuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfTt2YXIgcG49ZnVuY3Rpb24odCxyLGUpe3ZhciBuPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UiW29iamVjdCBBcnJheUJ1ZmZlcl0iOnJldHVybiB1bih0KTtjYXNlIltvYmplY3QgQm9vbGVhbl0iOmNhc2UiW29iamVjdCBEYXRlXSI6cmV0dXJuIG5ldyBuKCt0KTtjYXNlIltvYmplY3QgRGF0YVZpZXddIjpyZXR1cm4gYW4odCxlKTtjYXNlIltvYmplY3QgRmxvYXQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iOmNhc2UiW29iamVjdCBJbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgSW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBJbnQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IFVpbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIjpjYXNlIltvYmplY3QgVWludDE2QXJyYXldIjpjYXNlIltvYmplY3QgVWludDMyQXJyYXldIjpyZXR1cm4gYm4odCxlKTtjYXNlIltvYmplY3QgTWFwXSI6cmV0dXJuIG5ldyBuO2Nhc2UiW29iamVjdCBOdW1iZXJdIjpjYXNlIltvYmplY3QgU3RyaW5nXSI6cmV0dXJuIG5ldyBuKHQpO2Nhc2UiW29iamVjdCBSZWdFeHBdIjpyZXR1cm4gZm4odCk7Y2FzZSJbb2JqZWN0IFNldF0iOnJldHVybiBuZXcgbjtjYXNlIltvYmplY3QgU3ltYm9sXSI6cmV0dXJuIHNuKHQpfX0seW49T2JqZWN0LmNyZWF0ZSxobj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKHIpe2lmKCFPKHIpKXJldHVybnt9O2lmKHluKXJldHVybiB5bihyKTt0LnByb3RvdHlwZT1yO3ZhciBlPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAsZX19KCk7dmFyIGRuPWZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiIhPXR5cGVvZiB0LmNvbnN0cnVjdG9yfHxJcih0KT97fTpobihaZSh0KSl9O3ZhciBqbj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgTWFwXSI9PVFyKHQpfSxnbj1BciYmQXIuaXNNYXAsX249Z24/bXIoZ24pOmpuO3ZhciBPbj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgU2V0XSI9PVFyKHQpfSx3bj1BciYmQXIuaXNTZXQsbW49d24/bXIod24pOk9uLEFuPXt9O0FuWyJbb2JqZWN0IEFyZ3VtZW50c10iXT1BblsiW29iamVjdCBBcnJheV0iXT1BblsiW29iamVjdCBBcnJheUJ1ZmZlcl0iXT1BblsiW29iamVjdCBEYXRhVmlld10iXT1BblsiW29iamVjdCBCb29sZWFuXSJdPUFuWyJbb2JqZWN0IERhdGVdIl09QW5bIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPUFuWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1BblsiW29iamVjdCBJbnQ4QXJyYXldIl09QW5bIltvYmplY3QgSW50MTZBcnJheV0iXT1BblsiW29iamVjdCBJbnQzMkFycmF5XSJdPUFuWyJbb2JqZWN0IE1hcF0iXT1BblsiW29iamVjdCBOdW1iZXJdIl09QW5bIltvYmplY3QgT2JqZWN0XSJdPUFuWyJbb2JqZWN0IFJlZ0V4cF0iXT1BblsiW29iamVjdCBTZXRdIl09QW5bIltvYmplY3QgU3RyaW5nXSJdPUFuWyJbb2JqZWN0IFN5bWJvbF0iXT1BblsiW29iamVjdCBVaW50OEFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQxNkFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQzMkFycmF5XSJdPSEwLEFuWyJbb2JqZWN0IEVycm9yXSJdPUFuWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPUFuWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIFNuPWZ1bmN0aW9uIHIoZSxuLG8sdSxhLGkpe3ZhciBjLGY9MSZuLGw9MiZuLHY9NCZuO2lmKG8mJihjPWE/byhlLHUsYSxpKTpvKGUpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFPKGUpKXJldHVybiBlO3ZhciBzPXQoZSk7aWYocyl7aWYoYz1vbihlKSwhZilyZXR1cm4gWGUoZSxjKX1lbHNle3ZhciBiPVFyKGUpLHA9IltvYmplY3QgRnVuY3Rpb25dIj09Ynx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09YjtpZihkcihlKSlyZXR1cm4gUWUoZSxmKTtpZigiW29iamVjdCBPYmplY3RdIj09Ynx8IltvYmplY3QgQXJndW1lbnRzXSI9PWJ8fHAmJiFhKXtpZihjPWx8fHA/e306ZG4oZSksIWYpcmV0dXJuIGw/cm4oZSxKZShjLGUpKTpZZShlLEtlKGMsZSkpfWVsc2V7aWYoIUFuW2JdKXJldHVybiBhP2U6e307Yz1wbihlLGIsZil9fWl8fChpPW5ldyBWdCk7dmFyIHk9aS5nZXQoZSk7aWYoeSlyZXR1cm4geTtpLnNldChlLGMpLG1uKGUpP2UuZm9yRWFjaCgoZnVuY3Rpb24odCl7Yy5hZGQocih0LG4sbyx0LGUsaSkpfSkpOl9uKGUpJiZlLmZvckVhY2goKGZ1bmN0aW9uKHQsdSl7Yy5zZXQodSxyKHQsbixvLHUsZSxpKSl9KSk7dmFyIGg9cz92b2lkIDA6KHY/bD9lbjpDcjpsP0hlOkZyKShlKTtyZXR1cm4gRGUoaHx8ZSwoZnVuY3Rpb24odCx1KXtoJiYodD1lW3U9dF0pLExlKGMsdSxyKHQsbixvLHUsZSxpKSl9KSksY307dmFyIFBuPWZ1bmN0aW9uKHQpe3JldHVybiBTbih0LDUpfTtmdW5jdGlvbiB4bih0KXtsZXQgcj0hMTtyZXR1cm4gRXQodCk/cj0haXNOYU4oTnVtYmVyKHQpKTpmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdW1iZXJdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCkmJihyPSEwKSxyfWZ1bmN0aW9uIHpuKHQpe2lmKCFFdCh0KSYmIXhuKHQpJiYhZCh0KSlyZXR1cm4iIjtsZXQgcj0iIjt0cnl7cj1TdHJpbmcodCl9Y2F0Y2godCl7fXRyeXtyPXQudG9TdHJpbmcoKX1jYXRjaCh0KXt9cmV0dXJuIHJ9dmFyIEVuPU1hdGguY2VpbCxJbj1NYXRoLm1heDt2YXIgJG49ZnVuY3Rpb24odCxyLGUsbil7Zm9yKHZhciBvPS0xLHU9SW4oRW4oKHItdCkvKGV8fDEpKSwwKSxhPUFycmF5KHUpO3UtLTspYVtuP3U6KytvXT10LHQrPWU7cmV0dXJuIGF9O3ZhciBObj1mdW5jdGlvbih0LHIsZSl7aWYoIU8oZSkpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISEoIm51bWJlciI9PW4/a3IoZSkmJmdyKHIsZS5sZW5ndGgpOiJzdHJpbmciPT1uJiZyIGluIGUpJiZKKGVbcl0sdCl9LFRuPS9ccy87dmFyIE1uPWZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJlRuLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9LGtuPS9eXHMrLzt2YXIgRm49ZnVuY3Rpb24odCl7cmV0dXJuIHQ/dC5zbGljZSgwLE1uKHQpKzEpLnJlcGxhY2Uoa24sIiIpOnR9LENuPS9eWy0rXTB4WzAtOWEtZl0rJC9pLERuPS9eMGJbMDFdKyQvaSxVbj0vXjBvWzAtN10rJC9pLEJuPXBhcnNlSW50O3ZhciBSbj1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoZCh0KSlyZXR1cm4gTmFOO2lmKE8odCkpe3ZhciByPSJmdW5jdGlvbiI9PXR5cGVvZiB0LnZhbHVlT2Y/dC52YWx1ZU9mKCk6dDt0PU8ocik/cisiIjpyfWlmKCJzdHJpbmciIT10eXBlb2YgdClyZXR1cm4gMD09PXQ/dDordDt0PUZuKHQpO3ZhciBlPURuLnRlc3QodCk7cmV0dXJuIGV8fFVuLnRlc3QodCk/Qm4odC5zbGljZSgyKSxlPzI6OCk6Q24udGVzdCh0KT9OYU46K3R9O3ZhciBMbj1mdW5jdGlvbih0KXtyZXR1cm4gdD9JbmZpbml0eT09PSh0PVJuKHQpKXx8LUluZmluaXR5PT09dD8xNzk3NjkzMTM0ODYyMzE1N2UyOTIqKHQ8MD8tMToxKTp0PT10P3Q6MDowPT09dD90OjB9O3ZhciBWbj1mdW5jdGlvbih0KXtyZXR1cm4gZnVuY3Rpb24ocixlLG4pe3JldHVybiBuJiYibnVtYmVyIiE9dHlwZW9mIG4mJk5uKHIsZSxuKSYmKGU9bj12b2lkIDApLHI9TG4ociksdm9pZCAwPT09ZT8oZT1yLHI9MCk6ZT1MbihlKSxuPXZvaWQgMD09PW4/cjxlPzE6LTE6TG4obiksJG4ocixlLG4sdCl9fSgpO2Z1bmN0aW9uIEtuKHQscj1udWxsLGU9e30pe20ocil8fChyPXQ9PnQpO2xldCBuPXh0KGUsImZvcmNlIiwhMSk7cmV0dXJuIEZ0KG4pfHwobj0hMSksZnVuY3Rpb24odCxyLGU9ITEpe2xldCBuPVtdO2lmKCFOdCh0KSYmIUl0KHQpKXJldHVybiByKHQsbnVsbCxbXSk7ZnVuY3Rpb24gbyh0KXtpZihOdCh0KSlyZXR1cm4gVm4oRmUodCkpO2lmKEl0KHQpKXtsZXQgcj1PYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyh0KSxuPW51bGw7cmV0dXJuIGUmJihuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHModCkpLE50KHIpfHwocj1bXSksTnQobil8fChuPVtdKSxbLi4uciwuLi5uXX1yZXR1cm4gdH1yZXR1cm4gZnVuY3Rpb24gdChlLHUpe2lmKE50KGUpKXJldHVybiBvKGUpLm1hcCgobz0+e2xldCB1PWVbb10sYT1QbihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9cih1LG8sYSksdT10KHUpLG4ucG9wKCksdX0pKTtpZihJdChlKSl7bGV0IHU9byhlKSxhPXt9O3JldHVybiB1Lm1hcCgobz0+e2xldCB1PWVbb10saT1QbihuKTtuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSxhW29dPXV9KSksYX1yZXR1cm4gZX0odCl9KHQscixuKX1mdW5jdGlvbiBXbih0LHIsZSl7cmV0dXJuIHIgaW4gdD9PYmplY3QuZGVmaW5lUHJvcGVydHkodCxyLHt2YWx1ZTplLGVudW1lcmFibGU6ITAsY29uZmlndXJhYmxlOiEwLHdyaXRhYmxlOiEwfSk6dFtyXT1lLHR9dmFyIHFuPWZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiB0P3Q6ZmV9O3ZhciBHbj1mdW5jdGlvbihyLGUpe3JldHVybih0KHIpP0RlOnllKShyLHFuKGUpKX07dmFyIEhuPWZ1bmN0aW9uKHQscixlLG4pe2lmKCFPKHQpKXJldHVybiB0O2Zvcih2YXIgbz0tMSx1PShyPUF0KHIsdCkpLmxlbmd0aCxhPXUtMSxpPXQ7bnVsbCE9aSYmKytvPHU7KXt2YXIgYz1TdChyW29dKSxmPWU7aWYoIl9fcHJvdG9fXyI9PT1jfHwiY29uc3RydWN0b3IiPT09Y3x8InByb3RvdHlwZSI9PT1jKXJldHVybiB0O2lmKG8hPWEpe3ZhciBsPWlbY107dm9pZCAwPT09KGY9bj9uKGwsYyxpKTp2b2lkIDApJiYoZj1PKGwpP2w6Z3IocltvKzFdKT9bXTp7fSl9TGUoaSxjLGYpLGk9aVtjXX1yZXR1cm4gdH07dmFyIEpuPWZ1bmN0aW9uKHQscixlKXtyZXR1cm4gbnVsbD09dD90OkhuKHQscixlKX07dmFyIFFuPWZ1bmN0aW9uKHQpe3ZhciByPW51bGw9PXQ/MDp0Lmxlbmd0aDtyZXR1cm4gcj90W3ItMV06dm9pZCAwfTt2YXIgWG49ZnVuY3Rpb24odCxyLGUpe3ZhciBuPS0xLG89dC5sZW5ndGg7cjwwJiYocj0tcj5vPzA6bytyKSwoZT1lPm8/bzplKTwwJiYoZSs9byksbz1yPmU/MDplLXI+Pj4wLHI+Pj49MDtmb3IodmFyIHU9QXJyYXkobyk7KytuPG87KXVbbl09dFtuK3JdO3JldHVybiB1fTt2YXIgWW49ZnVuY3Rpb24odCxyKXtyZXR1cm4gci5sZW5ndGg8Mj90OlB0KHQsWG4ociwwLC0xKSl9O3ZhciBabj1mdW5jdGlvbih0LHIpe3JldHVybiByPUF0KHIsdCksbnVsbD09KHQ9WW4odCxyKSl8fGRlbGV0ZSB0W1N0KFFuKHIpKV19LHRvPUZ1bmN0aW9uLnByb3RvdHlwZSxybz1PYmplY3QucHJvdG90eXBlLGVvPXRvLnRvU3RyaW5nLG5vPXJvLmhhc093blByb3BlcnR5LG9vPWVvLmNhbGwoT2JqZWN0KTt2YXIgdW89ZnVuY3Rpb24odCl7aWYoIWgodCl8fCJbb2JqZWN0IE9iamVjdF0iIT15KHQpKXJldHVybiExO3ZhciByPVplKHQpO2lmKG51bGw9PT1yKXJldHVybiEwO3ZhciBlPW5vLmNhbGwociwiY29uc3RydWN0b3IiKSYmci5jb25zdHJ1Y3RvcjtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgZSYmZSBpbnN0YW5jZW9mIGUmJmVvLmNhbGwoZSk9PW9vfTt2YXIgYW89ZnVuY3Rpb24odCl7cmV0dXJuIHVvKHQpP3ZvaWQgMDp0fSxpbz1hP2EuaXNDb25jYXRTcHJlYWRhYmxlOnZvaWQgMDt2YXIgY289ZnVuY3Rpb24ocil7cmV0dXJuIHQocil8fHlyKHIpfHwhIShpbyYmciYmcltpb10pfTt2YXIgZm89ZnVuY3Rpb24gdChyLGUsbixvLHUpe3ZhciBhPS0xLGk9ci5sZW5ndGg7Zm9yKG58fChuPWNvKSx1fHwodT1bXSk7KythPGk7KXt2YXIgYz1yW2FdO2U+MCYmbihjKT9lPjE/dChjLGUtMSxuLG8sdSk6bnIodSxjKTpvfHwodVt1Lmxlbmd0aF09Yyl9cmV0dXJuIHV9O3ZhciBsbz1mdW5jdGlvbih0KXtyZXR1cm4obnVsbD09dD8wOnQubGVuZ3RoKT9mbyh0LDEpOltdfTt2YXIgdm89ZnVuY3Rpb24odCxyLGUpe3N3aXRjaChlLmxlbmd0aCl7Y2FzZSAwOnJldHVybiB0LmNhbGwocik7Y2FzZSAxOnJldHVybiB0LmNhbGwocixlWzBdKTtjYXNlIDI6cmV0dXJuIHQuY2FsbChyLGVbMF0sZVsxXSk7Y2FzZSAzOnJldHVybiB0LmNhbGwocixlWzBdLGVbMV0sZVsyXSl9cmV0dXJuIHQuYXBwbHkocixlKX0sc289TWF0aC5tYXg7dmFyIGJvPWZ1bmN0aW9uKHQscixlKXtyZXR1cm4gcj1zbyh2b2lkIDA9PT1yP3QubGVuZ3RoLTE6ciwwKSxmdW5jdGlvbigpe2Zvcih2YXIgbj1hcmd1bWVudHMsbz0tMSx1PXNvKG4ubGVuZ3RoLXIsMCksYT1BcnJheSh1KTsrK288dTspYVtvXT1uW3Irb107bz0tMTtmb3IodmFyIGk9QXJyYXkocisxKTsrK288cjspaVtvXT1uW29dO3JldHVybiBpW3JdPWUoYSksdm8odCx0aGlzLGkpfX07dmFyIHBvPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbigpe3JldHVybiB0fX0seW89VWU/ZnVuY3Rpb24odCxyKXtyZXR1cm4gVWUodCwidG9TdHJpbmciLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMSx2YWx1ZTpwbyhyKSx3cml0YWJsZTohMH0pfTpmZSxobz1EYXRlLm5vdzt2YXIgam89ZnVuY3Rpb24odCl7dmFyIHI9MCxlPTA7cmV0dXJuIGZ1bmN0aW9uKCl7dmFyIG49aG8oKSxvPTE2LShuLWUpO2lmKGU9bixvPjApe2lmKCsrcj49ODAwKXJldHVybiBhcmd1bWVudHNbMF19ZWxzZSByPTA7cmV0dXJuIHQuYXBwbHkodm9pZCAwLGFyZ3VtZW50cyl9fSh5byk7dmFyIGdvPWZ1bmN0aW9uKHQpe3JldHVybiBqbyhibyh0LHZvaWQgMCxsbyksdCsiIil9KChmdW5jdGlvbih0LHIpe3ZhciBlPXt9O2lmKG51bGw9PXQpcmV0dXJuIGU7dmFyIG49ITE7cj1ndChyLChmdW5jdGlvbihyKXtyZXR1cm4gcj1BdChyLHQpLG58fChuPXIubGVuZ3RoPjEpLHJ9KSksVmUodCxlbih0KSxlKSxuJiYoZT1TbihlLDcsYW8pKTtmb3IodmFyIG89ci5sZW5ndGg7by0tOylabihlLHJbb10pO3JldHVybiBlfSkpO2Z1bmN0aW9uIF9vKHQscil7dmFyIGU9T2JqZWN0LmtleXModCk7aWYoT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyl7dmFyIG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KTtyJiYobj1uLmZpbHRlcigoZnVuY3Rpb24ocil7cmV0dXJuIE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IodCxyKS5lbnVtZXJhYmxlfSkpKSxlLnB1c2guYXBwbHkoZSxuKX1yZXR1cm4gZX1mdW5jdGlvbiBPbyh0KXtmb3IodmFyIHI9MTtyPGFyZ3VtZW50cy5sZW5ndGg7cisrKXt2YXIgZT1udWxsIT1hcmd1bWVudHNbcl0/YXJndW1lbnRzW3JdOnt9O3IlMj9fbyhPYmplY3QoZSksITApLmZvckVhY2goKGZ1bmN0aW9uKHIpe1duKHQscixlW3JdKX0pKTpPYmplY3QuZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycz9PYmplY3QuZGVmaW5lUHJvcGVydGllcyh0LE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzKGUpKTpfbyhPYmplY3QoZSkpLmZvckVhY2goKGZ1bmN0aW9uKHIpe09iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LHIsT2JqZWN0LmdldE93blByb3BlcnR5RGVzY3JpcHRvcihlLHIpKX0pKX1yZXR1cm4gdH1mdW5jdGlvbiB3byh0LHI9e30pe2xldCBlPSIkbGV2ZWwiLG49IiRwYXJlbnRzIjtpZighTXQodCkpcmV0dXJuW107bGV0IG89eHQociwiYmluZEtleSIsbnVsbCk7RXQobyl8fChvPSJpZCIpO2xldCB1PXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KHUpfHwodT0icGFyZW50SWQiKTtsZXQgYT14dChyLCJiaW5kQ2hpbGRyZW4iLG51bGwpO0V0KGEpfHwoYT0iY2hpbGRyZW4iKTtsZXQgaT14dChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBGdChpKXx8KGk9ITEpLGZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGModCl7cmV0dXJuIGk/dDpnbyh0LFtlLG5dKX1sZXQgZj17fTtyZXR1cm4gR24odCwoKGUsbik9PntpZigwPT09ZS4kbGV2ZWwpe2xldCB0PWMoZSk7ci5wdXNoKHQpLGZbZVtvXV09W25dfWVsc2V7bGV0IG49ZnVuY3Rpb24ocil7Zm9yKGxldCBlPTA7ZTx0Lmxlbmd0aDtlKyspe2xldCBuPXRbZV07aWYoclt1XT09PW5bb10pcmV0dXJuIG59cmV0dXJuIG51bGx9KGUpO2lmKG51bGwhPT1uKXtsZXQgdD1mW25bb11dO3Q9Wy4uLnQsYV07bGV0IHU9eHQocix0LFtdKSxpPWMoZSk7dS5wdXNoKGkpLGZbZVtvXV09Wy4uLnQsdS5sZW5ndGgtMV0sSm4ocix0LHUpfWVsc2UgY29uc29sZS5sb2coYGNhbiBub3QgZmluZCBwYXJlbnQgZm9yICR7eHQoZSx1KX1gKX19KSkscn0odD1mdW5jdGlvbih0KXtsZXQgcj1bXTtmdW5jdGlvbiBhKGEpe2xldCBpPVtdO0duKHQsKCh0LGMpPT57bGV0IGY9eHQodCx1KSxsPXh0KGEsbyk7aWYoZiYmbCYmZj09PWwpe2xldCB1PXh0KGEsbixbXSk7dT1Qbih1KSx1LnB1c2goYVtvXSksci5wdXNoKE9vKHtbZV06YS4kbGV2ZWwrMSxbbl06dX0sdCkpfWVsc2UgaS5wdXNoKHQpfSkpLHQ9aX1pZih0PVBuKHQpLGZ1bmN0aW9uKCl7bGV0IG89W107R24odCwoKHQsYSk9PntUdCh0W3VdKT9yLnB1c2goT28oe1tlXTowLFtuXTpbXX0sdCkpOm8ucHVzaCh0KX0pKSx0PW99KCksMD09PXIubGVuZ3RoKXJldHVybiByO2xldCBpPS0xO2Zvcig7aSs9MSwhKGk+ci5sZW5ndGgtMSk7KXtpZihhKHJbaV0pLDA9PT10Lmxlbmd0aClicmVha31yZXR1cm4gcn0odD1Qbih0KSkpfWZ1bmN0aW9uIG1vKHQscj17fSl7aWYoISR0KHQpJiYhTXQodCkpcmV0dXJuW107bGV0IGU9eHQociwiYmluZEtleSIsbnVsbCk7RXQoZSl8fChlPSJpZCIpO2xldCBuPXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KG4pfHwobj0icGFyZW50SWQiKTtsZXQgbz14dChyLCJiaW5kVGV4dCIsbnVsbCk7RXQobyl8fChvPSJ0ZXh0Iik7bGV0IHU9eHQociwiYmluZENoaWxkcmVuIixudWxsKTtFdCh1KXx8KHU9ImNoaWxkcmVuIik7bGV0IGE9eHQociwiYmluZFR5cGUiLG51bGwpO0V0KGEpfHwoYT0idHlwZSIpO2xldCBpPXh0KHIsImJpbmROdW1PZkNoaWxyZW4iLG51bGwpO0V0KGkpfHwoaT0ibnVtT2ZDaGlscmVuIik7bGV0IGM9eHQociwiYmluZFJvb3QiLG51bGwpO0V0KGMpfHwoYz0icm9vdCIpO2xldCBmPXh0KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7cmV0dXJuIEZ0KGYpfHwoZj0hMSksRXQoYykmJih0PXtbY106dH0pLHdvKGZ1bmN0aW9uKHQscj17fSl7aWYoISR0KHQpJiYhTXQodCkpcmV0dXJuW107bGV0IGU9eHQociwiYmluZEtleSIsbnVsbCk7RXQoZSl8fChlPSJpZCIpO2xldCBuPXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KG4pfHwobj0icGFyZW50SWQiKTtsZXQgbz14dChyLCJiaW5kQmVsb25nIixudWxsKTtFdChvKXx8KG89ImtleSIpO2xldCB1PXh0KHIsImJpbmRUZXh0IixudWxsKTtFdCh1KXx8KHU9InRleHQiKTtsZXQgYT14dChyLCJiaW5kVHlwZSIsbnVsbCk7RXQoYSl8fChhPSJ0eXBlIik7bGV0IGk9eHQociwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gYyh0LHIsZSl7dD1Qbih0KSx0PWRlKHQsKHQ9PmQodCk/em4odCk6dCkpLGQocikmJihyPXpuKHIpKSxkKGUpJiYoZT16bihlKSksKEV0KHIpfHx4bihyKSkmJnQucHVzaChyKTtsZXQgbj1nZSh0LCItIik7cmV0dXJuKEV0KGUpfHx4bihlKSkmJihuPWAke2V9LSR7bn1gKSxufUV0KGkpfHwoaT0ibnVtT2ZDaGlscmVuIik7bGV0IGY9W107cmV0dXJuIEtuKHQsKCh0LHIsbCk9PntsZXQgdj1jKGwscikscz1jKGwsbnVsbCksYj0ibm9kZSI7SXQodCk/Yj0ib2JqZWN0IjpOdCh0KSYmKGI9ImFycmF5Iik7bGV0IHA9e1tlXTp2LFtuXTpzLFthXTpifTtpZigoRXQocil8fENlKHIpKSYmKHBbb109ciksSXQodCl8fE50KHQpfHwocFt1XT10KSxJdCh0KXx8TnQodCkpe2xldCByPUZlKHQpO3BbaV09cn1yZXR1cm4gZi5wdXNoKHApLHR9KSx7Zm9yY2U6ITB9KSxmfSh0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6YSxiaW5kTnVtT2ZDaGlscmVuOml9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfWFzeW5jIGZ1bmN0aW9uIGNvbnZlcnRUb1RyZWVXayh0LHI9e30pe3JldHVybiBtbyh0LHIpfQoKbGV0IGluc3RhbmNlID0gbnVsbApmdW5jdGlvbiBpbml0KGlucHV0KXsKCiAgICAvL2luaXQKICAgIGxldCByCiAgICAKICAgICAgICByID0gewogICAgICAgICAgICBtYWluOiBjb252ZXJ0VG9UcmVlV2sKICAgICAgICB9CiAgICAgICAgCgogICAgLy9vbgogICAgCgogICAgLy9zYXZlCiAgICBpbnN0YW5jZSA9IHIKCn0KCmZ1bmN0aW9uIHNlbmRNZXNzYWdlKGRhdGEpIHsKICAgIAogICAgICAgIHNlbGYucG9zdE1lc3NhZ2UoZGF0YSkKICAgICAgICAKfQoKYXN5bmMgZnVuY3Rpb24gcnVuKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcnVuJyxkYXRhKQoKICAgIC8vbW9kZQogICAgbGV0IG1vZGUgPSBkYXRhLm1vZGUKCiAgICAvL2NoZWNrCiAgICBpZihtb2RlICE9PSAnaW5pdCcgJiYgbW9kZSAhPT0gJ2NhbGwnKXsKICAgICAgICByZXR1cm4KICAgIH0KCiAgICAvL2luaXQKICAgIGlmKG1vZGUgPT09ICdpbml0Jyl7CiAgICAgICAgCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy90eXBlCiAgICAgICAgICAgIGxldCB0eXBlID0gZGF0YS50eXBlCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKICAgIAogICAgICAgICAgICAvL2luc3RhbmNlCiAgICAgICAgICAgIGlmKHR5cGUgPT09ICdmdW5jdGlvbicpewogICAgICAgICAgICAgICAgaW5pdCguLi5pbnB1dCkKICAgICAgICAgICAgfQogICAgICAgICAgICBlbHNlIGlmKHR5cGUgPT09ICdvYmplY3QnKXsKICAgICAgICAgICAgICAgIGluc3RhbmNlID0gY29udmVydFRvVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgo=",ev.Base64.decode("CgoKdmFyIHQ9QXJyYXkuaXNBcnJheSxyPSJ1bmRlZmluZWQiIT10eXBlb2YgZ2xvYmFsVGhpcz9nbG9iYWxUaGlzOiJ1bmRlZmluZWQiIT10eXBlb2Ygd2luZG93P3dpbmRvdzoidW5kZWZpbmVkIiE9dHlwZW9mIGdsb2JhbD9nbG9iYWw6InVuZGVmaW5lZCIhPXR5cGVvZiBzZWxmP3NlbGY6e307ZnVuY3Rpb24gZSh0KXt2YXIgcj17ZXhwb3J0czp7fX07cmV0dXJuIHQocixyLmV4cG9ydHMpLHIuZXhwb3J0c312YXIgbj0ib2JqZWN0Ij09dHlwZW9mIHImJnImJnIuT2JqZWN0PT09T2JqZWN0JiZyLG89Im9iamVjdCI9PXR5cGVvZiBzZWxmJiZzZWxmJiZzZWxmLk9iamVjdD09PU9iamVjdCYmc2VsZix1PW58fG98fEZ1bmN0aW9uKCJyZXR1cm4gdGhpcyIpKCksYT11LlN5bWJvbCxpPU9iamVjdC5wcm90b3R5cGUsYz1pLmhhc093blByb3BlcnR5LGY9aS50b1N0cmluZyxsPWE/YS50b1N0cmluZ1RhZzp2b2lkIDA7dmFyIHY9ZnVuY3Rpb24odCl7dmFyIHI9Yy5jYWxsKHQsbCksZT10W2xdO3RyeXt0W2xdPXZvaWQgMDt2YXIgbj0hMH1jYXRjaCh0KXt9dmFyIG89Zi5jYWxsKHQpO3JldHVybiBuJiYocj90W2xdPWU6ZGVsZXRlIHRbbF0pLG99LHM9T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZzt2YXIgYj1mdW5jdGlvbih0KXtyZXR1cm4gcy5jYWxsKHQpfSxwPWE/YS50b1N0cmluZ1RhZzp2b2lkIDA7dmFyIHk9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwPT09dD8iW29iamVjdCBVbmRlZmluZWRdIjoiW29iamVjdCBOdWxsXSI6cCYmcCBpbiBPYmplY3QodCk/dih0KTpiKHQpfTt2YXIgaD1mdW5jdGlvbih0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fTt2YXIgZD1mdW5jdGlvbih0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fGgodCkmJiJbb2JqZWN0IFN5bWJvbF0iPT15KHQpfSxqPS9cLnxcWyg/OlteW1xdXSp8KFsiJ10pKD86KD8hXDEpW15cXF18XFwuKSo/XDEpXF0vLGc9L15cdyokLzt2YXIgXz1mdW5jdGlvbihyLGUpe2lmKHQocikpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISgibnVtYmVyIiE9biYmInN5bWJvbCIhPW4mJiJib29sZWFuIiE9biYmbnVsbCE9ciYmIWQocikpfHwoZy50ZXN0KHIpfHwhai50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKSl9O3ZhciBPPWZ1bmN0aW9uKHQpe3ZhciByPXR5cGVvZiB0O3JldHVybiBudWxsIT10JiYoIm9iamVjdCI9PXJ8fCJmdW5jdGlvbiI9PXIpfTt2YXIgdyxtPWZ1bmN0aW9uKHQpe2lmKCFPKHQpKXJldHVybiExO3ZhciByPXkodCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09cnx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cnx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1yfHwiW29iamVjdCBQcm94eV0iPT1yfSxBPXVbIl9fY29yZS1qc19zaGFyZWRfXyJdLFM9KHc9L1teLl0rJC8uZXhlYyhBJiZBLmtleXMmJkEua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK3c6IiI7dmFyIFA9ZnVuY3Rpb24odCl7cmV0dXJuISFTJiZTIGluIHR9LHg9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO3ZhciB6PWZ1bmN0aW9uKHQpe2lmKG51bGwhPXQpe3RyeXtyZXR1cm4geC5jYWxsKHQpfWNhdGNoKHQpe310cnl7cmV0dXJuIHQrIiJ9Y2F0Y2godCl7fX1yZXR1cm4iIn0sRT0vXlxbb2JqZWN0IC4rP0NvbnN0cnVjdG9yXF0kLyxJPUZ1bmN0aW9uLnByb3RvdHlwZSwkPU9iamVjdC5wcm90b3R5cGUsTj1JLnRvU3RyaW5nLFQ9JC5oYXNPd25Qcm9wZXJ0eSxNPVJlZ0V4cCgiXiIrTi5jYWxsKFQpLnJlcGxhY2UoL1tcXF4kLiorPygpW1xde318XS9nLCJcXCQmIikucmVwbGFjZSgvaGFzT3duUHJvcGVydHl8KGZ1bmN0aW9uKS4qPyg/PVxcXCgpfCBmb3IgLis/KD89XFxcXSkvZywiJDEuKj8iKSsiJCIpO3ZhciBrPWZ1bmN0aW9uKHQpe3JldHVybiEoIU8odCl8fFAodCkpJiYobSh0KT9NOkUpLnRlc3Qoeih0KSl9O3ZhciBGPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19O3ZhciBDPWZ1bmN0aW9uKHQscil7dmFyIGU9Rih0LHIpO3JldHVybiBrKGUpP2U6dm9pZCAwfSxEPUMoT2JqZWN0LCJjcmVhdGUiKTt2YXIgVT1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189RD9EKG51bGwpOnt9LHRoaXMuc2l6ZT0wfTt2YXIgQj1mdW5jdGlvbih0KXt2YXIgcj10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sUj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBMPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187aWYoRCl7dmFyIGU9clt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1lP3ZvaWQgMDplfXJldHVybiBSLmNhbGwocix0KT9yW3RdOnZvaWQgMH0sVj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBLPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187cmV0dXJuIEQ/dm9pZCAwIT09clt0XTpWLmNhbGwocix0KX07dmFyIFc9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fO3JldHVybiB0aGlzLnNpemUrPXRoaXMuaGFzKHQpPzA6MSxlW3RdPUQmJnZvaWQgMD09PXI/Il9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iOnIsdGhpc307ZnVuY3Rpb24gcSh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1xLnByb3RvdHlwZS5jbGVhcj1VLHEucHJvdG90eXBlLmRlbGV0ZT1CLHEucHJvdG90eXBlLmdldD1MLHEucHJvdG90eXBlLmhhcz1LLHEucHJvdG90eXBlLnNldD1XO3ZhciBHPXE7dmFyIEg9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfTt2YXIgSj1mdW5jdGlvbih0LHIpe3JldHVybiB0PT09cnx8dCE9dCYmciE9cn07dmFyIFE9ZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9dC5sZW5ndGg7ZS0tOylpZihKKHRbZV1bMF0scikpcmV0dXJuIGU7cmV0dXJuLTF9LFg9QXJyYXkucHJvdG90eXBlLnNwbGljZTt2YXIgWT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9UShyLHQpO3JldHVybiEoZTwwKSYmKGU9PXIubGVuZ3RoLTE/ci5wb3AoKTpYLmNhbGwocixlLDEpLC0tdGhpcy5zaXplLCEwKX07dmFyIFo9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPVEocix0KTtyZXR1cm4gZTwwP3ZvaWQgMDpyW2VdWzFdfTt2YXIgdHQ9ZnVuY3Rpb24odCl7cmV0dXJuIFEodGhpcy5fX2RhdGFfXyx0KT4tMX07dmFyIHJ0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXyxuPVEoZSx0KTtyZXR1cm4gbjwwPygrK3RoaXMuc2l6ZSxlLnB1c2goW3Qscl0pKTplW25dWzFdPXIsdGhpc307ZnVuY3Rpb24gZXQodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19ZXQucHJvdG90eXBlLmNsZWFyPUgsZXQucHJvdG90eXBlLmRlbGV0ZT1ZLGV0LnByb3RvdHlwZS5nZXQ9WixldC5wcm90b3R5cGUuaGFzPXR0LGV0LnByb3RvdHlwZS5zZXQ9cnQ7dmFyIG50PWV0LG90PUModSwiTWFwIik7dmFyIHV0PWZ1bmN0aW9uKCl7dGhpcy5zaXplPTAsdGhpcy5fX2RhdGFfXz17aGFzaDpuZXcgRyxtYXA6bmV3KG90fHxudCksc3RyaW5nOm5ldyBHfX07dmFyIGF0PWZ1bmN0aW9uKHQpe3ZhciByPXR5cGVvZiB0O3JldHVybiJzdHJpbmciPT1yfHwibnVtYmVyIj09cnx8InN5bWJvbCI9PXJ8fCJib29sZWFuIj09cj8iX19wcm90b19fIiE9PXQ6bnVsbD09PXR9O3ZhciBpdD1mdW5jdGlvbih0LHIpe3ZhciBlPXQuX19kYXRhX187cmV0dXJuIGF0KHIpP2VbInN0cmluZyI9PXR5cGVvZiByPyJzdHJpbmciOiJoYXNoIl06ZS5tYXB9O3ZhciBjdD1mdW5jdGlvbih0KXt2YXIgcj1pdCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1yPzE6MCxyfTt2YXIgZnQ9ZnVuY3Rpb24odCl7cmV0dXJuIGl0KHRoaXMsdCkuZ2V0KHQpfTt2YXIgbHQ9ZnVuY3Rpb24odCl7cmV0dXJuIGl0KHRoaXMsdCkuaGFzKHQpfTt2YXIgdnQ9ZnVuY3Rpb24odCxyKXt2YXIgZT1pdCh0aGlzLHQpLG49ZS5zaXplO3JldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZSs9ZS5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBzdCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1zdC5wcm90b3R5cGUuY2xlYXI9dXQsc3QucHJvdG90eXBlLmRlbGV0ZT1jdCxzdC5wcm90b3R5cGUuZ2V0PWZ0LHN0LnByb3RvdHlwZS5oYXM9bHQsc3QucHJvdG90eXBlLnNldD12dDt2YXIgYnQ9c3Q7ZnVuY3Rpb24gcHQodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcigiRXhwZWN0ZWQgYSBmdW5jdGlvbiIpO3ZhciBlPWZ1bmN0aW9uKCl7dmFyIG49YXJndW1lbnRzLG89cj9yLmFwcGx5KHRoaXMsbik6blswXSx1PWUuY2FjaGU7aWYodS5oYXMobykpcmV0dXJuIHUuZ2V0KG8pO3ZhciBhPXQuYXBwbHkodGhpcyxuKTtyZXR1cm4gZS5jYWNoZT11LnNldChvLGEpfHx1LGF9O3JldHVybiBlLmNhY2hlPW5ldyhwdC5DYWNoZXx8YnQpLGV9cHQuQ2FjaGU9YnQ7dmFyIHl0PXB0O3ZhciBodD0vW14uW1xdXSt8XFsoPzooLT9cZCsoPzpcLlxkKyk/KXwoWyInXSkoKD86KD8hXDIpW15cXF18XFwuKSo/KVwyKVxdfCg/PSg/OlwufFxbXF0pKD86XC58XFtcXXwkKSkvZyxkdD0vXFwoXFwpPy9nLGp0PWZ1bmN0aW9uKHQpe3ZhciByPXl0KHQsKGZ1bmN0aW9uKHQpe3JldHVybiA1MDA9PT1lLnNpemUmJmUuY2xlYXIoKSx0fSkpLGU9ci5jYWNoZTtyZXR1cm4gcn0oKGZ1bmN0aW9uKHQpe3ZhciByPVtdO3JldHVybiA0Nj09PXQuY2hhckNvZGVBdCgwKSYmci5wdXNoKCIiKSx0LnJlcGxhY2UoaHQsKGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShkdCwiJDEiKTplfHx0KX0pKSxyfSkpO3ZhciBndD1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrZTxuOylvW2VdPXIodFtlXSxlLHQpO3JldHVybiBvfSxfdD1hP2EucHJvdG90eXBlOnZvaWQgMCxPdD1fdD9fdC50b1N0cmluZzp2b2lkIDA7dmFyIHd0PWZ1bmN0aW9uIHIoZSl7aWYoInN0cmluZyI9PXR5cGVvZiBlKXJldHVybiBlO2lmKHQoZSkpcmV0dXJuIGd0KGUscikrIiI7aWYoZChlKSlyZXR1cm4gT3Q/T3QuY2FsbChlKToiIjt2YXIgbj1lKyIiO3JldHVybiIwIj09biYmMS9lPT0tSW5maW5pdHk/Ii0wIjpufTt2YXIgbXQ9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6d3QodCl9O3ZhciBBdD1mdW5jdGlvbihyLGUpe3JldHVybiB0KHIpP3I6XyhyLGUpP1tyXTpqdChtdChyKSl9O3ZhciBTdD1mdW5jdGlvbih0KXtpZigic3RyaW5nIj09dHlwZW9mIHR8fGQodCkpcmV0dXJuIHQ7dmFyIHI9dCsiIjtyZXR1cm4iMCI9PXImJjEvdD09LUluZmluaXR5PyItMCI6cn07dmFyIFB0PWZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPTAsbj0ocj1BdChyLHQpKS5sZW5ndGg7bnVsbCE9dCYmZTxuOyl0PXRbU3QocltlKytdKV07cmV0dXJuIGUmJmU9PW4/dDp2b2lkIDB9O3ZhciB4dD1mdW5jdGlvbih0LHIsZSl7dmFyIG49bnVsbD09dD92b2lkIDA6UHQodCxyKTtyZXR1cm4gdm9pZCAwPT09bj9lOm59O2Z1bmN0aW9uIHp0KHQpe3JldHVybiJbb2JqZWN0IFN0cmluZ10iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uIEV0KHQpe3JldHVybiEoIXp0KHQpfHwiIj09PXQpfWZ1bmN0aW9uIEl0KHQpe3JldHVybiJbb2JqZWN0IE9iamVjdF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uICR0KHQpe2lmKEl0KHQpKXtmb3IobGV0IHIgaW4gdClyZXR1cm4hMDtyZXR1cm4hMX1yZXR1cm4hMX1mdW5jdGlvbiBOdCh0KXtyZXR1cm4iW29iamVjdCBBcnJheV0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfWZ1bmN0aW9uIFR0KHQpe3JldHVybiEhZnVuY3Rpb24odCl7cmV0dXJuIltvYmplY3QgVW5kZWZpbmVkXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdWxsXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9KHQpfHwoISFmdW5jdGlvbih0KXtpZihJdCh0KSl7Zm9yKGxldCByIGluIHQpcmV0dXJuITE7cmV0dXJuITB9cmV0dXJuITF9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4hKCF6dCh0KXx8IiIhPT10KX0odCl8fCEhZnVuY3Rpb24odCl7cmV0dXJuISFOdCh0KSYmMD09PXQubGVuZ3RofSh0KSkpKX1mdW5jdGlvbiBNdCh0KXtyZXR1cm4hIU50KHQpJiYoMCE9PXQubGVuZ3RoJiYoMSE9PXQubGVuZ3RofHwhVHQodFswXSkpKX12YXIga3Q9ZnVuY3Rpb24odCl7cmV0dXJuITA9PT10fHwhMT09PXR8fGgodCkmJiJbb2JqZWN0IEJvb2xlYW5dIj09eSh0KX07ZnVuY3Rpb24gRnQodCl7cmV0dXJuIGt0KHQpfXZhciBDdD1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189bmV3IG50LHRoaXMuc2l6ZT0wfTt2YXIgRHQ9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPXIuZGVsZXRlKHQpO3JldHVybiB0aGlzLnNpemU9ci5zaXplLGV9O3ZhciBVdD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9O3ZhciBCdD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9O3ZhciBSdD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoZSBpbnN0YW5jZW9mIG50KXt2YXIgbj1lLl9fZGF0YV9fO2lmKCFvdHx8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3Qscl0pLHRoaXMuc2l6ZT0rK2Uuc2l6ZSx0aGlzO2U9dGhpcy5fX2RhdGFfXz1uZXcgYnQobil9cmV0dXJuIGUuc2V0KHQsciksdGhpcy5zaXplPWUuc2l6ZSx0aGlzfTtmdW5jdGlvbiBMdCh0KXt2YXIgcj10aGlzLl9fZGF0YV9fPW5ldyBudCh0KTt0aGlzLnNpemU9ci5zaXplfUx0LnByb3RvdHlwZS5jbGVhcj1DdCxMdC5wcm90b3R5cGUuZGVsZXRlPUR0LEx0LnByb3RvdHlwZS5nZXQ9VXQsTHQucHJvdG90eXBlLmhhcz1CdCxMdC5wcm90b3R5cGUuc2V0PVJ0O3ZhciBWdD1MdDt2YXIgS3Q9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uc2V0KHQsIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iKSx0aGlzfTt2YXIgV3Q9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfTtmdW5jdGlvbiBxdCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5fX2RhdGFfXz1uZXcgYnQ7KytyPGU7KXRoaXMuYWRkKHRbcl0pfXF0LnByb3RvdHlwZS5hZGQ9cXQucHJvdG90eXBlLnB1c2g9S3QscXQucHJvdG90eXBlLmhhcz1XdDt2YXIgR3Q9cXQ7dmFyIEh0PWZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrZTxuOylpZihyKHRbZV0sZSx0KSlyZXR1cm4hMDtyZXR1cm4hMX07dmFyIEp0PWZ1bmN0aW9uKHQscil7cmV0dXJuIHQuaGFzKHIpfTt2YXIgUXQ9ZnVuY3Rpb24odCxyLGUsbixvLHUpe3ZhciBhPTEmZSxpPXQubGVuZ3RoLGM9ci5sZW5ndGg7aWYoaSE9YyYmIShhJiZjPmkpKXJldHVybiExO3ZhciBmPXUuZ2V0KHQpLGw9dS5nZXQocik7aWYoZiYmbClyZXR1cm4gZj09ciYmbD09dDt2YXIgdj0tMSxzPSEwLGI9MiZlP25ldyBHdDp2b2lkIDA7Zm9yKHUuc2V0KHQsciksdS5zZXQocix0KTsrK3Y8aTspe3ZhciBwPXRbdl0seT1yW3ZdO2lmKG4pdmFyIGg9YT9uKHkscCx2LHIsdCx1KTpuKHAseSx2LHQscix1KTtpZih2b2lkIDAhPT1oKXtpZihoKWNvbnRpbnVlO3M9ITE7YnJlYWt9aWYoYil7aWYoIUh0KHIsKGZ1bmN0aW9uKHQscil7aWYoIUp0KGIscikmJihwPT09dHx8byhwLHQsZSxuLHUpKSlyZXR1cm4gYi5wdXNoKHIpfSkpKXtzPSExO2JyZWFrfX1lbHNlIGlmKHAhPT15JiYhbyhwLHksZSxuLHUpKXtzPSExO2JyZWFrfX1yZXR1cm4gdS5kZWxldGUodCksdS5kZWxldGUociksc30sWHQ9dS5VaW50OEFycmF5O3ZhciBZdD1mdW5jdGlvbih0KXt2YXIgcj0tMSxlPUFycmF5KHQuc2l6ZSk7cmV0dXJuIHQuZm9yRWFjaCgoZnVuY3Rpb24odCxuKXtlWysrcl09W24sdF19KSksZX07dmFyIFp0PWZ1bmN0aW9uKHQpe3ZhciByPS0xLGU9QXJyYXkodC5zaXplKTtyZXR1cm4gdC5mb3JFYWNoKChmdW5jdGlvbih0KXtlWysrcl09dH0pKSxlfSx0cj1hP2EucHJvdG90eXBlOnZvaWQgMCxycj10cj90ci52YWx1ZU9mOnZvaWQgMDt2YXIgZXI9ZnVuY3Rpb24odCxyLGUsbixvLHUsYSl7c3dpdGNoKGUpe2Nhc2UiW29iamVjdCBEYXRhVmlld10iOmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuISh0LmJ5dGVMZW5ndGghPXIuYnl0ZUxlbmd0aHx8IXUobmV3IFh0KHQpLG5ldyBYdChyKSkpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpjYXNlIltvYmplY3QgTnVtYmVyXSI6cmV0dXJuIEooK3QsK3IpO2Nhc2UiW29iamVjdCBFcnJvcl0iOnJldHVybiB0Lm5hbWU9PXIubmFtZSYmdC5tZXNzYWdlPT1yLm1lc3NhZ2U7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gdD09cisiIjtjYXNlIltvYmplY3QgTWFwXSI6dmFyIGk9WXQ7Y2FzZSJbb2JqZWN0IFNldF0iOnZhciBjPTEmbjtpZihpfHwoaT1adCksdC5zaXplIT1yLnNpemUmJiFjKXJldHVybiExO3ZhciBmPWEuZ2V0KHQpO2lmKGYpcmV0dXJuIGY9PXI7bnw9MixhLnNldCh0LHIpO3ZhciBsPVF0KGkodCksaShyKSxuLG8sdSxhKTtyZXR1cm4gYS5kZWxldGUodCksbDtjYXNlIltvYmplY3QgU3ltYm9sXSI6aWYocnIpcmV0dXJuIHJyLmNhbGwodCk9PXJyLmNhbGwocil9cmV0dXJuITF9O3ZhciBucj1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPXIubGVuZ3RoLG89dC5sZW5ndGg7KytlPG47KXRbbytlXT1yW2VdO3JldHVybiB0fTt2YXIgb3I9ZnVuY3Rpb24ocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpucihvLG4ocikpfTt2YXIgdXI9ZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgYT10W2VdO3IoYSxlLHQpJiYodVtvKytdPWEpfXJldHVybiB1fTt2YXIgYXI9ZnVuY3Rpb24oKXtyZXR1cm5bXX0saXI9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxjcj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLGZyPWNyP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSx1cihjcih0KSwoZnVuY3Rpb24ocil7cmV0dXJuIGlyLmNhbGwodCxyKX0pKSl9OmFyO3ZhciBscj1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPUFycmF5KHQpOysrZTx0OyluW2VdPXIoZSk7cmV0dXJuIG59O3ZhciB2cj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PXkodCl9LHNyPU9iamVjdC5wcm90b3R5cGUsYnI9c3IuaGFzT3duUHJvcGVydHkscHI9c3IucHJvcGVydHlJc0VudW1lcmFibGUseXI9dnIoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT92cjpmdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmYnIuY2FsbCh0LCJjYWxsZWUiKSYmIXByLmNhbGwodCwiY2FsbGVlIil9O3ZhciBocj1mdW5jdGlvbigpe3JldHVybiExfSxkcj1lKChmdW5jdGlvbih0LHIpe3ZhciBlPXImJiFyLm5vZGVUeXBlJiZyLG49ZSYmdCYmIXQubm9kZVR5cGUmJnQsbz1uJiZuLmV4cG9ydHM9PT1lP3UuQnVmZmVyOnZvaWQgMCxhPShvP28uaXNCdWZmZXI6dm9pZCAwKXx8aHI7dC5leHBvcnRzPWF9KSksanI9L14oPzowfFsxLTldXGQqKSQvO3ZhciBncj1mdW5jdGlvbih0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj85MDA3MTk5MjU0NzQwOTkxOnIpJiYoIm51bWJlciI9PWV8fCJzeW1ib2wiIT1lJiZqci50ZXN0KHQpKSYmdD4tMSYmdCUxPT0wJiZ0PHJ9O3ZhciBfcj1mdW5jdGlvbih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHQmJnQ+LTEmJnQlMT09MCYmdDw9OTAwNzE5OTI1NDc0MDk5MX0sT3I9e307T3JbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPU9yWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1PclsiW29iamVjdCBJbnQ4QXJyYXldIl09T3JbIltvYmplY3QgSW50MTZBcnJheV0iXT1PclsiW29iamVjdCBJbnQzMkFycmF5XSJdPU9yWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09T3JbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09T3JbIltvYmplY3QgVWludDE2QXJyYXldIl09T3JbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsT3JbIltvYmplY3QgQXJndW1lbnRzXSJdPU9yWyJbb2JqZWN0IEFycmF5XSJdPU9yWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPU9yWyJbb2JqZWN0IEJvb2xlYW5dIl09T3JbIltvYmplY3QgRGF0YVZpZXddIl09T3JbIltvYmplY3QgRGF0ZV0iXT1PclsiW29iamVjdCBFcnJvcl0iXT1PclsiW29iamVjdCBGdW5jdGlvbl0iXT1PclsiW29iamVjdCBNYXBdIl09T3JbIltvYmplY3QgTnVtYmVyXSJdPU9yWyJbb2JqZWN0IE9iamVjdF0iXT1PclsiW29iamVjdCBSZWdFeHBdIl09T3JbIltvYmplY3QgU2V0XSJdPU9yWyJbb2JqZWN0IFN0cmluZ10iXT1PclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciB3cj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmX3IodC5sZW5ndGgpJiYhIU9yW3kodCldfTt2YXIgbXI9ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KHIpfX0sQXI9ZSgoZnVuY3Rpb24odCxyKXt2YXIgZT1yJiYhci5ub2RlVHlwZSYmcixvPWUmJnQmJiF0Lm5vZGVUeXBlJiZ0LHU9byYmby5leHBvcnRzPT09ZSYmbi5wcm9jZXNzLGE9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9byYmby5yZXF1aXJlJiZvLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8dSYmdS5iaW5kaW5nJiZ1LmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpO3QuZXhwb3J0cz1hfSkpLFNyPUFyJiZBci5pc1R5cGVkQXJyYXksUHI9U3I/bXIoU3IpOndyLHhyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIHpyPWZ1bmN0aW9uKHIsZSl7dmFyIG49dChyKSxvPSFuJiZ5cihyKSx1PSFuJiYhbyYmZHIociksYT0hbiYmIW8mJiF1JiZQcihyKSxpPW58fG98fHV8fGEsYz1pP2xyKHIubGVuZ3RoLFN0cmluZyk6W10sZj1jLmxlbmd0aDtmb3IodmFyIGwgaW4gcikhZSYmIXhyLmNhbGwocixsKXx8aSYmKCJsZW5ndGgiPT1sfHx1JiYoIm9mZnNldCI9PWx8fCJwYXJlbnQiPT1sKXx8YSYmKCJidWZmZXIiPT1sfHwiYnl0ZUxlbmd0aCI9PWx8fCJieXRlT2Zmc2V0Ij09bCl8fGdyKGwsZikpfHxjLnB1c2gobCk7cmV0dXJuIGN9LEVyPU9iamVjdC5wcm90b3R5cGU7dmFyIElyPWZ1bmN0aW9uKHQpe3ZhciByPXQmJnQuY29uc3RydWN0b3I7cmV0dXJuIHQ9PT0oImZ1bmN0aW9uIj09dHlwZW9mIHImJnIucHJvdG90eXBlfHxFcil9O3ZhciAkcj1mdW5jdGlvbih0LHIpe3JldHVybiBmdW5jdGlvbihlKXtyZXR1cm4gdChyKGUpKX19LE5yPSRyKE9iamVjdC5rZXlzLE9iamVjdCksVHI9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTXI9ZnVuY3Rpb24odCl7aWYoIUlyKHQpKXJldHVybiBOcih0KTt2YXIgcj1bXTtmb3IodmFyIGUgaW4gT2JqZWN0KHQpKVRyLmNhbGwodCxlKSYmImNvbnN0cnVjdG9yIiE9ZSYmci5wdXNoKGUpO3JldHVybiByfTt2YXIga3I9ZnVuY3Rpb24odCl7cmV0dXJuIG51bGwhPXQmJl9yKHQubGVuZ3RoKSYmIW0odCl9O3ZhciBGcj1mdW5jdGlvbih0KXtyZXR1cm4ga3IodCk/enIodCk6TXIodCl9O3ZhciBDcj1mdW5jdGlvbih0KXtyZXR1cm4gb3IodCxGcixmcil9LERyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFVyPWZ1bmN0aW9uKHQscixlLG4sbyx1KXt2YXIgYT0xJmUsaT1Dcih0KSxjPWkubGVuZ3RoO2lmKGMhPUNyKHIpLmxlbmd0aCYmIWEpcmV0dXJuITE7Zm9yKHZhciBmPWM7Zi0tOyl7dmFyIGw9aVtmXTtpZighKGE/bCBpbiByOkRyLmNhbGwocixsKSkpcmV0dXJuITF9dmFyIHY9dS5nZXQodCkscz11LmdldChyKTtpZih2JiZzKXJldHVybiB2PT1yJiZzPT10O3ZhciBiPSEwO3Uuc2V0KHQsciksdS5zZXQocix0KTtmb3IodmFyIHA9YTsrK2Y8Yzspe3ZhciB5PXRbbD1pW2ZdXSxoPXJbbF07aWYobil2YXIgZD1hP24oaCx5LGwscix0LHUpOm4oeSxoLGwsdCxyLHUpO2lmKCEodm9pZCAwPT09ZD95PT09aHx8byh5LGgsZSxuLHUpOmQpKXtiPSExO2JyZWFrfXB8fChwPSJjb25zdHJ1Y3RvciI9PWwpfWlmKGImJiFwKXt2YXIgaj10LmNvbnN0cnVjdG9yLGc9ci5jb25zdHJ1Y3RvcjtqPT1nfHwhKCJjb25zdHJ1Y3RvciJpbiB0KXx8ISgiY29uc3RydWN0b3IiaW4gcil8fCJmdW5jdGlvbiI9PXR5cGVvZiBqJiZqIGluc3RhbmNlb2YgaiYmImZ1bmN0aW9uIj09dHlwZW9mIGcmJmcgaW5zdGFuY2VvZiBnfHwoYj0hMSl9cmV0dXJuIHUuZGVsZXRlKHQpLHUuZGVsZXRlKHIpLGJ9LEJyPUModSwiRGF0YVZpZXciKSxScj1DKHUsIlByb21pc2UiKSxMcj1DKHUsIlNldCIpLFZyPUModSwiV2Vha01hcCIpLEtyPXooQnIpLFdyPXoob3QpLHFyPXooUnIpLEdyPXooTHIpLEhyPXooVnIpLEpyPXk7KEJyJiYiW29iamVjdCBEYXRhVmlld10iIT1KcihuZXcgQnIobmV3IEFycmF5QnVmZmVyKDEpKSl8fG90JiYiW29iamVjdCBNYXBdIiE9SnIobmV3IG90KXx8UnImJiJbb2JqZWN0IFByb21pc2VdIiE9SnIoUnIucmVzb2x2ZSgpKXx8THImJiJbb2JqZWN0IFNldF0iIT1KcihuZXcgTHIpfHxWciYmIltvYmplY3QgV2Vha01hcF0iIT1KcihuZXcgVnIpKSYmKEpyPWZ1bmN0aW9uKHQpe3ZhciByPXkodCksZT0iW29iamVjdCBPYmplY3RdIj09cj90LmNvbnN0cnVjdG9yOnZvaWQgMCxuPWU/eihlKToiIjtpZihuKXN3aXRjaChuKXtjYXNlIEtyOnJldHVybiJbb2JqZWN0IERhdGFWaWV3XSI7Y2FzZSBXcjpyZXR1cm4iW29iamVjdCBNYXBdIjtjYXNlIHFyOnJldHVybiJbb2JqZWN0IFByb21pc2VdIjtjYXNlIEdyOnJldHVybiJbb2JqZWN0IFNldF0iO2Nhc2UgSHI6cmV0dXJuIltvYmplY3QgV2Vha01hcF0ifXJldHVybiByfSk7dmFyIFFyPUpyLFhyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFlyPWZ1bmN0aW9uKHIsZSxuLG8sdSxhKXt2YXIgaT10KHIpLGM9dChlKSxmPWk/IltvYmplY3QgQXJyYXldIjpRcihyKSxsPWM/IltvYmplY3QgQXJyYXldIjpRcihlKSx2PSJbb2JqZWN0IE9iamVjdF0iPT0oZj0iW29iamVjdCBBcmd1bWVudHNdIj09Zj8iW29iamVjdCBPYmplY3RdIjpmKSxzPSJbb2JqZWN0IE9iamVjdF0iPT0obD0iW29iamVjdCBBcmd1bWVudHNdIj09bD8iW29iamVjdCBPYmplY3RdIjpsKSxiPWY9PWw7aWYoYiYmZHIocikpe2lmKCFkcihlKSlyZXR1cm4hMTtpPSEwLHY9ITF9aWYoYiYmIXYpcmV0dXJuIGF8fChhPW5ldyBWdCksaXx8UHIocik/UXQocixlLG4sbyx1LGEpOmVyKHIsZSxmLG4sbyx1LGEpO2lmKCEoMSZuKSl7dmFyIHA9diYmWHIuY2FsbChyLCJfX3dyYXBwZWRfXyIpLHk9cyYmWHIuY2FsbChlLCJfX3dyYXBwZWRfXyIpO2lmKHB8fHkpe3ZhciBoPXA/ci52YWx1ZSgpOnIsZD15P2UudmFsdWUoKTplO3JldHVybiBhfHwoYT1uZXcgVnQpLHUoaCxkLG4sbyxhKX19cmV0dXJuISFiJiYoYXx8KGE9bmV3IFZ0KSxVcihyLGUsbixvLHUsYSkpfTt2YXIgWnI9ZnVuY3Rpb24gdChyLGUsbixvLHUpe3JldHVybiByPT09ZXx8KG51bGw9PXJ8fG51bGw9PWV8fCFoKHIpJiYhaChlKT9yIT1yJiZlIT1lOllyKHIsZSxuLG8sdCx1KSl9O3ZhciB0ZT1mdW5jdGlvbih0LHIsZSxuKXt2YXIgbz1lLmxlbmd0aCx1PW8sYT0hbjtpZihudWxsPT10KXJldHVybiF1O2Zvcih0PU9iamVjdCh0KTtvLS07KXt2YXIgaT1lW29dO2lmKGEmJmlbMl0/aVsxXSE9PXRbaVswXV06IShpWzBdaW4gdCkpcmV0dXJuITF9Zm9yKDsrK288dTspe3ZhciBjPShpPWVbb10pWzBdLGY9dFtjXSxsPWlbMV07aWYoYSYmaVsyXSl7aWYodm9pZCAwPT09ZiYmIShjIGluIHQpKXJldHVybiExfWVsc2V7dmFyIHY9bmV3IFZ0O2lmKG4pdmFyIHM9bihmLGwsYyx0LHIsdik7aWYoISh2b2lkIDA9PT1zP1pyKGwsZiwzLG4sdik6cykpcmV0dXJuITF9fXJldHVybiEwfTt2YXIgcmU9ZnVuY3Rpb24odCl7cmV0dXJuIHQ9PXQmJiFPKHQpfTt2YXIgZWU9ZnVuY3Rpb24odCl7Zm9yKHZhciByPUZyKHQpLGU9ci5sZW5ndGg7ZS0tOyl7dmFyIG49cltlXSxvPXRbbl07cltlXT1bbixvLHJlKG8pXX1yZXR1cm4gcn07dmFyIG5lPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiBudWxsIT1lJiYoZVt0XT09PXImJih2b2lkIDAhPT1yfHx0IGluIE9iamVjdChlKSkpfX07dmFyIG9lPWZ1bmN0aW9uKHQpe3ZhciByPWVlKHQpO3JldHVybiAxPT1yLmxlbmd0aCYmclswXVsyXT9uZShyWzBdWzBdLHJbMF1bMV0pOmZ1bmN0aW9uKGUpe3JldHVybiBlPT09dHx8dGUoZSx0LHIpfX07dmFyIHVlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGwhPXQmJnIgaW4gT2JqZWN0KHQpfTt2YXIgYWU9ZnVuY3Rpb24ocixlLG4pe2Zvcih2YXIgbz0tMSx1PShlPUF0KGUscikpLmxlbmd0aCxhPSExOysrbzx1Oyl7dmFyIGk9U3QoZVtvXSk7aWYoIShhPW51bGwhPXImJm4ocixpKSkpYnJlYWs7cj1yW2ldfXJldHVybiBhfHwrK28hPXU/YTohISh1PW51bGw9PXI/MDpyLmxlbmd0aCkmJl9yKHUpJiZncihpLHUpJiYodChyKXx8eXIocikpfTt2YXIgaWU9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbCE9dCYmYWUodCxyLHVlKX07dmFyIGNlPWZ1bmN0aW9uKHQscil7cmV0dXJuIF8odCkmJnJlKHIpP25lKFN0KHQpLHIpOmZ1bmN0aW9uKGUpe3ZhciBuPXh0KGUsdCk7cmV0dXJuIHZvaWQgMD09PW4mJm49PT1yP2llKGUsdCk6WnIocixuLDMpfX07dmFyIGZlPWZ1bmN0aW9uKHQpe3JldHVybiB0fTt2YXIgbGU9ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiBudWxsPT1yP3ZvaWQgMDpyW3RdfX07dmFyIHZlPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gUHQocix0KX19O3ZhciBzZT1mdW5jdGlvbih0KXtyZXR1cm4gXyh0KT9sZShTdCh0KSk6dmUodCl9O3ZhciBiZT1mdW5jdGlvbihyKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2Ygcj9yOm51bGw9PXI/ZmU6Im9iamVjdCI9PXR5cGVvZiByP3Qocik/Y2UoclswXSxyWzFdKTpvZShyKTpzZShyKX07dmFyIHBlPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyLGUsbil7Zm9yKHZhciBvPS0xLHU9T2JqZWN0KHIpLGE9bihyKSxpPWEubGVuZ3RoO2ktLTspe3ZhciBjPWFbdD9pOisrb107aWYoITE9PT1lKHVbY10sYyx1KSlicmVha31yZXR1cm4gcn19KCk7dmFyIHllPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUsbil7aWYobnVsbD09ZSlyZXR1cm4gZTtpZigha3IoZSkpcmV0dXJuIHQoZSxuKTtmb3IodmFyIG89ZS5sZW5ndGgsdT1yP286LTEsYT1PYmplY3QoZSk7KHI/dS0tOisrdTxvKSYmITEhPT1uKGFbdV0sdSxhKTspO3JldHVybiBlfX0oKGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJnBlKHQscixGcil9KSk7dmFyIGhlPWZ1bmN0aW9uKHQscil7dmFyIGU9LTEsbj1rcih0KT9BcnJheSh0Lmxlbmd0aCk6W107cmV0dXJuIHllKHQsKGZ1bmN0aW9uKHQsbyx1KXtuWysrZV09cih0LG8sdSl9KSksbn07dmFyIGRlPWZ1bmN0aW9uKHIsZSl7cmV0dXJuKHQocik/Z3Q6aGUpKHIsYmUoZSkpfSxqZT1BcnJheS5wcm90b3R5cGUuam9pbjt2YXIgZ2U9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbD09dD8iIjpqZS5jYWxsKHQscil9O3ZhciBfZT1mdW5jdGlvbihyKXtyZXR1cm4ic3RyaW5nIj09dHlwZW9mIHJ8fCF0KHIpJiZoKHIpJiYiW29iamVjdCBTdHJpbmddIj09eShyKX0sT2U9bGUoImxlbmd0aCIpLHdlPVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgbWU9ZnVuY3Rpb24odCl7cmV0dXJuIHdlLnRlc3QodCl9LEFlPSJbXFx1ZDgwMC1cXHVkZmZmXSIsU2U9IltcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZdIixQZT0iXFx1ZDgzY1tcXHVkZmZiLVxcdWRmZmZdIix4ZT0iW15cXHVkODAwLVxcdWRmZmZdIix6ZT0iKD86XFx1ZDgzY1tcXHVkZGU2LVxcdWRkZmZdKXsyfSIsRWU9IltcXHVkODAwLVxcdWRiZmZdW1xcdWRjMDAtXFx1ZGZmZl0iLEllPSIoPzoiK1NlKyJ8IitQZSsiKSIrIj8iLCRlPSJbXFx1ZmUwZVxcdWZlMGZdPyIrSWUrKCIoPzpcXHUyMDBkKD86IitbeGUsemUsRWVdLmpvaW4oInwiKSsiKVtcXHVmZTBlXFx1ZmUwZl0/IitJZSsiKSoiKSxOZT0iKD86IitbeGUrU2UrIj8iLFNlLHplLEVlLEFlXS5qb2luKCJ8IikrIikiLFRlPVJlZ0V4cChQZSsiKD89IitQZSsiKXwiK05lKyRlLCJnIik7dmFyIE1lPWZ1bmN0aW9uKHQpe2Zvcih2YXIgcj1UZS5sYXN0SW5kZXg9MDtUZS50ZXN0KHQpOykrK3I7cmV0dXJuIHJ9O3ZhciBrZT1mdW5jdGlvbih0KXtyZXR1cm4gbWUodCk/TWUodCk6T2UodCl9O3ZhciBGZT1mdW5jdGlvbih0KXtpZihudWxsPT10KXJldHVybiAwO2lmKGtyKHQpKXJldHVybiBfZSh0KT9rZSh0KTp0Lmxlbmd0aDt2YXIgcj1Rcih0KTtyZXR1cm4iW29iamVjdCBNYXBdIj09cnx8IltvYmplY3QgU2V0XSI9PXI/dC5zaXplOk1yKHQpLmxlbmd0aH07dmFyIENlPWZ1bmN0aW9uKHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdHx8aCh0KSYmIltvYmplY3QgTnVtYmVyXSI9PXkodCl9O3ZhciBEZT1mdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO3JldHVybiB0fSxVZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1DKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpO3ZhciBCZT1mdW5jdGlvbih0LHIsZSl7Il9fcHJvdG9fXyI9PXImJlVlP1VlKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX0sUmU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTGU9ZnVuY3Rpb24odCxyLGUpe3ZhciBuPXRbcl07UmUuY2FsbCh0LHIpJiZKKG4sZSkmJih2b2lkIDAhPT1lfHxyIGluIHQpfHxCZSh0LHIsZSl9O3ZhciBWZT1mdW5jdGlvbih0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGE9ci5sZW5ndGg7Kyt1PGE7KXt2YXIgaT1yW3VdLGM9bj9uKGVbaV0sdFtpXSxpLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWMmJihjPXRbaV0pLG8/QmUoZSxpLGMpOkxlKGUsaSxjKX1yZXR1cm4gZX07dmFyIEtlPWZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlZlKHIsRnIociksdCl9O3ZhciBXZT1mdW5jdGlvbih0KXt2YXIgcj1bXTtpZihudWxsIT10KWZvcih2YXIgZSBpbiBPYmplY3QodCkpci5wdXNoKGUpO3JldHVybiByfSxxZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBHZT1mdW5jdGlvbih0KXtpZighTyh0KSlyZXR1cm4gV2UodCk7dmFyIHI9SXIodCksZT1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IXImJnFlLmNhbGwodCxuKSkmJmUucHVzaChuKTtyZXR1cm4gZX07dmFyIEhlPWZ1bmN0aW9uKHQpe3JldHVybiBrcih0KT96cih0LCEwKTpHZSh0KX07dmFyIEplPWZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlZlKHIsSGUociksdCl9LFFlPWUoKGZ1bmN0aW9uKHQscil7dmFyIGU9ciYmIXIubm9kZVR5cGUmJnIsbj1lJiZ0JiYhdC5ub2RlVHlwZSYmdCxvPW4mJm4uZXhwb3J0cz09PWU/dS5CdWZmZXI6dm9pZCAwLGE9bz9vLmFsbG9jVW5zYWZlOnZvaWQgMDt0LmV4cG9ydHM9ZnVuY3Rpb24odCxyKXtpZihyKXJldHVybiB0LnNsaWNlKCk7dmFyIGU9dC5sZW5ndGgsbj1hP2EoZSk6bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIHQuY29weShuKSxufX0pKTt2YXIgWGU9ZnVuY3Rpb24odCxyKXt2YXIgZT0tMSxuPXQubGVuZ3RoO2ZvcihyfHwocj1BcnJheShuKSk7KytlPG47KXJbZV09dFtlXTtyZXR1cm4gcn07dmFyIFllPWZ1bmN0aW9uKHQscil7cmV0dXJuIFZlKHQsZnIodCkscil9LFplPSRyKE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLHRuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KW5yKHIsZnIodCkpLHQ9WmUodCk7cmV0dXJuIHJ9OmFyO3ZhciBybj1mdW5jdGlvbih0LHIpe3JldHVybiBWZSh0LHRuKHQpLHIpfTt2YXIgZW49ZnVuY3Rpb24odCl7cmV0dXJuIG9yKHQsSGUsdG4pfSxubj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBvbj1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJm5uLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9O3ZhciB1bj1mdW5jdGlvbih0KXt2YXIgcj1uZXcgdC5jb25zdHJ1Y3Rvcih0LmJ5dGVMZW5ndGgpO3JldHVybiBuZXcgWHQocikuc2V0KG5ldyBYdCh0KSkscn07dmFyIGFuPWZ1bmN0aW9uKHQscil7dmFyIGU9cj91bih0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQuYnl0ZUxlbmd0aCl9LGNuPS9cdyokLzt2YXIgZm49ZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2UsY24uZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9LGxuPWE/YS5wcm90b3R5cGU6dm9pZCAwLHZuPWxuP2xuLnZhbHVlT2Y6dm9pZCAwO3ZhciBzbj1mdW5jdGlvbih0KXtyZXR1cm4gdm4/T2JqZWN0KHZuLmNhbGwodCkpOnt9fTt2YXIgYm49ZnVuY3Rpb24odCxyKXt2YXIgZT1yP3VuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfTt2YXIgcG49ZnVuY3Rpb24odCxyLGUpe3ZhciBuPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UiW29iamVjdCBBcnJheUJ1ZmZlcl0iOnJldHVybiB1bih0KTtjYXNlIltvYmplY3QgQm9vbGVhbl0iOmNhc2UiW29iamVjdCBEYXRlXSI6cmV0dXJuIG5ldyBuKCt0KTtjYXNlIltvYmplY3QgRGF0YVZpZXddIjpyZXR1cm4gYW4odCxlKTtjYXNlIltvYmplY3QgRmxvYXQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iOmNhc2UiW29iamVjdCBJbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgSW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBJbnQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IFVpbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIjpjYXNlIltvYmplY3QgVWludDE2QXJyYXldIjpjYXNlIltvYmplY3QgVWludDMyQXJyYXldIjpyZXR1cm4gYm4odCxlKTtjYXNlIltvYmplY3QgTWFwXSI6cmV0dXJuIG5ldyBuO2Nhc2UiW29iamVjdCBOdW1iZXJdIjpjYXNlIltvYmplY3QgU3RyaW5nXSI6cmV0dXJuIG5ldyBuKHQpO2Nhc2UiW29iamVjdCBSZWdFeHBdIjpyZXR1cm4gZm4odCk7Y2FzZSJbb2JqZWN0IFNldF0iOnJldHVybiBuZXcgbjtjYXNlIltvYmplY3QgU3ltYm9sXSI6cmV0dXJuIHNuKHQpfX0seW49T2JqZWN0LmNyZWF0ZSxobj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKHIpe2lmKCFPKHIpKXJldHVybnt9O2lmKHluKXJldHVybiB5bihyKTt0LnByb3RvdHlwZT1yO3ZhciBlPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAsZX19KCk7dmFyIGRuPWZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiIhPXR5cGVvZiB0LmNvbnN0cnVjdG9yfHxJcih0KT97fTpobihaZSh0KSl9O3ZhciBqbj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgTWFwXSI9PVFyKHQpfSxnbj1BciYmQXIuaXNNYXAsX249Z24/bXIoZ24pOmpuO3ZhciBPbj1mdW5jdGlvbih0KXtyZXR1cm4gaCh0KSYmIltvYmplY3QgU2V0XSI9PVFyKHQpfSx3bj1BciYmQXIuaXNTZXQsbW49d24/bXIod24pOk9uLEFuPXt9O0FuWyJbb2JqZWN0IEFyZ3VtZW50c10iXT1BblsiW29iamVjdCBBcnJheV0iXT1BblsiW29iamVjdCBBcnJheUJ1ZmZlcl0iXT1BblsiW29iamVjdCBEYXRhVmlld10iXT1BblsiW29iamVjdCBCb29sZWFuXSJdPUFuWyJbb2JqZWN0IERhdGVdIl09QW5bIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPUFuWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1BblsiW29iamVjdCBJbnQ4QXJyYXldIl09QW5bIltvYmplY3QgSW50MTZBcnJheV0iXT1BblsiW29iamVjdCBJbnQzMkFycmF5XSJdPUFuWyJbb2JqZWN0IE1hcF0iXT1BblsiW29iamVjdCBOdW1iZXJdIl09QW5bIltvYmplY3QgT2JqZWN0XSJdPUFuWyJbb2JqZWN0IFJlZ0V4cF0iXT1BblsiW29iamVjdCBTZXRdIl09QW5bIltvYmplY3QgU3RyaW5nXSJdPUFuWyJbb2JqZWN0IFN5bWJvbF0iXT1BblsiW29iamVjdCBVaW50OEFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQxNkFycmF5XSJdPUFuWyJbb2JqZWN0IFVpbnQzMkFycmF5XSJdPSEwLEFuWyJbb2JqZWN0IEVycm9yXSJdPUFuWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPUFuWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIFNuPWZ1bmN0aW9uIHIoZSxuLG8sdSxhLGkpe3ZhciBjLGY9MSZuLGw9MiZuLHY9NCZuO2lmKG8mJihjPWE/byhlLHUsYSxpKTpvKGUpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFPKGUpKXJldHVybiBlO3ZhciBzPXQoZSk7aWYocyl7aWYoYz1vbihlKSwhZilyZXR1cm4gWGUoZSxjKX1lbHNle3ZhciBiPVFyKGUpLHA9IltvYmplY3QgRnVuY3Rpb25dIj09Ynx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09YjtpZihkcihlKSlyZXR1cm4gUWUoZSxmKTtpZigiW29iamVjdCBPYmplY3RdIj09Ynx8IltvYmplY3QgQXJndW1lbnRzXSI9PWJ8fHAmJiFhKXtpZihjPWx8fHA/e306ZG4oZSksIWYpcmV0dXJuIGw/cm4oZSxKZShjLGUpKTpZZShlLEtlKGMsZSkpfWVsc2V7aWYoIUFuW2JdKXJldHVybiBhP2U6e307Yz1wbihlLGIsZil9fWl8fChpPW5ldyBWdCk7dmFyIHk9aS5nZXQoZSk7aWYoeSlyZXR1cm4geTtpLnNldChlLGMpLG1uKGUpP2UuZm9yRWFjaCgoZnVuY3Rpb24odCl7Yy5hZGQocih0LG4sbyx0LGUsaSkpfSkpOl9uKGUpJiZlLmZvckVhY2goKGZ1bmN0aW9uKHQsdSl7Yy5zZXQodSxyKHQsbixvLHUsZSxpKSl9KSk7dmFyIGg9cz92b2lkIDA6KHY/bD9lbjpDcjpsP0hlOkZyKShlKTtyZXR1cm4gRGUoaHx8ZSwoZnVuY3Rpb24odCx1KXtoJiYodD1lW3U9dF0pLExlKGMsdSxyKHQsbixvLHUsZSxpKSl9KSksY307dmFyIFBuPWZ1bmN0aW9uKHQpe3JldHVybiBTbih0LDUpfTtmdW5jdGlvbiB4bih0KXtsZXQgcj0hMTtyZXR1cm4gRXQodCk/cj0haXNOYU4oTnVtYmVyKHQpKTpmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdW1iZXJdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCkmJihyPSEwKSxyfWZ1bmN0aW9uIHpuKHQpe2lmKCFFdCh0KSYmIXhuKHQpJiYhZCh0KSlyZXR1cm4iIjtsZXQgcj0iIjt0cnl7cj1TdHJpbmcodCl9Y2F0Y2godCl7fXRyeXtyPXQudG9TdHJpbmcoKX1jYXRjaCh0KXt9cmV0dXJuIHJ9dmFyIEVuPU1hdGguY2VpbCxJbj1NYXRoLm1heDt2YXIgJG49ZnVuY3Rpb24odCxyLGUsbil7Zm9yKHZhciBvPS0xLHU9SW4oRW4oKHItdCkvKGV8fDEpKSwwKSxhPUFycmF5KHUpO3UtLTspYVtuP3U6KytvXT10LHQrPWU7cmV0dXJuIGF9O3ZhciBObj1mdW5jdGlvbih0LHIsZSl7aWYoIU8oZSkpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISEoIm51bWJlciI9PW4/a3IoZSkmJmdyKHIsZS5sZW5ndGgpOiJzdHJpbmciPT1uJiZyIGluIGUpJiZKKGVbcl0sdCl9LFRuPS9ccy87dmFyIE1uPWZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJlRuLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9LGtuPS9eXHMrLzt2YXIgRm49ZnVuY3Rpb24odCl7cmV0dXJuIHQ/dC5zbGljZSgwLE1uKHQpKzEpLnJlcGxhY2Uoa24sIiIpOnR9LENuPS9eWy0rXTB4WzAtOWEtZl0rJC9pLERuPS9eMGJbMDFdKyQvaSxVbj0vXjBvWzAtN10rJC9pLEJuPXBhcnNlSW50O3ZhciBSbj1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoZCh0KSlyZXR1cm4gTmFOO2lmKE8odCkpe3ZhciByPSJmdW5jdGlvbiI9PXR5cGVvZiB0LnZhbHVlT2Y/dC52YWx1ZU9mKCk6dDt0PU8ocik/cisiIjpyfWlmKCJzdHJpbmciIT10eXBlb2YgdClyZXR1cm4gMD09PXQ/dDordDt0PUZuKHQpO3ZhciBlPURuLnRlc3QodCk7cmV0dXJuIGV8fFVuLnRlc3QodCk/Qm4odC5zbGljZSgyKSxlPzI6OCk6Q24udGVzdCh0KT9OYU46K3R9O3ZhciBMbj1mdW5jdGlvbih0KXtyZXR1cm4gdD9JbmZpbml0eT09PSh0PVJuKHQpKXx8LUluZmluaXR5PT09dD8xNzk3NjkzMTM0ODYyMzE1N2UyOTIqKHQ8MD8tMToxKTp0PT10P3Q6MDowPT09dD90OjB9O3ZhciBWbj1mdW5jdGlvbih0KXtyZXR1cm4gZnVuY3Rpb24ocixlLG4pe3JldHVybiBuJiYibnVtYmVyIiE9dHlwZW9mIG4mJk5uKHIsZSxuKSYmKGU9bj12b2lkIDApLHI9TG4ociksdm9pZCAwPT09ZT8oZT1yLHI9MCk6ZT1MbihlKSxuPXZvaWQgMD09PW4/cjxlPzE6LTE6TG4obiksJG4ocixlLG4sdCl9fSgpO2Z1bmN0aW9uIEtuKHQscj1udWxsLGU9e30pe20ocil8fChyPXQ9PnQpO2xldCBuPXh0KGUsImZvcmNlIiwhMSk7cmV0dXJuIEZ0KG4pfHwobj0hMSksZnVuY3Rpb24odCxyLGU9ITEpe2xldCBuPVtdO2lmKCFOdCh0KSYmIUl0KHQpKXJldHVybiByKHQsbnVsbCxbXSk7ZnVuY3Rpb24gbyh0KXtpZihOdCh0KSlyZXR1cm4gVm4oRmUodCkpO2lmKEl0KHQpKXtsZXQgcj1PYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyh0KSxuPW51bGw7cmV0dXJuIGUmJihuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHModCkpLE50KHIpfHwocj1bXSksTnQobil8fChuPVtdKSxbLi4uciwuLi5uXX1yZXR1cm4gdH1yZXR1cm4gZnVuY3Rpb24gdChlLHUpe2lmKE50KGUpKXJldHVybiBvKGUpLm1hcCgobz0+e2xldCB1PWVbb10sYT1QbihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9cih1LG8sYSksdT10KHUpLG4ucG9wKCksdX0pKTtpZihJdChlKSl7bGV0IHU9byhlKSxhPXt9O3JldHVybiB1Lm1hcCgobz0+e2xldCB1PWVbb10saT1QbihuKTtuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSxhW29dPXV9KSksYX1yZXR1cm4gZX0odCl9KHQscixuKX1mdW5jdGlvbiBXbih0LHIsZSl7cmV0dXJuIHIgaW4gdD9PYmplY3QuZGVmaW5lUHJvcGVydHkodCxyLHt2YWx1ZTplLGVudW1lcmFibGU6ITAsY29uZmlndXJhYmxlOiEwLHdyaXRhYmxlOiEwfSk6dFtyXT1lLHR9dmFyIHFuPWZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiB0P3Q6ZmV9O3ZhciBHbj1mdW5jdGlvbihyLGUpe3JldHVybih0KHIpP0RlOnllKShyLHFuKGUpKX07dmFyIEhuPWZ1bmN0aW9uKHQscixlLG4pe2lmKCFPKHQpKXJldHVybiB0O2Zvcih2YXIgbz0tMSx1PShyPUF0KHIsdCkpLmxlbmd0aCxhPXUtMSxpPXQ7bnVsbCE9aSYmKytvPHU7KXt2YXIgYz1TdChyW29dKSxmPWU7aWYoIl9fcHJvdG9fXyI9PT1jfHwiY29uc3RydWN0b3IiPT09Y3x8InByb3RvdHlwZSI9PT1jKXJldHVybiB0O2lmKG8hPWEpe3ZhciBsPWlbY107dm9pZCAwPT09KGY9bj9uKGwsYyxpKTp2b2lkIDApJiYoZj1PKGwpP2w6Z3IocltvKzFdKT9bXTp7fSl9TGUoaSxjLGYpLGk9aVtjXX1yZXR1cm4gdH07dmFyIEpuPWZ1bmN0aW9uKHQscixlKXtyZXR1cm4gbnVsbD09dD90OkhuKHQscixlKX07dmFyIFFuPWZ1bmN0aW9uKHQpe3ZhciByPW51bGw9PXQ/MDp0Lmxlbmd0aDtyZXR1cm4gcj90W3ItMV06dm9pZCAwfTt2YXIgWG49ZnVuY3Rpb24odCxyLGUpe3ZhciBuPS0xLG89dC5sZW5ndGg7cjwwJiYocj0tcj5vPzA6bytyKSwoZT1lPm8/bzplKTwwJiYoZSs9byksbz1yPmU/MDplLXI+Pj4wLHI+Pj49MDtmb3IodmFyIHU9QXJyYXkobyk7KytuPG87KXVbbl09dFtuK3JdO3JldHVybiB1fTt2YXIgWW49ZnVuY3Rpb24odCxyKXtyZXR1cm4gci5sZW5ndGg8Mj90OlB0KHQsWG4ociwwLC0xKSl9O3ZhciBabj1mdW5jdGlvbih0LHIpe3JldHVybiByPUF0KHIsdCksbnVsbD09KHQ9WW4odCxyKSl8fGRlbGV0ZSB0W1N0KFFuKHIpKV19LHRvPUZ1bmN0aW9uLnByb3RvdHlwZSxybz1PYmplY3QucHJvdG90eXBlLGVvPXRvLnRvU3RyaW5nLG5vPXJvLmhhc093blByb3BlcnR5LG9vPWVvLmNhbGwoT2JqZWN0KTt2YXIgdW89ZnVuY3Rpb24odCl7aWYoIWgodCl8fCJbb2JqZWN0IE9iamVjdF0iIT15KHQpKXJldHVybiExO3ZhciByPVplKHQpO2lmKG51bGw9PT1yKXJldHVybiEwO3ZhciBlPW5vLmNhbGwociwiY29uc3RydWN0b3IiKSYmci5jb25zdHJ1Y3RvcjtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgZSYmZSBpbnN0YW5jZW9mIGUmJmVvLmNhbGwoZSk9PW9vfTt2YXIgYW89ZnVuY3Rpb24odCl7cmV0dXJuIHVvKHQpP3ZvaWQgMDp0fSxpbz1hP2EuaXNDb25jYXRTcHJlYWRhYmxlOnZvaWQgMDt2YXIgY289ZnVuY3Rpb24ocil7cmV0dXJuIHQocil8fHlyKHIpfHwhIShpbyYmciYmcltpb10pfTt2YXIgZm89ZnVuY3Rpb24gdChyLGUsbixvLHUpe3ZhciBhPS0xLGk9ci5sZW5ndGg7Zm9yKG58fChuPWNvKSx1fHwodT1bXSk7KythPGk7KXt2YXIgYz1yW2FdO2U+MCYmbihjKT9lPjE/dChjLGUtMSxuLG8sdSk6bnIodSxjKTpvfHwodVt1Lmxlbmd0aF09Yyl9cmV0dXJuIHV9O3ZhciBsbz1mdW5jdGlvbih0KXtyZXR1cm4obnVsbD09dD8wOnQubGVuZ3RoKT9mbyh0LDEpOltdfTt2YXIgdm89ZnVuY3Rpb24odCxyLGUpe3N3aXRjaChlLmxlbmd0aCl7Y2FzZSAwOnJldHVybiB0LmNhbGwocik7Y2FzZSAxOnJldHVybiB0LmNhbGwocixlWzBdKTtjYXNlIDI6cmV0dXJuIHQuY2FsbChyLGVbMF0sZVsxXSk7Y2FzZSAzOnJldHVybiB0LmNhbGwocixlWzBdLGVbMV0sZVsyXSl9cmV0dXJuIHQuYXBwbHkocixlKX0sc289TWF0aC5tYXg7dmFyIGJvPWZ1bmN0aW9uKHQscixlKXtyZXR1cm4gcj1zbyh2b2lkIDA9PT1yP3QubGVuZ3RoLTE6ciwwKSxmdW5jdGlvbigpe2Zvcih2YXIgbj1hcmd1bWVudHMsbz0tMSx1PXNvKG4ubGVuZ3RoLXIsMCksYT1BcnJheSh1KTsrK288dTspYVtvXT1uW3Irb107bz0tMTtmb3IodmFyIGk9QXJyYXkocisxKTsrK288cjspaVtvXT1uW29dO3JldHVybiBpW3JdPWUoYSksdm8odCx0aGlzLGkpfX07dmFyIHBvPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbigpe3JldHVybiB0fX0seW89VWU/ZnVuY3Rpb24odCxyKXtyZXR1cm4gVWUodCwidG9TdHJpbmciLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMSx2YWx1ZTpwbyhyKSx3cml0YWJsZTohMH0pfTpmZSxobz1EYXRlLm5vdzt2YXIgam89ZnVuY3Rpb24odCl7dmFyIHI9MCxlPTA7cmV0dXJuIGZ1bmN0aW9uKCl7dmFyIG49aG8oKSxvPTE2LShuLWUpO2lmKGU9bixvPjApe2lmKCsrcj49ODAwKXJldHVybiBhcmd1bWVudHNbMF19ZWxzZSByPTA7cmV0dXJuIHQuYXBwbHkodm9pZCAwLGFyZ3VtZW50cyl9fSh5byk7dmFyIGdvPWZ1bmN0aW9uKHQpe3JldHVybiBqbyhibyh0LHZvaWQgMCxsbyksdCsiIil9KChmdW5jdGlvbih0LHIpe3ZhciBlPXt9O2lmKG51bGw9PXQpcmV0dXJuIGU7dmFyIG49ITE7cj1ndChyLChmdW5jdGlvbihyKXtyZXR1cm4gcj1BdChyLHQpLG58fChuPXIubGVuZ3RoPjEpLHJ9KSksVmUodCxlbih0KSxlKSxuJiYoZT1TbihlLDcsYW8pKTtmb3IodmFyIG89ci5sZW5ndGg7by0tOylabihlLHJbb10pO3JldHVybiBlfSkpO2Z1bmN0aW9uIF9vKHQscil7dmFyIGU9T2JqZWN0LmtleXModCk7aWYoT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyl7dmFyIG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KTtyJiYobj1uLmZpbHRlcigoZnVuY3Rpb24ocil7cmV0dXJuIE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IodCxyKS5lbnVtZXJhYmxlfSkpKSxlLnB1c2guYXBwbHkoZSxuKX1yZXR1cm4gZX1mdW5jdGlvbiBPbyh0KXtmb3IodmFyIHI9MTtyPGFyZ3VtZW50cy5sZW5ndGg7cisrKXt2YXIgZT1udWxsIT1hcmd1bWVudHNbcl0/YXJndW1lbnRzW3JdOnt9O3IlMj9fbyhPYmplY3QoZSksITApLmZvckVhY2goKGZ1bmN0aW9uKHIpe1duKHQscixlW3JdKX0pKTpPYmplY3QuZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycz9PYmplY3QuZGVmaW5lUHJvcGVydGllcyh0LE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzKGUpKTpfbyhPYmplY3QoZSkpLmZvckVhY2goKGZ1bmN0aW9uKHIpe09iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LHIsT2JqZWN0LmdldE93blByb3BlcnR5RGVzY3JpcHRvcihlLHIpKX0pKX1yZXR1cm4gdH1mdW5jdGlvbiB3byh0LHI9e30pe2xldCBlPSIkbGV2ZWwiLG49IiRwYXJlbnRzIjtpZighTXQodCkpcmV0dXJuW107bGV0IG89eHQociwiYmluZEtleSIsbnVsbCk7RXQobyl8fChvPSJpZCIpO2xldCB1PXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KHUpfHwodT0icGFyZW50SWQiKTtsZXQgYT14dChyLCJiaW5kQ2hpbGRyZW4iLG51bGwpO0V0KGEpfHwoYT0iY2hpbGRyZW4iKTtsZXQgaT14dChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBGdChpKXx8KGk9ITEpLGZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGModCl7cmV0dXJuIGk/dDpnbyh0LFtlLG5dKX1sZXQgZj17fTtyZXR1cm4gR24odCwoKGUsbik9PntpZigwPT09ZS4kbGV2ZWwpe2xldCB0PWMoZSk7ci5wdXNoKHQpLGZbZVtvXV09W25dfWVsc2V7bGV0IG49ZnVuY3Rpb24ocil7Zm9yKGxldCBlPTA7ZTx0Lmxlbmd0aDtlKyspe2xldCBuPXRbZV07aWYoclt1XT09PW5bb10pcmV0dXJuIG59cmV0dXJuIG51bGx9KGUpO2lmKG51bGwhPT1uKXtsZXQgdD1mW25bb11dO3Q9Wy4uLnQsYV07bGV0IHU9eHQocix0LFtdKSxpPWMoZSk7dS5wdXNoKGkpLGZbZVtvXV09Wy4uLnQsdS5sZW5ndGgtMV0sSm4ocix0LHUpfWVsc2UgY29uc29sZS5sb2coYGNhbiBub3QgZmluZCBwYXJlbnQgZm9yICR7eHQoZSx1KX1gKX19KSkscn0odD1mdW5jdGlvbih0KXtsZXQgcj1bXTtmdW5jdGlvbiBhKGEpe2xldCBpPVtdO0duKHQsKCh0LGMpPT57bGV0IGY9eHQodCx1KSxsPXh0KGEsbyk7aWYoZiYmbCYmZj09PWwpe2xldCB1PXh0KGEsbixbXSk7dT1Qbih1KSx1LnB1c2goYVtvXSksci5wdXNoKE9vKHtbZV06YS4kbGV2ZWwrMSxbbl06dX0sdCkpfWVsc2UgaS5wdXNoKHQpfSkpLHQ9aX1pZih0PVBuKHQpLGZ1bmN0aW9uKCl7bGV0IG89W107R24odCwoKHQsYSk9PntUdCh0W3VdKT9yLnB1c2goT28oe1tlXTowLFtuXTpbXX0sdCkpOm8ucHVzaCh0KX0pKSx0PW99KCksMD09PXIubGVuZ3RoKXJldHVybiByO2xldCBpPS0xO2Zvcig7aSs9MSwhKGk+ci5sZW5ndGgtMSk7KXtpZihhKHJbaV0pLDA9PT10Lmxlbmd0aClicmVha31yZXR1cm4gcn0odD1Qbih0KSkpfWZ1bmN0aW9uIG1vKHQscj17fSl7aWYoISR0KHQpJiYhTXQodCkpcmV0dXJuW107bGV0IGU9eHQociwiYmluZEtleSIsbnVsbCk7RXQoZSl8fChlPSJpZCIpO2xldCBuPXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KG4pfHwobj0icGFyZW50SWQiKTtsZXQgbz14dChyLCJiaW5kVGV4dCIsbnVsbCk7RXQobyl8fChvPSJ0ZXh0Iik7bGV0IHU9eHQociwiYmluZENoaWxkcmVuIixudWxsKTtFdCh1KXx8KHU9ImNoaWxkcmVuIik7bGV0IGE9eHQociwiYmluZFR5cGUiLG51bGwpO0V0KGEpfHwoYT0idHlwZSIpO2xldCBpPXh0KHIsImJpbmROdW1PZkNoaWxyZW4iLG51bGwpO0V0KGkpfHwoaT0ibnVtT2ZDaGlscmVuIik7bGV0IGM9eHQociwiYmluZFJvb3QiLG51bGwpO0V0KGMpfHwoYz0icm9vdCIpO2xldCBmPXh0KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7cmV0dXJuIEZ0KGYpfHwoZj0hMSksRXQoYykmJih0PXtbY106dH0pLHdvKGZ1bmN0aW9uKHQscj17fSl7aWYoISR0KHQpJiYhTXQodCkpcmV0dXJuW107bGV0IGU9eHQociwiYmluZEtleSIsbnVsbCk7RXQoZSl8fChlPSJpZCIpO2xldCBuPXh0KHIsImJpbmRQYXJlbnQiLG51bGwpO0V0KG4pfHwobj0icGFyZW50SWQiKTtsZXQgbz14dChyLCJiaW5kQmVsb25nIixudWxsKTtFdChvKXx8KG89ImtleSIpO2xldCB1PXh0KHIsImJpbmRUZXh0IixudWxsKTtFdCh1KXx8KHU9InRleHQiKTtsZXQgYT14dChyLCJiaW5kVHlwZSIsbnVsbCk7RXQoYSl8fChhPSJ0eXBlIik7bGV0IGk9eHQociwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gYyh0LHIsZSl7dD1Qbih0KSx0PWRlKHQsKHQ9PmQodCk/em4odCk6dCkpLGQocikmJihyPXpuKHIpKSxkKGUpJiYoZT16bihlKSksKEV0KHIpfHx4bihyKSkmJnQucHVzaChyKTtsZXQgbj1nZSh0LCItIik7cmV0dXJuKEV0KGUpfHx4bihlKSkmJihuPWAke2V9LSR7bn1gKSxufUV0KGkpfHwoaT0ibnVtT2ZDaGlscmVuIik7bGV0IGY9W107cmV0dXJuIEtuKHQsKCh0LHIsbCk9PntsZXQgdj1jKGwscikscz1jKGwsbnVsbCksYj0ibm9kZSI7SXQodCk/Yj0ib2JqZWN0IjpOdCh0KSYmKGI9ImFycmF5Iik7bGV0IHA9e1tlXTp2LFtuXTpzLFthXTpifTtpZigoRXQocil8fENlKHIpKSYmKHBbb109ciksSXQodCl8fE50KHQpfHwocFt1XT10KSxJdCh0KXx8TnQodCkpe2xldCByPUZlKHQpO3BbaV09cn1yZXR1cm4gZi5wdXNoKHApLHR9KSx7Zm9yY2U6ITB9KSxmfSh0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6YSxiaW5kTnVtT2ZDaGlscmVuOml9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfWFzeW5jIGZ1bmN0aW9uIGNvbnZlcnRUb1RyZWVXayh0LHI9e30pe3JldHVybiBtbyh0LHIpfQoKbGV0IGluc3RhbmNlID0gbnVsbApmdW5jdGlvbiBpbml0KGlucHV0KXsKCiAgICAvL2luaXQKICAgIGxldCByCiAgICAKICAgICAgICByID0gewogICAgICAgICAgICBtYWluOiBjb252ZXJ0VG9UcmVlV2sKICAgICAgICB9CiAgICAgICAgCgogICAgLy9vbgogICAgCgogICAgLy9zYXZlCiAgICBpbnN0YW5jZSA9IHIKCn0KCmZ1bmN0aW9uIHNlbmRNZXNzYWdlKGRhdGEpIHsKICAgIAogICAgICAgIHNlbGYucG9zdE1lc3NhZ2UoZGF0YSkKICAgICAgICAKfQoKYXN5bmMgZnVuY3Rpb24gcnVuKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcnVuJyxkYXRhKQoKICAgIC8vbW9kZQogICAgbGV0IG1vZGUgPSBkYXRhLm1vZGUKCiAgICAvL2NoZWNrCiAgICBpZihtb2RlICE9PSAnaW5pdCcgJiYgbW9kZSAhPT0gJ2NhbGwnKXsKICAgICAgICByZXR1cm4KICAgIH0KCiAgICAvL2luaXQKICAgIGlmKG1vZGUgPT09ICdpbml0Jyl7CiAgICAgICAgCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy90eXBlCiAgICAgICAgICAgIGxldCB0eXBlID0gZGF0YS50eXBlCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKICAgIAogICAgICAgICAgICAvL2luc3RhbmNlCiAgICAgICAgICAgIGlmKHR5cGUgPT09ICdmdW5jdGlvbicpewogICAgICAgICAgICAgICAgaW5pdCguLi5pbnB1dCkKICAgICAgICAgICAgfQogICAgICAgICAgICBlbHNlIGlmKHR5cGUgPT09ICdvYmplY3QnKXsKICAgICAgICAgICAgICAgIGluc3RhbmNlID0gY29udmVydFRvVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgo="));function r(){var r=n();function i(n){try{var e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){u(n)}}var a=i(o);if(!a)return u("invalid worker"),null;function l(){a?(a.terminate(),a=void 0):u("worker has been terminated")}function s(){var n={mode:"init",type:"function",input:Array.prototype.slice.call(arguments)};a.postMessage(n)}function c(){var n=e(),o=t(),i={mode:"call",id:o,fun:"main",input:Array.prototype.slice.call(arguments)};return a.postMessage(i),r.once(o,(function(e){"success"===e.state?n.resolve(e.msg):n.reject(e.msg)})),n}function d(n){var e=n,t=e.mode;"emit"!==t&&"return"!==t||("emit"===t&&r.emit(e.evName,e.msg),"return"===t&&r.emit(e.id,e))}function u(n){r.emit("error",n)}return a.onmessage=function(n){d(n.data)},a.onerror=u,s(Array.prototype.slice.call(arguments)),r.main=c,r.main=c,r.terminate=l,r}qg=function(){var n,e=(n=nv.mark((function n(){var e,t,o,i=arguments;return nv.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return e=Array.prototype.slice.call(i),t=r(),n.next=4,t.main.apply(t,$g(e)).finally((function(){t.terminate()}));case 4:return o=n.sent,n.abrupt("return",o);case 6:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(o,r){var i=n.apply(e,t);function a(n){Og(i,o,r,a,l,"next",n)}function l(n){Og(i,o,r,a,l,"throw",n)}a(void 0)}))});return function(){return e.apply(this,arguments)}}()}();var ov=qg;var rv=function(n,e,t,o){if(!U(n))return n;for(var r=-1,i=(e=te(e,n)).length,a=i-1,l=n;null!=l&&++r<i;){var s=oe(e[r]),c=t;if("__proto__"===s||"constructor"===s||"prototype"===s)return n;if(r!=a){var d=l[s];void 0===(c=o?o(d,s,l):void 0)&&(c=U(d)?d:Ue(e[r+1])?[]:{})}Ni(l,s,c),l=l[s]}return n};var iv=function(n,e,t){return null==n?n:rv(n,e,t)};var av=function(n,e){return n<e};var lv=function(n){return n&&n.length?Zd(n,ft,av):void 0};var sv=function(n,e,t){return n&&n.length?(e=t||void 0===e?1:si(e),xt(n,0,e<0?0:e)):[]};var cv=function(n,e,t){var o=null==n?0:n.length;return o?(e=t||void 0===e?1:si(e),xt(n,(e=o-e)<0?0:e,o)):[]};var dv=function(n){return function(e,t,o){var r=Object(e);if(!gt(e)){var i=nr(t);e=vt(e),t=function(n){return i(r[n],n,r)}}var a=n(e,t,o);return a>-1?r[i?e[a]:a]:void 0}},uv=Math.max;var pv=dv((function(n,e,t){var o=null==n?0:n.length;if(!o)return-1;var r=null==t?0:si(t);return r<0&&(r=uv(o+r,0)),dr(n,nr(e),r)})),mv=Array.prototype.reverse;var gv=function(n){return null==n?n:mv.call(n)};var vv=function(n,e){var t=[];if(!n||!n.length)return t;var o=-1,r=[],i=n.length;for(e=nr(e);++o<i;){var a=n[o];e(a,o,n)&&(t.push(a),r.push(o))}return Jp(n,r),t};var hv=function(n,e,t){var o=null==n?0:n.length;return o?(e=t||void 0===e?1:si(e),xt(n,0,(e=o-e)<0?0:e)):[]};function fv(n,e){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=[];if(!Va(n)&&!ja(n))return n=e(n,null,[]);function r(n){if(Va(n))return xg(jr(n));if(ja(n)){var e=Object.getOwnPropertyNames(n),o=null;return t&&(o=Object.getOwnPropertySymbols(n)),Va(e)||(e=[]),Va(o)||(o=[]),[].concat(Cs(e),Cs(o))}return n}function i(n,t){if(Va(n))return r(n).map((function(t){var r=n[t],a=Ba(o);return o.push(t),r=i(r=e(r,t,a)),o.pop(),r}));if(ja(n)){var a=r(n),l={};return a.map((function(t){var r=n[t],a=Ba(o);o.push(t),r=i(r=e(r,t,a)),o.pop(),l[t]=r})),l}return n}return i(n)}function bv(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};nn(e)||(e=function(n){return n});var o=ie(t,"force",!1);return La(o)||(o=!1),fv(n,e,o)}function yv(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function xv(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?yv(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):yv(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const kv={components:{},props:{dir:{type:String,default:"right"},iconColor:{type:String,default:"grey"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"}},data:function(){return{}},computed:{useRotate:function(){return ie({left:180,right:0,top:270,bottom:90},this.dir,0)},useIconColor:function(){return qr(this.iconColor)},useIconBackgroundColor:function(){return qr(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return qr(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};var Cv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:(t=e,void n.$emit("click",t));var t},click:function(e){n.$emit("click",e)}}},[t("div",{staticClass:"cc",staticStyle:{height:"100%"}},[t("div",{style:"transition:all 0.1s; transform:rotate("+n.useRotate+"deg)"},[t("div",{staticClass:"cc circle",style:"transition: all 0.5s; background:"+n.useIconBackgroundColor+";",on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[t("div",{staticClass:"caretRight",staticStyle:{transform:"translateX(1px)"}},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useIconColor,width:"11px",height:"11px",x:"0px",y:"0px",viewBox:"0 0 415.346 415.346","xml:space":"preserve"}},[t("g",[t("path",{attrs:{d:"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"}})])])])])])])])])};Cv._withStripped=!0;const Sv=Fr({render:Cv,staticRenderFns:[]},(function(n){n&&n("data-v-66159c9c_0",{source:"\n.caretRight[data-v-66159c9c] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-66159c9c] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-66159c9c] {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 24px;\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";AA0IA;IACA,eAAA;IACA,iBAAA;IACA,qBAAA;AACA;AACA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;AACA;AACA;IACA,WAAA;IACA,YAAA;IACA,mBAAA;AACA",file:"WTreeIconToggle.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"display:inline-block; user-select:none; cursor:pointer; outline:none;\"\r\n        tabindex=\"0\"\r\n        @keyup.enter=\"(v)=>{$emit('click',v)}\"\r\n        @click=\"(v)=>{$emit('click',v)}\"\r\n    >\r\n        <div\r\n            class=\"cc\"\r\n            style=\"height:100%;\"\r\n        >\r\n            <div\r\n                :style=\"`transition:all 0.1s; transform:rotate(${useRotate}deg)`\"\r\n            >\r\n\r\n                <div\r\n                    class=\"cc circle\"\r\n                    :style=\"`transition: all 0.5s; background:${useIconBackgroundColor};`\"\r\n                    @mouseenter=\"mouseenter\"\r\n                    @mouseleave=\"mouseleave\"\r\n                >\r\n                    \x3c!-- 圖標稍微偏左1px得強制移動 --\x3e\r\n                    <div\r\n                        class=\"caretRight\"\r\n                        style=\"transform:translateX(1px);\"\r\n                    >\r\n                        <span style=\"display:flex;\">\r\n                            <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" :fill=\"useIconColor\" width=\"11px\" height=\"11px\" x=\"0px\" y=\"0px\" viewBox=\"0 0 415.346 415.346\" xml:space=\"preserve\"><g><path d=\"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z\"/></g></svg>\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='right'] 輸入圖標朝向字串，可選'right'、'bottom'、'left'、'top'，預設'right'\r\n * @vue-prop {String} [iconColor='grey'] 輸入顯隱icon按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [iconBackgroundColor='transparent'] 輸入顯隱icon按鈕背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [iconBackgroundColorHover='rgba(128,128,128,0.15)'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設'rgba(128,128,128,0.15)'\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        dir: {\r\n            type: String,\r\n            default: 'right',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        iconBackgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        iconBackgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(128,128,128,0.15)',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useRotate: function() {\r\n            //console.log('computed useRotate')\r\n\r\n            let vo = this\r\n\r\n            let kp = {\r\n                left: 180,\r\n                right: 0,\r\n                top: 270,\r\n                bottom: 90,\r\n            }\r\n            return get(kp, vo.dir, 0)\r\n        },\r\n\r\n        useIconColor: function() {\r\n            //console.log('computed useIconColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconColor)\r\n        },\r\n\r\n        useIconBackgroundColor: function() {\r\n            //console.log('computed useIconBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColor)\r\n        },\r\n\r\n        useIconBackgroundColorHover: function() {\r\n            //console.log('computed useIconBackgroundColorHover')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function(e) {\r\n            //console.log('mouseenter', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColorHover\r\n\r\n        },\r\n\r\n        mouseleave: function(e) {\r\n            //console.log('mouseleave', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColor\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.caretRight {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\r\n}\r\n.cc {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.circle {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 24px;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),kv,"data-v-66159c9c",false,undefined,!1,Dr,void 0,void 0);const wv={components:{},props:{mode:{type:String,default:"unchecked"},editable:{type:Boolean,default:!0},uncheckedColor:{type:String,default:"grey darken-2"},uncheckedDisabledColor:{type:String,default:"grey"},checkedColor:{type:String,default:"blue darken-3"},checkedDisabledColor:{type:String,default:"grey"},checkedPartiallyColor:{type:String,default:"blue darken-3"},checkedPartiallyDisabledColor:{type:String,default:"grey"}},data:function(){return{}},computed:{useDisabledColor:function(){var n=this;return"checked"===n.mode?qr(n.checkedDisabledColor):"unchecked"===n.mode?qr(n.uncheckedDisabledColor):qr(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){var n=this;return n.editable?qr(n.uncheckedColor):qr(n.uncheckedDisabledColor)},useCheckedColor:function(){var n=this;return n.editable?qr(n.checkedColor):qr(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){var n=this;return n.editable?qr(n.checkedPartiallyColor):qr(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Wv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"position:relative; display:inline-block; user-select:none; "+(n.editable?"cursor:pointer;":"")+" outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.emitClick(e)},click:n.emitClick}},["unchecked"===n.mode?t("div",{staticStyle:{display:"flex",height:"100%","align-items":"center","justify-content":"center"}},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useUncheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}})])])]):n._e(),n._v(" "),"checked"===n.mode?t("div",{staticStyle:{display:"flex",height:"100%","align-items":"center","justify-content":"center"}},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),"checkedPartially"===n.mode?t("div",{staticStyle:{display:"flex",height:"100%","align-items":"center","justify-content":"center"}},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedPartiallyColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0",top:"0",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{staticStyle:{height:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid #fff; transform:translateY(-1px) rotate(45deg);"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0",top:"0",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{staticStyle:{height:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid "+n.useDisabledColor+"; transform:translateY(1px)rotate(45deg);"})])])])};Wv._withStripped=!0;const Iv=Fr({render:Wv,staticRenderFns:[]},(function(n){n&&n("data-v-3d454847_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTreeIconCheckbox.vue"},media:void 0})}),wv,"data-v-3d454847",false,undefined,!1,Dr,void 0,void 0);var _v=Xd();const Tv={directives:{domdragdrop:dm()},components:{WDynamicList:Dd,WButtonCircle:_u,WPopup:fd,WListVertical:Tm,WTreeIconToggle:Sv,WTreeIconCheckbox:Iv},props:{data:{type:[Array,Object],default:function(){return[]}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},selectable:{type:Boolean,default:!1},selections:{type:Array,default:function(){return[]}},keyPrimary:{type:String,default:"id"},keyText:{type:String,default:"text"},keyChildren:{type:String,default:"children"},keyLocked:{type:String,default:"locked"},paddingStyle:{type:Object,default:function(){return{v:0,h:0}}},indent:{type:Number,default:1},iconHeight:{type:Number,default:34},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},iconUncheckedColor:{type:String,default:"grey darken-2"},iconUncheckedDisabledColor:{type:String,default:"grey"},iconCheckedColor:{type:String,default:"blue darken-3"},iconCheckedDisabledColor:{type:String,default:"grey"},iconCheckedPartiallyColor:{type:String,default:"blue darken-3"},iconCheckedPartiallyDisabledColor:{type:String,default:"grey"},filterKeywords:{type:String,default:""},filterFunction:{type:Function,default:null},noResultsText:{type:String,default:"No results"},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForInsertDelete:{type:String,default:"Delete"},operateItemPaddingStyle:{type:Object,default:function(){return{v:10,h:12}}},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:168},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},show:{type:Boolean,default:!0}},data:function(){return{mdiDotsVertical:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",dbc:Ss(),mmkey:null,separation:3,defIconHeight:34,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0}},beforeDestroy:function(){null!==this.mmkey&&_v.remove(this.mmkey)},watch:{data:{immediate:!0,deep:!0,handler:function(n){this.setData(n)}}},computed:{changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},changeDraggableAndOperatable:function(){var n=this,e=n.draggable,t=n.operatable;return(e||t)&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){var n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterKeyWordsDebounce(),""},useIndent:function(){return this.indent*(24+2*this.separation)},usePadding:function(){var n=Ll(this.paddingStyle);return"padding:".concat(n,";")},useDgTextDisabledColor:function(){return qr(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return qr(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return qr(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return qr(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return qr(this.dgBelongBackgroundColor)},useOperateItems:function(){var n=this;return[{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},{key:"Delete",text:n.operateItemTextForInsertDelete,icon:v}]},isDraggable:function(){return this.draggable}},methods:{getEmitData:function(n,e){return{event:n,ele:n.currentTarget,row:e.row,item:e.row.item,index:e.index}},getRowsFromData:function(n){var e=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Va(n)){if(0===n.length)return[]}else{if(!ja(n))return[];if(Xa(n))return[]}var t=ie(e,"bindKey",null);ir(t)||(t="id");var o=ie(e,"bindChildren",null);ir(o)||(o="children");var r=!1;function i(n){for(var e=[n[0]],t=1;t<n.length;t++){var r=n[t];e.push(o),e.push(r)}return e}ja(n)&&(r=!0,n=[n]);var a=[];return bv(n,(function(n,e,r){var l=ie(n,t,null),s=ie(n,o,null);if(l){var c=i([].concat(Cs(r),[e]));if(a.push(xv(xv({},n),{},{level:(jr(c)-1)/2,nk:c})),s)return s}})),r&&(a=a[0]),a}(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren});return tr(e,(function(n,e){return{index:e,unfolding:!0,checked:"unchecked",item:n}}))},setData:function(n){var e=this;function t(){return(t=hs(fs.mark((function t(){var o;return fs.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(Va(n)||ja(n)){t.next=3;break}return"data is not an array or object",t.abrupt("return","data is not an array or object");case 3:return null===e.mmkey?e.mmkey=Wi():_v.remove(e.mmkey),n=Ba(n),o=e.getRowsFromData(n),_v.set(e.mmkey,o),t.next=9,ys((function(){return void 0!==e.$refs.wdl}),{timeInterval:20});case 9:if(!e.$refs.wdl){t.next=12;break}return t.next=12,e.$refs.wdl.setRows(o);case 12:e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords();case 16:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},getText:function(n){var e=ie(n,this.keyText,"");return e=cl(e)},getEditable:function(n){return!ie(n,this.keyLocked,!1)},updateSelections:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t,o;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=[],n.selectable){e.next=3;break}return e.abrupt("return");case 3:return e.next=5,ys((function(){return void 0!==n.$refs.wdl}),{timeInterval:20});case 5:if(o={fun:function(e){var o={};yt(e,(function(t,r){var i=ie(t,"row.item.".concat(n.keyPrimary));if(dl(o,i))throw new Error("Duplicate primary key[".concat(n.keyPrimary,"] in items"));o[i]=r,e[r].row.checked="unchecked"}));var r=Ba(n.selections);yt(r,(function(r){var i=r[n.keyPrimary],a=o[i];if(a){var l=e[a].row.checked;"checked"!==l&&(l="checked",n.checkItemsCore(t,e,a,l))}}))}},!n.$refs.wdl){e.next=9;break}return e.next=9,n.$refs.wdl.processItems(o);case 9:n.selectionsTrans=t,n.$emit("update:selections",Ba(t));case 11:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(n){console.log(n)}))},addSelection:function(n,e){var t=this,o=ie(e,t.keyPrimary,null);if(null!==o&&!pv(n,ni({},t.keyPrimary,o))){var r={};yt(e,(function(n,e){e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=Ba(n))})),n.push(r)}},removeSelection:function(n,e){var t=this,o=ie(e,t.keyPrimary,null);null!==o&&(pv(n,ni({},t.keyPrimary,o))&&vv(n,ni({},t.keyPrimary,o)))},modifySelection:function(n,e,t,o){e!==t&&("checked"===t?this.addSelection(n,o):this.removeSelection(n,o))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getRows:function(){return _v.get(this.mmkey)},getLevelDiff:function(n){var e=_v.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){var t=ie(n,"".concat(e,".item.level"),null),o=ie(n,"".concat(e+1,".item.level"),null);return this.calcLevelDiff(t,o)},getLevelDiffFromItems:function(n,e){var t=ie(n,"".concat(e,".row.item.level"),null),o=ie(n,"".concat(e+1,".row.item.level"),null);return this.calcLevelDiff(t,o)},calcLevelDiff:function(n,e){return ci(n)&&ci(e)?e-n:0},getLevel:function(n){return ie(n,"item.level",0)},toggleItemsCore:function(n,e,t){var o=this,r=[];function i(){for(var n=0;n<r.length;n++)if(!1===r[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,r.push(t)}(e,t),function(e,t){var a=ie(n,"".concat(e,".row.item.level"),null);if(null!==a)for(var l=e+1;l<n.length;l++){var s=ie(n,"".concat(l,".row.item.level"),null);if(null===s)return void console.log("invalid levelNow");if(a>=s)break;var c=i();n[l].displayShow=c;var d=o.getLevelDiffFromItems(n,l);if(d>0){var u=ie(n,"".concat(l,".row.unfolding"),null);if(null===u)return void console.log("invalid unfoldingNow");r.push(u)}d<0&&(r=hv(r,-d))}else console.log("invalid level")}(e)},defaultToggleItems:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(Rl(n.defaultDisplayLevelTrans)){e.next=2;break}return e.abrupt("return");case 2:if(n.$refs.wdl){e.next=4;break}return e.abrupt("return");case 4:if(t={fun:function(e){var t=hi(n.defaultDisplayLevelTrans);yt(e,(function(o,r){o.row.item.level+1>t&&o.row.unfolding&&n.toggleItemsCore(e,r,!1)}))}},!n.$refs.wdl){e.next=8;break}return e.next=8,n.$refs.wdl.processItems(t);case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(n){console.log(n)}))},toggleItems:function(n){var e=this;function t(){return(t=hs(fs.mark((function t(){var o;return fs.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e.$refs.wdl){t.next=2;break}return t.abrupt("return");case 2:if(!e.draggable&&!e.operatable){t.next=4;break}return t.abrupt("return");case 4:return o={fun:function(t){var o=n.index,r=ie(t,"".concat(o,".row.unfolding"),null);null!==r?(r=!r,e.toggleItemsCore(t,o,r)):console.log("invalid unfolding")}},t.next=7,e.$refs.wdl.processItems(o);case 7:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},getAllParentIndex:function(n,e){for(var t=e,o=[];;){var r=this.getParentIndex(n,t);if(null===r)break;o.push(r),t=r}return{inds:o,path:Gr(gv(o),"-")}},getParentIndex:function(n,e){var t=ie(n,"".concat(e,".row.item.level"),null);if(null===t)return null;for(var o=e-1;o>=0;o--){var r=ie(n,"".concat(o,".row.item.level"),null);if(null===r)return null;if(t>r)return o}return null},checkItemsCore:function(n,e,t,o){var r=this;!function(n,t,o){var i=e[t].row.checked;e[t].row.checked=o,r.modifySelection(n,i,o,e[t].row.item)}(n,t,o),function(n,t,o){if(r.hasChildrenFromItems(e,t)){var i=ie(e,"".concat(t,".row.item.level"),null);if(null===i)return void console.log("invalid level");for(var a=t+1;a<e.length;a++){var l=ie(e,"".concat(a,".row.item.level"),null);if(null===l)return void console.log("invalid levelNow");if(i>=l)break;var s=e[a].row.checked;e[a].row.checked=o,r.modifySelection(n,s,o,e[a].row.item)}}}(n,t,o),function n(t,o){var i=r.getParentIndex(e,o);if(null!==i){var a=ie(e,i,null),l=ie(a,"row.checked",""),s=function(n){var t=ie(e,"".concat(n,".row.item.level"),null);if(null===t)return console.log("invalid level"),null;for(var o=[{ind:n,checked:ie(e,"".concat(n,".row.checked"),"")}],r=n-1;r>=0;r--){var i=ie(e,"".concat(r,".row.item.level"),null);if(null===i)return void console.log("invalid levelNow");if(t>i)break;t===i&&o.push({ind:r,checked:ie(e,"".concat(r,".row.checked"),"")})}for(var a=n+1;a<e.length;a++){var l=ie(e,"".concat(a,".row.item.level"),null);if(null===l)return void console.log("invalid levelNow");if(t>l)break;t===l&&o.push({ind:a,checked:ie(e,"".concat(a,".row.checked"),"")})}var s=jr(o),c=0,d=0;return yt(o,(function(n){"checked"===n.checked?c+=1:"unchecked"===n.checked&&(d+=1)})),c===s?"checked":d===s?"unchecked":"checkedPartially"}(o);if(l!==s){var c=e[i].row.checked;e[i].row.checked=s,r.modifySelection(t,c,s,e[i].row.item),n(t,i)}}}(n,t)},checkItems:function(n){var e=this;function t(){return(t=hs(fs.mark((function t(){var o,r;return fs.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o=Ba(e.selectionsTrans),e.$refs.wdl){t.next=3;break}return t.abrupt("return");case 3:return r={fun:function(t){var r=n.index,i=ie(t,"".concat(r,".row.checked"),null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(o,t,r,i)):console.log("invalid checked")}},t.next=6,e.$refs.wdl.processItems(r);case 6:e.selectionsTrans=o,e.$emit("update:selections",Ba(o));case 8:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},filterKeyWordsCore:function(n){var e=this;if(!e.draggable&&!e.operatable&&e.filterKeywordsTransTemp!==e.filterKeywordsTrans)if(e.filterKeywordsTransTemp=e.filterKeywordsTrans,0===jr(e.filterKeywordsTrans))for(var t=0;t<n.length;t++)n[t].filterShow=!0;else for(var o=Fa(e.filterKeywordsTrans.toLowerCase()," "),r={},i=0;i<n.length;i++){var a=!1;if(xi(e.filterFunction))a=e.filterFunction(n[i].row.item);else{var l=e.getText(n[i].row.item);l=l.toLowerCase();for(var s=0;s<o.length;s++){var c=o[s];if(l.indexOf(c)>=0){a=!0;break}}}if(a){n[i].filterShow=!0;var d=e.getAllParentIndex(n,i);""!==d.path&&(dl(r,d.path)||(yt(d.inds,(function(e){n[e].filterShow=!0})),r[d.path]=d))}else n[i].filterShow=!1}},filterKeyWords:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.$refs.wdl){e.next=2;break}return e.abrupt("return");case 2:if(!n.filtering){e.next=4;break}return e.abrupt("return");case 4:return n.filtering=!0,t={fun:function(e){n.filterKeyWordsCore(e)}},e.next=8,n.$refs.wdl.processItems(t);case 8:n.filtering=!1;case 9:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(n){console.log(n)}))},filterKeyWordsDebounce:function(){var n=this;n.dbc((function(){n.filterKeyWords()}))},changeViewItems:function(n){this.$emit("change-view-items",n)},deleteItem:function(n,e){if(0===jr(e))throw new Error("invalid nk");if(1===jr(e))Op(n,e);else{var t=hv(e),o=cv(e),r=ie(n,t,[]);Op(r,[o])}},dragItem:function(n,e,t,o){var r=this,i=_v.get(r.mmkey),a=Ba(r.data),l=i[n],s=i[e],c=l.item.nk,d=s.item.nk,u=ie(a,l.item.nk);if("forward"===t&&r.deleteItem(a,c),"before"===o||"after"===o){var p,m=cv(d)[0];if(1===jr(d))p=a;else{var g=hv(d);p=ie(a,g,[])}"before"===o||"after"===o&&(m+=1),p.splice(m,0,u)}else if("belongto"===o){var v=[].concat(Cs(d),[r.keyChildren]),h=ie(a,v,[]);h.push(u),iv(a,v,h)}"backward"===t&&r.deleteItem(a,c),r.$nextTick((function(){r.$emit("update:data",Ba(a))}))},operateItem:function(n,e,t){var o=this;function r(){return(r=hs(fs.mark((function r(){var i,a,l,s,c,d,u,p,m,g,v;return fs.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(i=_v.get(o.mmkey),a=Ba(o.data),l=i[n],s=l.item.nk,"Delete"!==e){r.next=7;break}return o.deleteItem(a,s),r.abrupt("return",a);case 7:if(xi(t)){r.next=9;break}throw new Error("invalid fun");case 9:return r.next=11,t();case 11:if(c=r.sent,"InsertBefore"===(d=e)?d="before":"InsertAfter"===d?d="after":"InsertChild"===d&&(d="belongto"),"before"!==d&&"after"!==d){r.next=21;break}u=cv(s)[0],1===jr(s)?p=a:(m=hv(s),p=ie(a,m,[])),"before"===d||"after"===d&&(u+=1),p.splice(u,0,c),r.next=29;break;case 21:if("belongto"!==d){r.next=28;break}g=[].concat(Cs(s),[o.keyChildren]),(v=ie(a,g,[])).push(c),iv(a,g,v),r.next=29;break;case 28:throw new Error("invalid modeInsert");case 29:return r.abrupt("return",a);case 30:case"end":return r.stop()}}),r)})))).apply(this,arguments)}var i=Ka();return function(){return r.apply(this,arguments)}().then((function(n){o.$nextTick((function(){o.$emit("update:data",Ba(n)),i.resolve()}))})).catch((function(n){console.log(n)})),i},getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(Wi())),n.dgGroupKey},getDgOpt:function(){var n=this;return{group:n.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:n.dgPreviewOpacity,previewDisabledOpacity:n.dgPreviewDisabledOpacity,previewBorderWidth:n.dgPreviewBorderWidth,previewBorderColor:n.dgPreviewBorderColor,previewBackground:n.dgPreviewBackground,timeDragStartDelay:1}},isBelong:function(n,e){return jr(n)>=jr(e)&&function(n,e){var t=lv([jr(n),jr(e)]),o=sv(n,t),r=sv(e,t);return Yi(o,r)}(n,e)},dragdrop:function(n){var e=this;if("move"===n.evName){var t=_v.get(e.mmkey),o=t[n.startInd],r=t[n.endInd],i=e.isBelong(r.item.nk,o.item.nk),a=ie(n,"endEle.parentNode");if(!a.getAttribute)return void console.log("invalud ele.getAttribute",a);e.dgTipTop=ui(a.getAttribute("top")),e.dgTipLeft=0,e.dgTipWidth=a.offsetWidth,e.dgTipHeight=a.offsetHeight,i?e.dgTipMode="disabled":n.ry<=.3?e.dgTipMode="lineTop":n.ry>=.7?e.dgTipMode="lineBottom":n.ry>.3&&n.ry<.7?e.dgTipMode="block":e.dgTipMode=""}else if("leave"===n.evName)e.dgTipMode="";else if("drop"===n.evName){if(n.startInd===n.endInd)return void(e.dgTipMode="");if(""===e.dgTipMode)return;var l,s;if(n.startInd<n.endInd)l="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");l="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)s="before";else if("lineBottom"===e.dgTipMode)s="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");s="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,l,s)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){iv(n,e,t),this.setData(n)}}};var Hv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative",overflow:"hidden"},attrs:{changeDefaultDisplayLevel:n.changeDefaultDisplayLevel,changeDraggableAndOperatable:n.changeDraggableAndOperatable,changeFilterKeyWords:n.changeFilterKeyWords}},[t("WDynamicList",{ref:"wdl",attrs:{viewHeightMax:n.viewHeightMax,itemMinHeight:n.defItemHeight,itemsPreload:n.itemsPreload,noResultsText:n.noResultsText,show:n.show},on:{"change-view-items":n.changeViewItems},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:"wt-"+e.index,style:n.draggable?"user-select:none;":"",attrs:{dragindex:e.index,draggable:"false"},on:{domdragdrop:n.dragdrop,mouseenter:function(t){n.$emit("mouseenter",n.getEmitData(t,e))},mouseleave:function(t){n.$emit("mouseleave",n.getEmitData(t,e))},click:function(t){n.$emit("click",n.getEmitData(t,e))}}},[t("div",{style:"position:relative; display:table; "+n.usePadding},[t("div",{style:"display:table-cell; vertical-align:top;"},[n._t("head",null,{index:e.index,data:e.row.item,row:e.row})],2),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.getLevel(e.row)*n.useIndent+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.separation+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding:0px "+n.separation+"px;"},[t("div",{style:"display:flex; align-items:center; justify-content:center; height:"+n.defItemHeight+"px; overflow:hidden;"},[t("div",{style:"transform-origin:center; transform:scale("+n.iconHeight/n.defIconHeight+");"},[n.hasChildren(e.index)?t("WTreeIconToggle",{style:"width:24px; height:"+n.defIconHeight+"px;",attrs:{dir:e.row.unfolding?"bottom":"right",iconColor:n.iconToggleColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row)}}}):t("div",{staticStyle:{"padding-right":"24px"}})],1)])]),n._v(" "),n.selectable?t("div",{style:"display:table-cell; vertical-align:top; padding:0px "+2*n.separation+"px 0px 0px;"},[t("div",{style:"display:flex; align-items:center; justify-content:center; height:"+n.defItemHeight+"px; overflow:hidden;"},[t("div",{style:"transform-origin:center; transform:scale("+n.iconHeight/n.defIconHeight+");"},[t("WTreeIconCheckbox",{style:"height:"+n.defIconHeight+"px;",attrs:{mode:e.row.checked,editable:n.getEditable(e.row.item),uncheckedColor:n.iconUncheckedColor,uncheckedDisabledColor:n.iconUncheckedDisabledColor,checkedColor:n.iconCheckedColor,checkedDisabledColor:n.iconCheckedDisabledColor,checkedPartiallyColor:n.iconCheckedPartiallyColor,checkedPartiallyDisabledColor:n.iconCheckedPartiallyDisabledColor},on:{click:function(t){return n.checkItems(e.row)}}})],1)])]):n._e(),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; width:100%;"},[n._t("item",[t("div",{style:"min-height:"+Math.max(n.iconHeight,n.defItemHeight)+"px; display:flex; align-items:center;"},[n._v("\n                                "+n._s(n.getText(e.row.item))+"\n                            ")])],{index:e.index,data:e.row.item,row:e.row,keyPrimary:n.keyPrimary,keyText:n.keyText,keyChildren:n.keyChildren,setDataByPathAndValue:n.setDataByPathAndValue})],2),n._v(" "),n.operatable?t("div",{staticStyle:{position:"absolute",top:"2px",right:"8px"}},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{attrs:{icon:n.mdiDotsVertical,backgroundColor:n.operateBtnBackgroundColor,backgroundColorHover:n.operateBtnBackgroundColorHover,backgroundColorFocus:n.operateBtnBackgroundColorFocus,shadow:!1,tooltip:n.operateBtnTooltip}})]},proxy:!0},{key:"content",fn:function(o){return[t("WListVertical",{style:"height:"+n.operatePanelHeight+"px; width:"+n.operatePanelWidth+"px;",attrs:{items:n.useOperateItems,itemTextFontSize:"0.8rem",useActive:!1,paddingStyle:n.operateItemPaddingStyle,itemBackgroundColor:n.operateItemBackgroundColor,itemBackgroundColorHover:n.operateItemBackgroundColorHover,itemTextColor:n.operateItemTextColor,itemTextColorHover:n.operateItemTextColorHover,itemIconSize:n.operateItemIconSize,itemIconColor:n.operateItemIconColor,itemIconColorHover:n.operateItemIconColorHover},on:{click:function(t){o.funHide(),n.clickOperateItem({opItem:t,rowItem:e})}}})]}}],null,!0)})],1):n._e()])])]}}],null,!0)}),n._v(" "),""!==n.dgTipMode?t("div",{style:"position:absolute; z-index:1; pointer-events:none; left:"+n.dgTipLeft+"px; top:"+n.dgTipTop+"px;",attrs:{msg:"需使用pointer-events:none;禁用事件, 避免拖曳時因接觸此元素時出現enter與leave"}},["lineTop"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background-color:"+n.useDgInsertBackgroundColor+"; border-top:1px solid "+n.useDgInsertLineColor+";"})]:"lineBottom"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background-color:"+n.useDgInsertBackgroundColor+"; border-bottom:1px solid "+n.useDgInsertLineColor+";"})]:"block"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background-color:"+n.uesDgBelongBackgroundColor+";"})]:"disabled"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background-color:"+n.useDgTextDisabledBackgroundColor+";"},[t("div",{style:"height:"+n.dgTipHeight+"px; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useDgTextDisabledColor+"; padding-left:"+n.dgTextDisabledPaddingLeft+"px; font-size:"+n.dgTextDisabledFontSize+";"},[n._v("\n                        "+n._s(n.dgTextDisabled)+"\n                    ")])])])]:n._e()],2):n._e()],1)};Hv._withStripped=!0;const Av=Fr({render:Hv,staticRenderFns:[]},(function(n){n&&n("data-v-548edd62_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTree.vue"},media:void 0})}),Tv,"data-v-548edd62",false,undefined,!1,Dr,void 0,void 0);var Zv;const Bv={components:{WTree:Av},props:{data:{type:[Array,Object],default:function(){}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},indent:{type:Number,default:1},iconHeight:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},filterKeywords:{type:String,default:""},filterFunction:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},defItemHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},numColor:{type:String,default:"indigo accent-2"},strColor:{type:String,default:"orange accent-2"},bolColor:{type:String,default:"light-green lighten-1"},funColor:{type:String,default:"purple accent-2"},defaultColor:{type:String,default:"grey darken-4"},show:{type:Boolean,default:!0}},data:function(){return{lockFromSetData:!1,useColors:{},root:"___root___",lineNumberWidth:0}},watch:{data:{immediate:!0,deep:!0,handler:function(n){this.setData(n)}}},computed:{changeColors:function(){return this.convertColors(),""}},methods:{convertColors:function(){var n=this;if(!il(n.useColors)){var e={numColor:qr(n.numColor),strColor:qr(n.strColor),bolColor:qr(n.bolColor),funColor:qr(n.funColor),defaultColor:qr(n.defaultColor),keyColor:qr(n.keyColor),keyNumbersColor:qr(n.keyNumbersColor)};n.useColors=e}},parseData:(Zv=hs(fs.mark((function n(e){var t,o;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=this,n.next=3,ov(e,{bindRoot:t.root});case 3:return o=n.sent,n.abrupt("return",o);case 5:case"end":return n.stop()}}),n,this)}))),function(n){return Zv.apply(this,arguments)}),setData:function(n){var e=this;function t(){return(t=hs(fs.mark((function t(){var o;return fs.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e.lockFromSetData=!0,Va(n)||ja(n)){t.next=4;break}return"data is not an array or object",t.abrupt("return","data is not an array or object");case 4:return e.convertColors(),n=Ba(n),t.next=8,e.parseData(n);case 8:return o=t.sent,t.next=11,ys((function(){return void 0!==e.$refs.wt}),{timeInterval:20});case 11:if(!e.$refs.wt){t.next=14;break}return t.next=14,e.$refs.wt.setData(o);case 14:e.getLineNumberWidth();case 15:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)})).finally((function(){e.lockFromSetData=!1}))},getLineNumberWidth:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t,o,r,i;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ys((function(){return void 0!==n.$refs.wt}),{timeInterval:20});case 2:if(n.$refs.wt){e.next=4;break}return e.abrupt("return");case 4:t=n.$refs.wt.getRows(),o=jr(t),r=Math.ceil(Math.log10(o)),i=8*(r+.5),n.lineNumberWidth=i;case 9:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(n){console.log(n)}))},genBlock:function(n){var e="";return"object"===n.type?e="{".concat(n.numOfChilren,"}"):"array"===n.type&&(e="[".concat(n.numOfChilren,"]")),e},getKey:function(n){var e="";return(ir(n.key)||Rl(n.key))&&(e=n.key),e===this.root&&(e=""),e},getType:function(n){var e="";return"node"!==n.type&&(e=n.type),e},getText:function(n){var e="";return"node"===n.type&&(e=n.text),e},getTextTypeColor:function(n){var e=this,t=e.useColors.defaultColor;if("node"===n.type){var o="";Rl(n.text)?o="numColor":rr(n.text)?o="strColor":La(n.text)?o="bolColor":xi(n.text)&&(o="funColor"),dl(e.useColors,o)&&(t=e.useColors[o])}return t}}};var Vv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("WTree",{ref:"wt",attrs:{viewHeightMax:n.viewHeightMax,defaultDisplayLevel:n.defaultDisplayLevel,indent:n.indent,iconHeight:n.iconHeight,iconToggleColor:n.iconToggleColor,iconToggleBackgroundColor:n.iconToggleBackgroundColor,iconToggleBackgroundColorHover:n.iconToggleBackgroundColorHover,filterKeywords:n.filterKeywords,filterFunction:n.filterFunction,noResultsText:n.lockFromSetData?"":n.noResultsText,defItemHeight:n.defItemHeight,itemsPreload:n.itemsPreload,show:n.show},scopedSlots:n._u([{key:"head",fn:function(e){return[t("div",{style:"min-width:"+n.lineNumberWidth+"px; display:flex; align-items:center; justify-content:end; font-size:0.8rem; line-height:1.5625rem; color:#f26; user-select:none;"},[n._v("\n                "+n._s(e.index+1)+"\n            ")])]}},{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{display:"flex"}},[""!==n.getKey(e.data)?t("div",{style:"padding-right:5px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getKey(e.data))+":\n                    ")]):n._e(),n._v(" "),""!==n.getType(e.data)?t("div",{style:"padding-right:3px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getType(e.data))+"\n                    ")]):n._e(),n._v(" "),t("div",{style:"color:"+n.getTextTypeColor(e.data)+";"},[n._v("\n                        "+n._s(n.getText(e.data))+"\n                    ")])]),n._v(" "),t("div",{style:"padding-left:5px; color:"+n.useColors.keyNumbersColor+";"},[n._v("\n                    "+n._s(n.genBlock(e.data))+"\n                ")])])]}}])}),n._v(" "),n.lockFromSetData?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):n._e()],1)};Vv._withStripped=!0;const Pv={components:{demolink:Jr,WJsonView:Fr({render:Vv,staticRenderFns:[]},(function(n){n&&n("data-v-75b9b1cc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})}),Bv,"data-v-75b9b1cc",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WJsonView:{keywords:"pow ci uadn",data1:{squadName:"Super hero squad",homeTown:"Metro City",formed:2016,secretBase:"Super tower",active:!0,arrayEmpth:[],members:[{name:"There are many variations of passages of Lorem Ipsum available",age:29,secretIdentity:"Dan Jukes",powers:["Radiation resistance","Turning tiny","Radiation blast"]},{name:"Madame Uppercut",age:39,secretIdentity:"Jane Wilson",powers:["Million tonne punch","Damage resistance","Superhuman reflexes"]},{name:"Eternal Flame",age:1e6,secretIdentity:"Unknown",powers:["Immortality","Heat Immunity","Inferno","Teleportation","Interdimensional travel"]}]},data2:{cookie:'username-localhost-8888="2|1:0|10:1624431350|23:username-localhost-8888|44:ZmMxYzkwOGI0ODYxNDY1M2ExY2VhOGE3MmFhNWE4M2Y=|f8840028a36433a4e69e67f7eae6d188994203da2f54fe8af55d3e815f5cad0f',homeTown:"Metro City",formed:2016,secretBase:"Super tower",active:!0,arrayEmpth:[],members:[{name:"There are many variations of passages of Lorem Ipsum available",age:29,secretIdentity:"Dan Jukes",powers:["Radiation resistance","Turning tiny","Radiation blast"]},{name:"Madame Uppercut",age:39,secretIdentity:"Jane Wilson",powers:["Million tonne punch","Damage resistance","Superhuman reflexes"]},{name:"Eternal Flame",age:1e6,secretIdentity:"Unknown",powers:["Immortality","Heat Immunity","Inferno","Teleportation","Interdimensional travel"]}]},data3:["squadName",123,45.678,"Super hero squad","[system::callfunc]abc",{homeTown:"Metro City",formed:2016,powers:["Immortality","Heat Immunity","Inferno","Teleportation","Interdimensional travel"],members:{name:"Molecule Man",age:29,secretIdentity:"Dan Jukes"}}],data4:function(n){n/=200,n=Math.max(n,1);for(var e={ph1_a:123,ph1_b:45.67,ph1_c:"123.456",ph1_d:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",ph1_e:!0,ph1_g:"[system::callfunc]abc",ph1_h:[],ph1_j:{},ph1_k:{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}},ph1_l:[123,45.67,"123.456","Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",!0,!1,"[system::callfunc]abc",{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}}],ph1_z:{ph2_a:123,ph2_b:45.67,ph2_c:"123.456",ph2_d:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",ph2_e:!0,ph2_g:"[system::callfunc]abc",ph2_h:[],ph2_j:{},ph2_k:{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}},ph2_l:[123,45.67,"123.456","Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",!0,!1,"[system::callfunc]abc",{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}}],ph2_z:{ph3_a:123,ph3_b:45.67,ph3_c:"123.456",ph3_d:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",ph3_e:!0,ph3_g:"[system::callfunc]abc",ph3_h:[],ph3_j:{},ph3_k:{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}},ph3_l:[123,45.67,"123.456","Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",!0,!1,"[system::callfunc]abc",{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}}],ph3_z:{ph4_a:123,ph4_b:45.67,ph4_c:"123.456",ph4_d:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",ph4_e:!0,ph4_g:"[system::callfunc]abc",ph4_h:[],ph4_j:{},ph4_k:{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}},ph4_l:[123,45.67,"123.456","Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",!0,!1,"[system::callfunc]abc",{a:321,b:76.54,c:"654.321",d:"321 zyx",e:!0,f:[],g:{}}],ph4_z:{ph5_a:123,ph5_b:45.67,ph5_c:"123.456",ph5_d:"Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",ph5_e:!0,ph5_f:!1,ph5_g:"[system::callfunc]abc",ph5_h:[],ph5_j:{},ph5_l:[123,45.67,"123.456","Integer porttitor urna ultricies justo iaculis vulputate ac non neque. Etiam iaculis est quis urna consequat ornare. Suspendisse a augue sit amet urna tincidunt rhoncus sed non tellus. Mauris ultricies lectus sit amet tellus egestas, in interdum elit rhoncus. Nullam viverra lectus mattis felis semper, in vulputate lorem tincidunt. Suspendisse dapibus arcu id nunc blandit, ut egestas nisi pulvinar.",!0,!1,"[system::callfunc]abc",{a:321,b:76.54,c:"654.321",d:"321 zyx"}]}}}}},t=[],o=0;o<n;o++)t.push(e);return t}(2e4)},actions:[]}},methods:{}};var jv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-json-view",casename:"default"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WJsonView.data1}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-json-view",casename:"viewHeightMax"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{viewHeightMax:250,data:n.WJsonView.data3}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-json-view",casename:"filterKeywords & noResultsText"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("span",{staticStyle:{"padding-right":"10px"}},[n._v("Search :")]),n._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:n.WJsonView.keywords,expression:"WJsonView.keywords"}],staticStyle:{padding:"2px 15px",color:"#666",border:"1px solid #fca","border-radius":"30px",outline:"none"},domProps:{value:n.WJsonView.keywords},on:{input:function(e){e.target.composing||n.$set(n.WJsonView,"keywords",e.target.value)}}})]),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{filterKeywords:n.WJsonView.keywords,noResultsText:"There are no items to show...",data:n.WJsonView.data3}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-json-view",casename:"iconColor & keyColor & keyNumbersColor & numColor & strColor & bolColor & funColor"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{iconColor:"#aaa",keyColor:"#f6a",keyNumbersColor:"#f26",numColor:"#00f",strColor:"#bbb",bolColor:"#c5f",funColor:"#fa6",data:n.WJsonView.data1}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-json-view",casename:"large data (15,500 lines)"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WJsonView.data4}})],1)])])};jv._withStripped=!0;const Xv=Fr({render:jv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-json-view")])])}]},(function(n){n&&n("data-v-207f209f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWJsonView.vue"},media:void 0})}),Pv,"data-v-207f209f",false,undefined,!1,Dr,void 0,void 0);const Gv={components:{demolink:Jr,WTree:Av,WPopupEditText:Ou},props:{},data:function(){return{WTree:{option:{keywords:"abr care att",selections:[{id:5},{id:9},{id:18}],items:[{id:1,text:"Satisfied customers",avatar:"https://cdn.vuetifyjs.com/images/lists/1.jpg",children:[{id:2,text:"Good food",icon:"fas fa-utensils",children:[{id:3,text:"Quality ingredients",children:[{id:4,text:"Character",key:"Genus",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:5,text:"Fabric",key:"Genus",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:6,text:"Good recipe",key:"Family",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:7,text:"Good service",icon:"fas fa-concierge-bell",children:[{id:8,text:"Prompt attention",key:"Order",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:9,text:"Professional waiter",key:"Order",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:10,text:"Pleasant surroundings",icon:"fas fa-camera-retro",children:[{id:11,text:"Happy atmosphere",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:12,text:"Good table presentation",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:13,text:"Pleasing decor",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]}]},{id:14,text:"Others customers",avatar:"https://cdn.vuetifyjs.com/images/lists/2.jpg",children:[{id:15,text:"Conformance to requirements",key:"Phylum"},{id:16,text:"Fitness for use",children:[{id:17,text:"Refers",key:"Expanded",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:18,text:"Need to care",children:[{id:19,text:"Models",key:"Disables",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]}]}]},optionKeys:{items:[{sid:"s1",name:"Applications :",packages:[{sid:"s2",name:"Calendar : app"},{sid:"s3",name:"Chrome : app"},{sid:"s4",name:"Webstorm : app"}]},{sid:"s5",name:"Documents :",packages:[{sid:"s6",name:"vuetify :",packages:[{sid:"s7",name:"src :",packages:[{sid:"s8",name:"index : ts"},{sid:"s9",name:"bootstrap : ts"}]}]},{sid:"s10",name:"material2 :",packages:[{sid:"s11",name:"src :",packages:[{sid:"s12",name:"t-btn : ts"},{sid:"s13",name:"t-card : ts"},{sid:"s14",name:"t-window : ts"}]}]}]},{sid:"s15",name:"Downloads :",packages:[{sid:"s16",name:"October : pdf"},{sid:"s17",name:"November : pdf"},{sid:"s18",name:"Tutorial : html"}]},{sid:"s19",name:"Videos :",packages:[{sid:"s20",name:"Tutorials :",packages:[{sid:"s21",name:"Basic layouts : mp4"},{sid:"s22",name:"Advanced techniques : mp4"},{sid:"s23",name:"All about app : dir"}]},{sid:"s24",name:"Intro : mov"},{sid:"s25",name:"Conference introduction : avi"}]}]},optionLocked:{selections:[{id:5},{id:9},{id:18}],items:[{id:1,text:"Satisfied customers",avatar:"https://cdn.vuetifyjs.com/images/lists/1.jpg",children:[{id:2,locked:!0,text:"Good food",icon:"fas fa-utensils",children:[{id:3,text:"Quality ingredients",children:[{id:4,locked:!0,text:"Character",key:"Genus",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:5,text:"Fabric",key:"Genus",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:6,text:"Good recipe",key:"Family",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:7,text:"Good service",icon:"fas fa-concierge-bell",children:[{id:8,text:"Prompt attention",key:"Order",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:9,text:"Professional waiter",key:"Order",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:10,text:"Pleasant surroundings",icon:"fas fa-camera-retro",children:[{id:11,text:"Happy atmosphere",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:12,text:"Good table presentation",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."},{id:13,text:"Pleasing decor",key:"Class",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]}]},{id:14,text:"Others customers",avatar:"https://cdn.vuetifyjs.com/images/lists/2.jpg",children:[{id:15,text:"Conformance to requirements",key:"Phylum"},{id:16,text:"Fitness for use",children:[{id:17,text:"Refers",key:"Expanded",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]},{id:18,text:"Need to care",children:[{id:19,text:"Models",key:"Disables",msg:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero."}]}]}]},optionLarge:{selections:[],items:function(n){function e(n){var e='{"id":"{n+1}","text":"Satisfied customers","avatar":"https://cdn.vuetifyjs.com/images/lists/1.jpg","children":[{"id":"{n+2}","text":"Good food","icon":"fas fa-utensils","children":[{"id":"{n+3}","text":"Quality ingredients","children":[{"id":"{n+4}","text":"Character","key":"Genus","msg":"{msg}"},{"id":"{n+5}","text":"Fabric","key":"Genus","msg":"{msg}"}]},{"id":"{n+6}","text":"Good recipe","key":"Family","msg":"{msg}"}]},{"id":"{n+7}","text":"Good service","icon":"fas fa-concierge-bell","children":[{"id":"{n+8}","text":"Prompt attention","key":"Order","msg":"{msg}"},{"id":"{n+9}","text":"Professional waiter","key":"Order","children":[{"id":"{n+10}","text":"Others customers","avatar":"https://cdn.vuetifyjs.com/images/lists/2.jpg","children":[{"id":"{n+11}","text":"Conformance to requirements","key":"Phylum"},{"id":"{n+12}","text":"Fitness for use","children":[{"id":"{n+13}","text":"Refers","key":"Expanded","msg":"{msg}"}]},{"id":"{n+14}","text":"Need to care","children":[{"id":"{n+15}","text":"Models","key":"Disables","msg":"{msg}"}]}]}]}]},{"id":"{n+16}","text":"Pleasant surroundings","icon":"fas fa-camera-retro","children":[{"id":"{n+17}","text":"Happy atmosphere","key":"Class","msg":"{msg}"},{"id":"{n+18}","text":"Good table presentation","key":"Class","msg":"{msg}"},{"id":"{n+19}","text":"Pleasing decor","key":"Class","msg":"{msg}"},{"id":"{n+20}","text":"Special experience","key":"Class","msg":"{msg}"}]}]}';e=e.replace(new RegExp("{msg}","g"),"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.");for(var t=1;t<=20;t++)e=e.replace("{n+".concat(t,"}"),"".concat(n+t));return JSON.parse(e)}for(var t=[],o=0;o<5e3;o++){var r=e(20*o);t.push(r)}return t}()}},actions:[]}},methods:{showSelection:function(n){for(var e={},t=0;t<n.length;t++){var o=JSON.parse(JSON.stringify(n[t]));delete o.msg;var r=parseInt(o.id,10);e[r]=o}var i=[];return Object.keys(e).sort((function(n,e){return n-e})).forEach((function(n){i.push(e[n])})),i},click:function(n){console.log("click",n)},changeSections:function(n){console.log("changeSections",n)},changeViewItems:function(n){console.log("changeViewItems",n)},mouseenter:function(n){console.log("mouseenter",n),n.ele.style.transition="all 0.3s",n.ele.style.background="#f0f0f0"},mouseleave:function(n){console.log("mouseleave",n),n.ele.style.background="rgba(255, 255, 255, 0)"},clickOperateItem:function(n){console.log("clickOperateItem",n);var e=n.rowItem.index;n.operateItem(e,n.opItem.key,(function(){return new Promise((function(n,e){var t=Math.floor(1e3*Math.random());n({id:t,text:"node-"+t})}))}))},modifyText:function(n){console.log("modifyText",n);var e=n.props.setDataByPathAndValue,t=n.props.data.nk;t.push(n.props.keyText);var o=n.value;e(n.data,t,o)}}};var Rv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"default"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"iconHeight"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{iconHeight:24,data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"iconHeight & defItemHeight"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{iconHeight:24,defItemHeight:24,data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"viewHeightMax"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{viewHeightMax:300,data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"defaultDisplayLevel"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{defaultDisplayLevel:1,data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"filterKeywords & noResultsText"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("span",{staticStyle:{"padding-right":"10px"}},[n._v("Search :")]),n._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:n.WTree.option.keywords,expression:"WTree.option.keywords"}],staticStyle:{padding:"2px 15px",color:"#666",border:"1px solid #fca","border-radius":"30px",outline:"none"},domProps:{value:n.WTree.option.keywords},on:{input:function(e){e.target.composing||n.$set(n.WTree.option,"keywords",e.target.value)}}})]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{filterKeywords:n.WTree.option.keywords,noResultsText:"There are no items to show...",data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)}}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"draggable & dgPreviewOpacity & dgPreviewBorderWidth & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items,dgPreviewOpacity:.9,dgPreviewBorderWidth:3,dgPreviewBorderColor:"rgba(255,100,200,1)",dgPreviewBackground:"rgba(255,100,200,0.2)"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)}}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"draggable & dgInsertLineColor & dgInsertBackgroundColor & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items,dgInsertLineColor:"rgba(120,220,150,0.9)",dgInsertBackgroundColor:"rgba(50,220,100,0.1)",dgBelongBackgroundColor:"rgba(50,220,100,0.2)"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)}}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"draggable & dgTextDisabled & dgTextDisabledColor & dgTextDisabledPaddingLeft & dgTextDisabledFontSize & dgTextDisabledBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items,dgTextDisabled:"禁止拖曳至自己子節點當中",dgTextDisabledColor:"pink accent-3",dgTextDisabledPaddingLeft:13,dgTextDisabledFontSize:"0.8rem",dgTextDisabledBackgroundColor:"rgba(255,255,255,0.8)"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)}}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"operatable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"operatable & operateBtnTooltip & operateItemTextForInsertBefore & perateItemTextForInsertChild & operateItemTextForInsertAfter & operateItemTextForInsertDelete"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0,operateBtnTooltip:"編輯",operateItemTextForInsertBefore:"插入前項目",operateItemTextForInsertChild:"插入子項目",operateItemTextForInsertAfter:"插入後項目",operateItemTextForInsertDelete:"刪除項目"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"operatable & operateItemIconSize & operateItemPaddingStyle & operatePanelWidth & operatePanelHeight"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0,operateItemIconSize:18,operateItemPaddingStyle:{v:5,h:5},operatePanelWidth:130,operatePanelHeight:116.8},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"operatable & operateBtnBackgroundColor & operateBtnBackgroundColorHover & operateBtnBackgroundColorFocus"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0,operateBtnBackgroundColor:"rgba(230,230,230,0.4)",operateBtnBackgroundColorHover:"rgba(230,230,255,0.8)",operateBtnBackgroundColorFocus:"rgba(210,210,255,0.8)"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"operatable & operateItemBackgroundColor & operateItemBackgroundColorHover & operateItemTextColor & operateItemTextColorHover & operateItemIconColor & operateItemIconColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0,operateItemBackgroundColor:"blue-grey darken-1",operateItemBackgroundColorHover:"blue-grey",operateItemTextColor:"grey lighten-4",operateItemTextColorHover:"white",operateItemIconColor:"grey lighten-4",operateItemIconColorHover:"white"},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"paddingStyle"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{paddingStyle:{v:5,h:5},data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"indent"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{indent:.5,data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"iconToggleColor & iconToggleBackgroundColor & iconToggleBackgroundColorHover"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{iconToggleColor:"#d39a70",iconToggleBackgroundColor:"rgba(211,154,112,0.1)",iconToggleBackgroundColorHover:"rgba(211,154,112,0.3)",data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"keyPrimary & keyText & keyChildren"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{keyPrimary:"sid",keyText:"name",keyChildren:"packages",data:n.WTree.optionKeys.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"mouseenter & mouseleave & click & change-view-items"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items},on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave,click:n.click,"change-view-items":n.changeViewItems}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v(n._s(e.data.text))]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center","min-height":"34px"}},[n._v("\n                        "+n._s(e.data.text)+"\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"5px",background:"#fee","font-size":"0.7rem"}},[n._v("\n                        addition text\n                    ")])]}}])})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & operatable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using operatable")]),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,operatable:!0},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"click-operate-item":n.clickOperateItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center","min-height":"34px"}},[t("w-popup-edit-text",{attrs:{value:e.data.text},on:{input:function(t){n.modifyText({data:n.WTree.option.items,value:t,props:e})}}})],1)]}}])})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"selectable"}}),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,selectable:!0,selections:n.WTree.option.selections},on:{"update:selections":[function(e){return n.$set(n.WTree.option,"selections",e)},n.changeSections]}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.option.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & selectable"}}),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,selectable:!0,selections:n.WTree.option.selections},on:{"update:selections":[function(e){return n.$set(n.WTree.option,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v("\n                                            "+n._s(e.data.text)+"\n                                            "),t("div",{staticStyle:{display:"inline-block",color:"#26f","font-size":"0.7rem"}},[n._v("[id:"+n._s(e.data.id)+"]")])]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.option.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"selectable & draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items,selectable:!0,selections:n.WTree.option.selections},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"update:selections":[function(e){return n.$set(n.WTree.option,"selections",e)},n.changeSections]}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.option.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & selectable & draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide nodes when using draggable")]),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{draggable:!0,data:n.WTree.option.items,selectable:!0,selections:n.WTree.option.selections},on:{"update:data":function(e){return n.$set(n.WTree.option,"items",e)},"update:selections":[function(e){return n.$set(n.WTree.option,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v("\n                                            "+n._s(e.data.text)+"\n                                            "),t("div",{staticStyle:{display:"inline-block",color:"#26f","font-size":"0.7rem"}},[n._v("[id:"+n._s(e.data.id)+"]")])]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.option.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"filterKeywords & noResultsText & selectable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"10px"}},[t("span",{staticStyle:{"padding-right":"10px"}},[n._v("Search :")]),n._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:n.WTree.option.keywords,expression:"WTree.option.keywords"}],staticStyle:{padding:"2px 15px",color:"#666",border:"1px solid #fca","border-radius":"30px",outline:"none"},domProps:{value:n.WTree.option.keywords},on:{input:function(e){e.target.composing||n.$set(n.WTree.option,"keywords",e.target.value)}}})]),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,selectable:!0,selections:n.WTree.option.selections,filterKeywords:n.WTree.option.keywords,noResultsText:"There are no items to show..."},on:{"update:selections":[function(e){return n.$set(n.WTree.option,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v("\n                                            "+n._s(e.data.text)+"\n                                            "),t("div",{staticStyle:{display:"inline-block",color:"#26f","font-size":"0.7rem"}},[n._v("[id:"+n._s(e.data.id)+"]")])]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.option.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & locked & selectable"}}),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.optionLocked.items,selectable:!0,selections:n.WTree.optionLocked.selections,locked:"locked"},on:{"update:selections":[function(e){return n.$set(n.WTree.optionLocked,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v("\n                                            "+n._s(e.data.text)+"\n                                            "),t("div",{staticStyle:{display:"inline-block",color:"#26f","font-size":"0.7rem"}},[n._v("[id:"+n._s(e.data.id)+"]")])]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.optionLocked.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & iconUncheckedColor & iconUncheckedDisabledColor & iconCheckedColor & iconCheckedDisabledColor & iconCheckedPartiallyColor & iconCheckedPartiallyDisabledColor & locked & selectable"}}),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.optionLocked.items,selectable:!0,selections:n.WTree.optionLocked.selections,locked:"locked",iconUncheckedColor:"grey darken-1",iconUncheckedDisabledColor:"orange lighten-4",iconCheckedColor:"orange darken-2",iconCheckedDisabledColor:"orange lighten-4",iconCheckedPartiallyColor:"orange lighten-2",iconCheckedPartiallyDisabledColor:"orange lighten-4"},on:{"update:selections":[function(e){return n.$set(n.WTree.optionLocked,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex"}},[e.data.avatar?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"24px",height:"24px"},attrs:{src:e.data.avatar}})]):n._e(),n._v(" "),e.data.icon?t("div",{staticStyle:{display:"flex","align-items":"center","padding-right":"5px"}},[t("v-icon",{attrs:{size:"18",color:"deep-orange"}},[n._v(n._s(e.data.icon))])],1):n._e(),n._v(" "),t("div",{staticStyle:{padding:"5px 0px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"7px"}},[n._v("\n                                            "+n._s(e.data.text)+"\n                                            "),t("div",{staticStyle:{display:"inline-block",color:"#26f","font-size":"0.7rem"}},[n._v("[id:"+n._s(e.data.id)+"]")])]),n._v(" "),e.data.key?t("div",{staticStyle:{padding:"0px 9px","font-size":"0.7rem",color:"#fff","border-radius":"30px",background:"#f26"}},[n._v(n._s(e.data.key))]):n._e()]),n._v(" "),e.data.msg?t("div",{staticStyle:{"padding-right":"20px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999","text-indent":"1rem",padding:"12px 18px",background:"#fefafa"}},[n._v(n._s(e.data.msg))])]):n._e()])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.optionLocked.selections),null,4)))])])])])],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block",margin:"0px 10px 0px 0px"}},[t("demolink",{attrs:{kbname:"w-tree",casename:"slot & selectable & large data (100,000 items)"}}),n._v(" "),t("div",{style:"overflow-x:auto;"},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("w-tree",{staticStyle:{width:"500px",border:"1px solid #ddd"},attrs:{data:n.WTree.optionLarge.items,selectable:!0,selections:n.WTree.optionLarge.selections},on:{"update:selections":[function(e){return n.$set(n.WTree.optionLarge,"selections",e)},n.changeSections]},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center","min-height":"34px"}},[t("div",{staticStyle:{"margin-right":"5px"}},[n._v("\n                                    "+n._s(e.data.text)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{color:"#26f","font-size":"0.7rem"}},[n._v("\n                                    [id:"+n._s(e.data.id)+"]\n                                ")])])]}}])})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{style:"padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;"},[t("div",{staticStyle:{"margin-bottom":"5px"}},[n._v("selections: ")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem"}},[n._v(n._s(JSON.stringify(n.showSelection(n.WTree.optionLarge.selections),null,4)))])])])])],1)])])};Rv._withStripped=!0;const Lv=Fr({render:Rv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tree")])])}]},(function(n){n&&n("data-v-256af246_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTree.vue"},media:void 0})}),Gv,"data-v-256af246",false,undefined,!1,Dr,void 0,void 0);var Fv={},Kv={};function Yv(n){var e=n.tagName,t=n.path,o=n.attributes,r=void 0===o?{}:o,i=n.func,a=Ka();if("done"===Fv[t])return a.resolve("loaded"),a;if("loading"===Fv[t])return ys((function(){return"done"===Fv[t]})).then((function(){a.resolve("loaded")})),a;Fv[t]="loading";var l=document.createElement(e);return yt(r,(function(n,e){l.setAttribute(e,n)})),r.rel&&"stylesheet"===r.rel?(l.setAttribute("href",t),setTimeout((function(){a.resolve(l),Fv[t]="done"}),1)):(l.src=t,l.addEventListener("load",(function(){var n;xi(i)?n=ys(i):(n=Ka()).resolve(),n.then((function(){return Wd(500)})).then((function(){a.resolve(l),Fv[t]="done"}))})),l.addEventListener("error",(function(){a.reject(l),Fv[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(l),a}function Dv(n){var e=Ka();Va(n)||(n=[n]),yt(n,(function(e,t){rr(e)&&(n[t]={path:e})}));var t=Gr(tr(n,"path"),"|");return"done"===Kv[t]?(e.resolve("loaded"),e):"loading"===Kv[t]?(ys((function(){return"done"===Kv[t]})).then((function(){e.resolve("loaded")})),e):(Kv[t]="loading",yt(n,(function(n,e){n.type||(".js"===ll(n.path,3)?n.type="js":".css"===ll(n.path,4)?n.type="css":n.type="unknow")})),iu(n,(function(n){var e=Ka();if("js"===n.type)e=Yv({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=Yv({tagName:"link",path:n.path,attributes:{rel:"stylesheet"}});else{var t="invalid pathItem.type: "+n.type;console.log(t),e.reject(t)}return e})).finally((function(){Kv[t]="done"})))}function zv(){var n=Ip();return t.default||n.Vue}function Ev(n){n.SVGRenderer.prototype.symbols.heart=function(n,e,t,o){return["M",n+t/2-.00299999999999995*t/2*2,e+o/2-.29748*o/2*2,"c",.04036*t/2*2,-.09566*o/2*2,.13256*t/2*2,-.1625*o/2*2,.2398*t/2*2,-.1625*o/2*2,"c",.14446*t/2*2,0*o/2*2,.2485*t/2*2,.12358*o/2*2,.26158*t/2*2,.27086*o/2*2,"c",0*t/2*2,0*o/2*2,.00706*t/2*2,.03656*o/2*2,-.00848*t/2*2,.10238*o/2*2,"c",-.02116*t/2*2,.08964*o/2*2,-.0709*t/2*2,.16928*o/2*2,-.13796*t/2*2,.23006*o/2*2,"L",n+t/2-.00299999999999995*t/2*2,e+o/2+.46*o/2*2,"L",n+t/2-.35196*t/2*2,e+o/2+.1433*o/2*2,"c",-.06706*t/2*2,-.06076*o/2*2,-.1168*t/2*2,-.14042*o/2*2,-.13796*t/2*2,-.23006*o/2*2,"c",-.01554*t/2*2,-.06582*o/2*2,-.00848*t/2*2,-.10238*o/2*2,-.00848*t/2*2,-.10238*o/2*2,"C",n+t/2-.48532*t/2*2,e+o/2-.33642*o/2*2,n+t/2-.38128*t/2*2,e+o/2-.46*o/2*2,n+t/2-.23682*t/2*2,e+o/2-.46*o/2*2,"C",n+t/2-.12956*t/2*2,e+o/2-.46*o/2*2,n+t/2-.04336*t/2*2,e+o/2-.39314*o/2*2,n+t/2-.00299999999999995*t/2*2,e+o/2-.29748*o/2*2,"z"]},n.SVGRenderer.prototype.symbols.star=function(n,e,t,o){return["M",n+t/2-.0346679898174915*t/2*2.4,e+o/2-.455796694999353*o/2*2.4,"c",.00653665271605471*t/2*2.4,-.0132027440997541*o/2*2.4,.0199982741510981*t/2*2.4,-.021573111274108*o/2*2.4,.0347111360400397*t/2*2.4,-.021573111274108*o/2*2.4,"c",.0147128618889416*t/2*2.4,0*o/2*2.4,.0281960564352591*t/2*2.4,.00837036717435389*o/2*2.4,.0347111360400397*t/2*2.4,.021573111274108*o/2*2.4,"l",.124498425162877*t/2*2.4,.252297536350693*o/2*2.4,"c",.00563058204254218*t/2*2.4,.0114121758640031*o/2*2.4,.0165465763472408*t/2*2.4,.0193295077016007*o/2*2.4,.029166846442594*t/2*2.4,.0211632221598999*o/2*2.4,"L",n+t/2+.466842127971696*t/2*2.4,e+o/2-.141886352849808*o/2*2.4,"c",.0146049963325711*t/2*2.4,.00211416490486258*o/2*2.4,.0266859386460715*t/2*2.4,.0123398196487897*o/2*2.4,.0312378651249083*t/2*2.4,.0263407688656858*o/2*2.4,"c",.00455192647883678*t/2*2.4,.0140009492168961*o/2*2.4,.000755058894593778*t/2*2.4,.0294041506666091*o/2*2.4,-.00979419251844501*t/2*2.4,.0396729516330845*o/2*2.4,"l",-.20144971307762*t/2*2.4,.196401605039479*o/2*2.4,"c",-.00912542606894766*t/2*2.4,.00888812184493248*o/2*2.4,-.0132890365448505*t/2*2.4,.0217025499417526*o/2*2.4,-.0111532985287138*t/2*2.4,.0342581007032834*o/2*2.4,"l",.0475471372481339*t/2*2.4,.277322345428658*o/2*2.4,"c",.00245933468524831*t/2*2.4,.0145402769987488*o/2*2.4,-.00347327091513138*t/2*2.4,.0292099926651422*o/2*2.4,-.0154247745609872*t/2*2.4,.0378823833973336*o/2*2.4,"c",-.0119299305345817*t/2*2.4,.00862924450964318*o/2*2.4,-.0276998748759546*t/2*2.4,.0097726194071709*o/2*2.4,-.040773180308064*t/2*2.4,.00295551624455279*o/2*2.4,"l",-.249039996548302*t/2*2.4,-.130948785433835*o/2*2.4,"c",-.0112611640850844*t/2*2.4,-.00593260560037969*o/2*2.4,-.0247443586314018*t/2*2.4,-.00593260560037969*o/2*2.4,-.0360270958277603*t/2*2.4,0*o/2*2.4,"l",-.249039996548302*t/2*2.4,.130927212322561*o/2*2.4,"c",-.0130301592095612*t/2*2.4,.00683867627389222*o/2*2.4,-.0288432497734823*t/2*2.4,.00571687448763861*o/2*2.4,-.040773180308064*t/2*2.4,-.00293394313327868*o/2*2.4,"c",-.0119299305345817*t/2*2.4,-.00865081762091729*o/2*2.4,-.0178841092462355*t/2*2.4,-.0233421063985848*o/2*2.4,-.0154032014497131*t/2*2.4,-.0378823833973336*o/2*2.4,"l",.0475471372481339*t/2*2.4,-.277322345428658*o/2*2.4,"c",.0021573111274108*t/2*2.4,-.0125555507615308*o/2*2.4,-.00202787245976615*t/2*2.4,-.025369978858351*o/2*2.4,-.0111532985287138*t/2*2.4,-.0342581007032834*o/2*2.4,"L",n+t/2-.488307373689434*t/2*2.4,e+o/2-.0758726323510376*o/2*2.4,"c",-.0105492514130388*t/2*2.4,-.0102903740777495*o/2*2.4,-.0143461189972818*t/2*2.4,-.0256720024161885*o/2*2.4,-.00979419251844501*t/2*2.4,-.0396729516330845*o/2*2.4,"c",.00455192647883678*t/2*2.4,-.0140009492168961*o/2*2.4,.0166544419036113*t/2*2.4,-.0242266039608232*o/2*2.4,.0312594382361824*t/2*2.4,-.0263407688656858*o/2*2.4,"l",.278465720326185*t/2*2.4,-.0404495836389524*o/2*2.4,"c",.012598696984079*t/2*2.4,-.00183371445829918*o/2*2.4,.0235146912887777*t/2*2.4,-.00975104629589679*o/2*2.4,.0291452733313198*t/2*2.4,-.021184795271174*o/2*2.4,"L",n+t/2-.0346679898174915*t/2*2.4,e+o/2-.455796694999353*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.lightning=function(n,e,t,o){return["M",n+t/2-.250043500503772*t/2*2.4,e+o/2+.493685914901553*o/2*2.4,"l",.320080353505411*t/2*2.4,-.321539053033105*o/2*2.4,"c",.0131293376774795*t/2*2.4,-.0131282957492454*o/2*2.4,.00375198357087561*t/2*2.4,-.0355297527816879*o/2*2.4,-.0147953809237527*t/2*2.4,-.0355297527816879*o/2*2.4,"h",-.0255272417346438*t/2*2.4,"c",-.0173991595806864*t/2*2.4,0*o/2*2.4,-.0271943269091512*t/2*2.4,-.020110256845729*o/2*2.4,-.0163572313466193*t/2*2.4,-.0337584747837738*o/2*2.4,"l",.169729067401296*t/2*2.4,-.214012059277381*o/2*2.4,"c",.0108360536342978*t/2*2.4,-.0136492598662789*o/2*2.4,.00114716298570787*t/2*2.4,-.0337584747837738*o/2*2.4,-.0163582732748534*t/2*2.4,-.0337584747837738*o/2*2.4,"h",-.0853328804418609*t/2*2.4,"c",-.017191815862107*t/2*2.4,0*o/2*2.4,-.0269859412623377*t/2*2.4,-.0195882508004614*o/2*2.4,-.0166708517450735*t/2*2.4,-.033341703490147*o/2*2.4,"L",n+t/2+.281548284517259*t/2*2.4,e+o/2-.466658296509853*o/2*2.4,"c",.0103150895172642*t/2*2.4,-.0137534526896856*o/2*2.4,.000520964117033547*t/2*2.4,-.033341703490147*o/2*2.4,-.0166708517450735*t/2*2.4,-.033341703490147*o/2*2.4,"h",-.342898581831481*t/2*2.4,"c",-.00791969650714398*t/2*2.4,0*o/2*2.4,-.0152131941456136*t/2*2.4,.0044802914064885*o/2*2.4,-.018650515389801*t/2*2.4,.0115654033981447*o/2*2.4,"l",-.167646252861395*t/2*2.4,.339147640188839*o/2*2.4,"c",-.00687672634484282*t/2*2.4,.0138576455130923*o/2*2.4,.00322997752560799*t/2*2.4,.030111725964539*o/2*2.4,.018650515389801*t/2*2.4,.030111725964539*o/2*2.4,"h",.0773110749677784*t/2*2.4,"c",.015420537864193*t/2*2.4,0*o/2*2.4,.0255272417346438*t/2*2.4,.0162540804514467*o/2*2.4,.018650515389801*t/2*2.4,.030111725964539*o/2*2.4,"l",-.11461210574738*t/2*2.4,.231933224903335*o/2*2.4,"c",-.00687672634484282*t/2*2.4,.0138586874413264*o/2*2.4,.00322997752560799*t/2*2.4,.030111725964539*o/2*2.4,.018650515389801*t/2*2.4,.030111725964539*o/2*2.4,"h",.0728307835612899*t/2*2.4,"c",.015420537864193*t/2*2.4,0*o/2*2.4,.025422006983003*t/2*2.4,.0160456948046332*o/2*2.4,.0187547082132077*t/2*2.4,.0299022983894915*o/2*2.4,"L",n+t/2-.283489396817326*t/2*2.4,e+o/2+.469930993093058*o/2*2.4,"C",n+t/2-.29380448633459*t/2*2.4,e+o/2+.491081094316386*o/2*2.4,n+t/2-.266610159425439*t/2*2.4,e+o/2+.510356766646627*o/2*2.4,n+t/2-.250043500503772*t/2*2.4,e+o/2+.493685914901553*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.music=function(n,e,t,o){return["M",n+t/2-.173765853578759*t/2*2.4,e+o/2-.345738852409417*o/2*2.4,"v",.5832808628599*o/2*2.4,"c",-.029180397576273*t/2*2.4,-.0212076113532476*o/2*2.4,-.0665891193955401*t/2*2.4,-.0339681579184077*o/2*2.4,-.10732596838688*t/2*2.4,-.0339681579184077*o/2*2.4,"c",-.092997440531192*t/2*2.4,0*o/2*2.4,-.168655093179384*t/2*2.4,.0664869041875527*o/2*2.4,-.168655093179384*t/2*2.4,.148212051581883*o/2*2.4,"s",.0756576526481916*t/2*2.4,.148212051581883*o/2*2.4,.168655093179384*t/2*2.4,.148212051581883*o/2*2.4,"s",.168655093179384*t/2*2.4,-.0664869041875527*o/2*2.4,.168655093179384*t/2*2.4,-.148212051581883*o/2*2.4,"V",e+o/2-.154631166643498*o/2*2.4,"l",.500854519138776*t/2*2.4,-.123915496643253*o/2*2.4,"v",.377002395924475*o/2*2.4,"c",-.029180397576273*t/2*2.4,-.0212076113532476*o/2*2.4,-.0665891193955401*t/2*2.4,-.0339681579184077*o/2*2.4,-.10732596838688*t/2*2.4,-.0339681579184077*o/2*2.4,"c",-.092997440531192*t/2*2.4,0*o/2*2.4,-.168655093179384*t/2*2.4,.0664869041875527*o/2*2.4,-.168655093179384*t/2*2.4,.148212051581883*o/2*2.4,"s",.0756576526481916*t/2*2.4,.148212051581883*o/2*2.4,.168655093179384*t/2*2.4,.148212051581883*o/2*2.4,"s",.168655093179384*t/2*2.4,-.0664869041875527*o/2*2.4,.168655093179384*t/2*2.4,-.148212051581883*o/2*2.4,"V",e+o/2-.5*o/2*2.4,"L",n+t/2-.173765853578759*t/2*2.4,e+o/2-.345738852409417*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.fire=function(n,e,t,o){return["M",n+t/2-.18950469043152*t/2*2.4,e+o/2+.500624765478424*o/2*2.4,"c",-.0666885553470919*t/2*2.4,-.138765478424015*o/2*2.4,-.0311744840525328*t/2*2.4,-.218279549718574*o/2*2.4,.0200806754221388*t/2*2.4,-.293193245778612*o/2*2.4,"c",.0561294559099437*t/2*2.4,-.0820412757973734*o/2*2.4,.0705947467166979*t/2*2.4,-.163251407129456*o/2*2.4,.0705947467166979*t/2*2.4,-.163251407129456*o/2*2.4,"s",.0441238273921201*t/2*2.4,.0573602251407129*o/2*2.4,.0264727954971857*t/2*2.4,.147073170731707*o/2*2.4,"c",.0779512195121951*t/2*2.4,-.0867729831144465*o/2*2.4,.0926622889305816*t/2*2.4,-.225024390243902*o/2*2.4,.080891181988743*t/2*2.4,-.277971857410882*o/2*2.4,"c",.176198874296435*t/2*2.4,.123133208255159*o/2*2.4,.251502814258912*t/2*2.4,.389750469043152*o/2*2.4,.150018761726079*t/2*2.4,.587343339587242*o/2*2.4,"c",.539765478424015*t/2*2.4,-.305395872420263*o/2*2.4,.134262664165103*t/2*2.4,-.762362101313321*o/2*2.4,.0636660412757974*t/2*2.4,-.813836772983114*o/2*2.4,"c",.0235328330206379*t/2*2.4,.0514727954971857*o/2*2.4,.0279962476547842*t/2*2.4,.138611632270169*o/2*2.4,-.0195422138836773*t/2*2.4,.180900562851782*o/2*2.4,"C",n+t/2+.122204502814259*t/2*2.4,e+o/2-.437461538461538*o/2*2.4,n+t/2-.0767673545966229*t/2*2.4,e+o/2-.5*o/2*2.4,n+t/2-.0767673545966229*t/2*2.4,e+o/2-.5*o/2*2.4,"c",.0235328330206379*t/2*2.4,.157367729831144*o/2*2.4,-.0853020637898687*t/2*2.4,.329448405253283*o/2*2.4,-.190251407129456*t/2*2.4,.458030018761726*o/2*2.4,"c",-.00368667917448405*t/2*2.4,-.062750469043152*o/2*2.4,-.00760412757973734*t/2*2.4,-.106050656660413*o/2*2.4,-.0406022514071295*t/2*2.4,-.166099437148218*o/2*2.4,"C",n+t/2-.315028142589118*t/2*2.4,e+o/2-.0940769230769231*o/2*2.4,n+t/2-.402144465290807*t/2*2.4,e+o/2-.001155722326454*o/2*2.4,n+t/2-.425735459662289*t/2*2.4,e+o/2+.113058161350844*o/2*2.4,"C",n+t/2-.4576904315197*t/2*2.4,e+o/2+.267729831144465*o/2*2.4,n+t/2-.401799249530957*t/2*2.4,e+o/2+.380979362101313*o/2*2.4,n+t/2-.18950469043152*t/2*2.4,e+o/2+.500624765478424*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols["triangle-right"]=function(n,e,t,o){return["M",n+t/2+.377830568633617*t/2*2.4,e+o/2-.0708519812365121*o/2*2.4,"L",n+t/2-.287609895198425*t/2*2.4,e+o/2-.490118585587953*o/2*2.4,"c",-.0196723712379336*t/2*2.4,-.0117121036557787*o/2*2.4,-.0441002270054662*t/2*2.4,-.00976080429716609*o/2*2.4,-.0625492670781769*t/2*2.4,-.00976080429716609*o/2*2.4,"c",-.0737961602908427*t/2*2.4,0*o/2*2.4,-.0734687899790225*t/2*2.4,.0569753567690273*o/2*2.4,-.0734687899790225*t/2*2.4,.0714098030178374*o/2*2.4,"v",.85693486623046*o/2*2.4,"c",0*t/2*2.4,.0122031591235091*o/2*2.4,-.000323062807717324*t/2*2.4,.0714141105219403*o/2*2.4,.0734687899790225*t/2*2.4,.0714141105219403*o/2*2.4,"c",.0184490400727107*t/2*2.4,0*o/2*2.4,.0428812033443462*t/2*2.4,.00194268435040684*o/2*2.4,.0625492670781769*t/2*2.4,-.00976511180126899*o/2*2.4,"l",.665436156327939*t/2*2.4,-.419262296847338*o/2*2.4,"c",.0546191520247423*t/2*2.4,-.0325001184563628*o/2*2.4,.0451814105352935*t/2*2.4,-.0708541349885636*o/2*2.4,.0451814105352935*t/2*2.4,-.0708541349885636*o/2*2.4,"S",n+t/2+.432449720658359*t/2*2.4,e+o/2-.0383561702842522*o/2*2.4,n+t/2+.377830568633617*t/2*2.4,e+o/2-.0708519812365121*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.bird=function(n,e,t,o){return["M",n+t/2+.474393012321027*t/2*2.4,e+o/2+.0249962350867603*o/2*2.4,"c",-.00676568853291092*t/2*2.4,-.00228962501464133*o/2*2.4,-.0249516138928087*t/2*2.4,-.00962981141967906*o/2*2.4,-.0299463987907656*t/2*2.4,-.0167803577504225*o/2*2.4,"c",-.000794815017262824*t/2*2.4,-.00113505162114375*o/2*2.4,-.00203026432479767*t/2*2.4,-.00358085081461567*o/2*2.4,-.00359479493772555*t/2*2.4,-.00667644614500773*o/2*2.4,"c",-.00919196595402901*t/2*2.4,-.0181942918337637*o/2*2.4,-.0307216920356746*t/2*2.4,-.0608019544082951*o/2*2.4,-.0741966790676401*t/2*2.4,-.0608019544082951*o/2*2.4,"c",-.00683540914846029*t/2*2.4,0*o/2*2.4,-.0140026884269356*t/2*2.4,.00107927512870426*o/2*2.4,-.0213066201118876*t/2*2.4,.00320993713989302*o/2*2.4,"c",-.040870224835041*t/2*2.4,.0119250140835643*o/2*2.4,-.0604840284013899*t/2*2.4,.0390379670584036*o/2*2.4,-.0748018540106087*t/2*2.4,.0588330442251809*o/2*2.4,"c",-.00824655440717955*t/2*2.4,.0114007150546331*o/2*2.4,-.0147612487241127*t/2*2.4,.0204058297589898*o/2*2.4,-.0220986463045285*t/2*2.4,.0218141861930871*o/2*2.4,"c",-.00230914678699515*t/2*2.4,.000443423114893997*o/2*2.4,-.00447327469364762*t/2*2.4,.000666529084651982*o/2*2.4,-.00643660722751789*t/2*2.4,.000666529084651982*o/2*2.4,"c",-.0069999498011568*t/2*2.4,0*o/2*2.4,-.0109210372196534*t/2*2.4,-.00266053868936398*o/2*2.4,-.0116544980952328*t/2*2.4,-.0079091066279206*o/2*2.4,"c",-.00275535872651112*t/2*2.4,-.01971420125274*o/2*2.4,-.00212508436194481*t/2*2.4,-.0442976902954481*o/2*2.4,-.00145855527729283*t/2*2.4,-.0703257904923391*o/2*2.4,"c",.00110158572568005*t/2*2.4,-.0430566633386693*o/2*2.4,.0023481903317028*t/2*2.4,-.0918583053986067*o/2*2.4,-.011966846452894*t/2*2.4,-.130146078633699*o/2*2.4,"c",-.0233368844366853*t/2*2.4,-.0624250503382844*o/2*2.4,-.0754377060244189*t/2*2.4,-.112715924746356*o/2*2.4,-.117303541249505*t/2*2.4,-.15312320469415*o/2*2.4,"c",-.0104608811570276*t/2*2.4,-.0100983339561708*o/2*2.4,-.0203416867926844*t/2*2.4,-.0196361141633247*o/2*2.4,-.0288141359942439*t/2*2.4,-.0284041787748136*o/2*2.4,"c",-.00325455833384462*t/2*2.4,-.00401869628026572*o/2*2.4,-.00663740260030008*t/2*2.4,-.00767484535967471*o/2*2.4,-.00990869388187654*t/2*2.4,-.0112138638049608*o/2*2.4,"c",-.00474936833122312*t/2*2.4,-.00513422612905565*o/2*2.4,-.00923658714798061*t/2*2.4,-.00998399214666986*o/2*2.4,-.0125106672541791*t/2*2.4,-.0150903300295058*o/2*2.4,"c",-.0140500984455092*t/2*2.4,-.0219034285809903*o/2*2.4,-.0238918605364583*t/2*2.4,-.0467518559627859*o/2*2.4,-.0323977756334815*t/2*2.4,-.070222603981326*o/2*2.4,"c",-.000805970315750724*t/2*2.4,-.00256850747683881*o/2*2.4,-.0016063629822575*t/2*2.4,-.00515932555065342*o/2*2.4,-.00239838917489835*t/2*2.4,-.0077752430460658*o/2*2.4,"c",-.00127170402762052*t/2*2.4,-.00419160340682816*o/2*2.4,-.00267169398785188*t/2*2.4,-.0073875964236113*o/2*2.4,-.0042752681454874*t/2*2.4,-.0097580973522899*o/2*2.4,"C",n+t/2+.00469080301416158*t/2*2.4,e+o/2-.489801268357438*o/2*2.4,n+t/2-.000766926771043119*t/2*2.4,e+o/2-.5*o/2*2.4,n+t/2-.00918917712940709*t/2*2.4,e+o/2-.5*o/2*2.4,"c",-.00131353639695014*t/2*2.4,0*o/2*2.4,-.00266332751398596*t/2*2.4,.000256571865221684*o/2*2.4,-.00400475215715585*t/2*2.4,.000764137946421101*o/2*2.4,"c",-.0144823662619153*t/2*2.4,.00547725155755855*o/2*2.4,-.0176616263309665*t/2*2.4,.0355101039116054*o/2*2.4,-.0204699727252952*t/2*2.4,.0620095154696102*o/2*2.4,"c",-.00144182232956098*t/2*2.4,.0136094641552371*o/2*2.4,-.0028027687450847*t/2*2.4,.0264659456625411*o/2*2.4,-.00545494096058275*t/2*2.4,.032782633431314*o/2*2.4,"c",-.00342467663578508*t/2*2.4,.00815731201927635*o/2*2.4,-.00873459871602514*t/2*2.4,.0129819786152928*o/2*2.4,-.0143568691539264*t/2*2.4,.0180855276735067*o/2*2.4,"c",-.00664855789878798*t/2*2.4,.00603780530657549*o/2*2.4,-.0135230105919559*t/2*2.4,.0122791948105551*o/2*2.4,-.0167413142057149*t/2*2.4,.0240536123645328*o/2*2.4,"c",-.00321830361375894*t/2*2.4,.0117632622554898*o/2*2.4,557764924394964e-20*t/2*2.4,.0185345284376447*o/2*2.4,.00312627240123378*t/2*2.4,.0250798998254196*o/2*2.4,"c",.00262428396927831*t/2*2.4,.00551350627764422*o/2*2.4,.0051063378828359*t/2*2.4,.0107174530222492*o/2*2.4,.00375654676580009*t/2*2.4,.0193962752458349*o/2*2.4,"c",-.00141393408334123*t/2*2.4,.00910830121536977*o/2*2.4,-.00580633286295158*t/2*2.4,.0140277878485334*o/2*2.4,-.0104553035077836*t/2*2.4,.0192401010670043*o/2*2.4,"c",-.00495574135324926*t/2*2.4,.00555533864697385*o/2*2.4,-.010084389833061*t/2*2.4,.011300317368242*o/2*2.4,-.0109572919397391*t/2*2.4,.0218113973684651*o/2*2.4,"c",-.000903579177519843*t/2*2.4,.010854105428726*o/2*2.4,.00480514482366262*t/2*2.4,.0179014652484564*o/2*2.4,.0103270175751728*t/2*2.4,.0247201414491848*o/2*2.4,"c",.00482745542063842*t/2*2.4,.0059597182171602*o/2*2.4,.00938718367756725*t/2*2.4,.0115903551289274*o/2*2.4,.00927563069268826*t/2*2.4,.0195998594432391*o/2*2.4,"c",-94820037147144e-18*t/2*2.4,.00679636560375264*o/2*2.4,-.00412188279127879*t/2*2.4,.0101792098702081*o/2*2.4,-.00921706537562679*t/2*2.4,.0144628444895614*o/2*2.4,"c",-.00667644614500773*t/2*2.4,.00560832631479137*o/2*2.4,-.0149843546938707*t/2*2.4,.0125887543435943*o/2*2.4,-.0122596730382013*t/2*2.4,.0293886338663707*o/2*2.4,"c",.00180158070579574*t/2*2.4,.0110995219954598*o/2*2.4,.00913061181234557*t/2*2.4,.0168946995599235*o/2*2.4,.0155978961107052*t/2*2.4,.0220066150920033*o/2*2.4,"c",.00621907890700385*t/2*2.4,.00491669780854161*o/2*2.4,.0100202468667555*t/2*2.4,.00821587733633783*o/2*2.4,.00974415322918003*t/2*2.4,.0138242036511292*o/2*2.4,"c",-.000209161846648112*t/2*2.4,.0042641128469995*o/2*2.4,-.00152269824359825*t/2*2.4,.00882105227930636*o/2*2.4,-.00291153290534171*t/2*2.4,.0136429300507008*o/2*2.4,"c",-.00331870130015004*t/2*2.4,.0115122680395121*o/2*2.4,-.00708082571519407*t/2*2.4,.0245611784457323*o/2*2.4,.00265496104012003*t/2*2.4,.0388622711072192*o/2*2.4,"c",.00350834137444433*t/2*2.4,.00515374790140947*o/2*2.4,.0151879388912749*t/2*2.4,.0154863431258262*o/2*2.4,.0281615510327018*t/2*2.4,.0260643549169767*o/2*2.4,"c",-.0356188680718624*t/2*2.4,-.0163146240385527*o/2*2.4,-.0885200823261028*t/2*2.4,-.0369073050472148*o/2*2.4,-.143839207527595*t/2*2.4,-.0455889160954224*o/2*2.4,"c",-.0907399867251948*t/2*2.4,-.0142369496951815*o/2*2.4,-.17874134767161*t/2*2.4,-.0494347052491257*o/2*2.4,-.226020291487949*t/2*2.4,-.068345725010737*o/2*2.4,"c",-.0222548204833591*t/2*2.4,-.00890192819334363*o/2*2.4,-.0322639120516267*t/2*2.4,-.0128397485595721*o/2*2.4,-.0362100988917211*t/2*2.4,-.0128397485595721*o/2*2.4,"c",-.00255735217835091*t/2*2.4,0*o/2*2.4,-.00339957721418731*t/2*2.4,.00157010826217182*o/2*2.4,-.00364499378092109*t/2*2.4,.00224779264531171*o/2*2.4,"c",-.000939833897605515*t/2*2.4,.00260197337230251*o/2*2.4,.00131632522157212*t/2*2.4,.0050505613903964*o/2*2.4,.00673222263744722*t/2*2.4,.00954893550564179*o/2*2.4,"l",.0145688198251965*t/2*2.4,.0120895547362609*o/2*2.4,"c",.0195412941261776*t/2*2.4,.0162030710536737*o/2*2.4,.0348770407224171*t/2*2.4,.0289173225052569*o/2*2.4,.0413945238639723*t/2*2.4,.0353148861880672*o/2*2.4,"c",-.00318483771829525*t/2*2.4,-.00113226279652178*o/2*2.4,-.00774456597522408*t/2*2.4,-.00298961999475701*o/2*2.4,-.0136540853491887*t/2*2.4,-.00555533864697385*o/2*2.4,"c",-.00312069475198983*t/2*2.4,-.00135536876627976*o/2*2.4,-.00562784808714519*t/2*2.4,-.000819914438860598*o/2*2.4,-.00701389392426668*t/2*2.4,.00120198341207115*o/2*2.4,"c",-.000666529084651982*t/2*2.4,.000973299793069213*o/2*2.4,-.000990032740801062*t/2*2.4,.00220317145136011*o/2*2.4,-.000990032740801062*t/2*2.4,.00375654676580009*o/2*2.4,"c",0*t/2*2.4,.0172460914622923*o/2*2.4,.0496661776927496*t/2*2.4,.102057037041169*o/2*2.4,.118276841042574*t/2*2.4,.183889517923776*o/2*2.4,"c",.0495183699877849*t/2*2.4,.0590561501949388*o/2*2.4,.144653544317212*t/2*2.4,.158131933715216*o/2*2.4,.225451371265067*t/2*2.4,.158131933715216*o/2*2.4,"c",.00482187777139447*t/2*2.4,0*o/2*2.4,.00956566845337364*t/2*2.4,-.000354180726990802*o/2*2.4,.014181173202742*t/2*2.4,-.00105696453172846*o/2*2.4,"c",-.0321300484697719*t/2*2.4,.0332427894939399*o/2*2.4,-.148923234813456*t/2*2.4,.120836982045547*o/2*2.4,-.252475081852003*t/2*2.4,.163818347119423*o/2*2.4,"c",-.125128983138766*t/2*2.4,.0519390697596591*o/2*2.4,-.181616625856866*t/2*2.4,.0786281213919581*o/2*2.4,-.185568390346205*t/2*2.4,.0994773742658419*o/2*2.4,"c",-.000898001528275893*t/2*2.4,.00473821303273522*o/2*2.4,.000741827349445303*t/2*2.4,.00916686653243124*o/2*2.4,.00487486543921199*t/2*2.4,.0131604633910992*o/2*2.4,"c",.00550235097915633*t/2*2.4,.00531549972948401*o/2*2.4,.010636577108212*t/2*2.4,.00778918716917568*o/2*2.4,.0161612386843441*t/2*2.4,.00778918716917568*o/2*2.4,"c",.0038987768215208*t/2*2.4,0*o/2*2.4,.0074768388115145*t/2*2.4,-.00124660460602275*o/2*2.4,.0109349813427633*t/2*2.4,-.00245137684271587*o/2*2.4,"c",.00354180726990802*t/2*2.4,-.00123266048291287*o/2*2.4,.00720353399856097*t/2*2.4,-.00250994215977734*o/2*2.4,.0113477273868156*t/2*2.4,-.00250994215977734*o/2*2.4,"c",.0046294488724782*t/2*2.4,0*o/2*2.4,.0094373825207628*t/2*2.4,.00162030710536737*o/2*2.4,.0146943169331853*t/2*2.4,.00495016370400531*o/2*2.4,"c",.0131214198463915*t/2*2.4,.008307908548863*o/2*2.4,.0288782789605493*t/2*2.4,.0171763708467429*o/2*2.4,.0499088054348614*t/2*2.4,.0171763708467429*o/2*2.4,"c",.0219090062302342*t/2*2.4,0*o/2*2.4,.046082538053512*t/2*2.4,-.00958519022572746*o/2*2.4,.0739038524823328*t/2*2.4,-.0293021803030895*o/2*2.4,"c",.00521231321847094*t/2*2.4,-.00369240379949466*o/2*2.4,.00993937095271827*t/2*2.4,-.00534059915108178*o/2*2.4,.0153357465962395*t/2*2.4,-.00534059915108178*o/2*2.4,"c",.00304539648719651*t/2*2.4,0*o/2*2.4,.00603222765733154*t/2*2.4,.000507566081199418*o/2*2.4,.00918917712940704*t/2*2.4,.00104302040861858*o/2*2.4,"c",.00344140958351693*t/2*2.4,.000582864345992738*o/2*2.4,.00700273862577878*t/2*2.4,.00118803928896127*o/2*2.4,.0109405589920072*t/2*2.4,.00118803928896127*o/2*2.4,"c",0*t/2*2.4,0*o/2*2.4,0*t/2*2.4,0*o/2*2.4,0*t/2*2.4,0*o/2*2.4,"c",.00895491586116115*t/2*2.4,0*o/2*2.4,.0174775639059162*t/2*2.4,-.00333264542325991*o/2*2.4,.0268117599156659*t/2*2.4,-.0104887694032473*o/2*2.4,"c",.0688756016889122*t/2*2.4,-.0527924500939834*o/2*2.4,.143984226407938*t/2*2.4,-.0626760445542622*o/2*2.4,.22350756050355*t/2*2.4,-.0731425033605337*o/2*2.4,"c",.0938049049847451*t/2*2.4,-.0123461266014825*o/2*2.4,.190803014161651*t/2*2.4,-.0251105768962613*o/2*2.4,.295116210321998*t/2*2.4,-.105336694796611*o/2*2.4,"c",.0887766541913245*t/2*2.4,-.0682732155705656*o/2*2.4,.10629605046657*t/2*2.4,-.12689988677372*o/2*2.4,.117891983244742*t/2*2.4,-.165698014914634*o/2*2.4,"c",.00122150518442497*t/2*2.4,-.00408562807119311*o/2*2.4,.0023705009286786*t/2*2.4,-.00793699487414034*o/2*2.4,.00353065197142013*t/2*2.4,-.0115317898118659*o/2*2.4,"c",.0116154545505251*t/2*2.4,-.036003725869695*o/2*2.4,.0184257642773877*t/2*2.4,-.044414820929571*o/2*2.4,.0269316793744109*t/2*2.4,-.0473402979580226*o/2*2.4,"c",.00564179221025507*t/2*2.4,-.00194102193689448*o/2*2.4,.019608225917105*t/2*2.4,-.00758281414714954*o/2*2.4,.0319320419216117*t/2*2.4,-.0125580772727526*o/2*2.4,"c",.00867045574971972*t/2*2.4,-.0034999749005784*o/2*2.4,.0161612386843441*t/2*2.4,-.00652584961542108*o/2*2.4,.0182361242030934*t/2*2.4,-.00723978871864664*o/2*2.4,"c",.00305934061030638*t/2*2.4,-.00105138688248451*o/2*2.4,.00342188781116311*t/2*2.4,-.00292547702845159*o/2*2.4,.00336611131872361*t/2*2.4,-.00395176448933832*o/2*2.4,"C",n+t/2+.482369050739875*t/2*2.4,e+o/2+.0292519814598939*o/2*2.4,n+t/2+.48223518715802*t/2*2.4,e+o/2+.026800604617178*o/2*2.4,n+t/2+.474393012321027*t/2*2.4,e+o/2+.0249962350867603*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.waterdrop=function(n,e,t,o){return["M",n+t/2-.0205541367899812*t/2*2.4,e+o/2-.48813744140708*o/2*2.4,"l",-.274554741011032*t/2*2.4,.478822760251696*o/2*2.4,"c",-.0576948494875922*t/2*2.4,.101229448223448*o/2*2.4,-.0621509797349924*t/2*2.4,.22994623376746*o/2*2.4,0*t/2*2.4,.338336645534665*o/2*2.4,"c",.0934288600520197*t/2*2.4,.162939063362962*o/2*2.4,.301257299037495*t/2*2.4,.219289757037051*o/2*2.4,.464197542519696*t/2*2.4,.125859716865792*o/2*2.4,"c",.162940243482201*t/2*2.4,-.0934288600520197*o/2*2.4,.21929093715629*t/2*2.4,-.301256118918256*o/2*2.4,.125860896985031*t/2*2.4,-.464197542519696*o/2*2.4,"L",n+t/2+.0203948206926828*t/2*2.4,e+o/2-.48813744140708*o/2*2.4,"C",n+t/2+.0113256043390625*t/2*2.4,e+o/2-.50395457957072*o/2*2.4,n+t/2-.0114861005556001*t/2*2.4,e+o/2-.50395457957072*o/2*2.4,n+t/2-.0205541367899812*t/2*2.4,e+o/2-.48813744140708*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.checkok=function(n,e,t,o){return["M",n+t/2-.0473304157549234*t/2*2.4,e+o/2+.338774617067834*o/2*2.4,"c",-.0453391684901532*t/2*2.4,.0453391684901532*o/2*2.4,-.11890590809628*t/2*2.4,.0453391684901532*o/2*2.4,-.164223194748359*t/2*2.4,0*o/2*2.4,"L",n+t/2-.465995623632385*t/2*2.4,e+o/2+.0843326039387309*o/2*2.4,"c",-.0453391684901532*t/2*2.4,-.0453172866520788*o/2*2.4,-.0453391684901532*t/2*2.4,-.118884026258206*o/2*2.4,0*t/2*2.4,-.164201312910284*o/2*2.4,"c",.0453172866520788*t/2*2.4,-.0453391684901532*o/2*2.4,.118884026258206*t/2*2.4,-.0453391684901532*o/2*2.4,.164223194748359*t/2*2.4,0*o/2*2.4,"l",.151597374179431*t/2*2.4,.151575492341357*o/2*2.4,"c",.0114442013129103*t/2*2.4,.0114223194748359*o/2*2.4,.0300218818380744*t/2*2.4,.0114223194748359*o/2*2.4,.0414879649890591*t/2*2.4,0*o/2*2.4,"L",n+t/2+.301794310722101*t/2*2.4,e+o/2-.338774617067834*o/2*2.4,"c",.0453172866520788*t/2*2.4,-.0453391684901532*o/2*2.4,.118884026258206*t/2*2.4,-.0453391684901532*o/2*2.4,.164223194748359*t/2*2.4,0*o/2*2.4,"c",.0217724288840263*t/2*2.4,.0217724288840263*o/2*2.4,.0340043763676149*t/2*2.4,.0513129102844639*o/2*2.4,.0340043763676149*t/2*2.4,.0821006564551422*o/2*2.4,"c",0*t/2*2.4,.0307877461706783*o/2*2.4,-.0122319474835886*t/2*2.4,.060328227571116*o/2*2.4,-.0340043763676149*t/2*2.4,.0821006564551422*o/2*2.4,"L",n+t/2-.0473304157549234*t/2*2.4,e+o/2+.338774617067834*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.crescent=function(n,e,t,o){return["M",n+t/2+.138471409617852*t/2*2.4,e+o/2+.235933183983296*o/2*2.4,"c",-.167279291819823*t/2*2.4,-.0212497553124388*o/2*2.4,-.300933075233269*t/2*2.4,-.15764403941101*o/2*2.4,-.319159579789895*t/2*2.4,-.325314831328708*o/2*2.4,"c",-.0167692541923136*t/2*2.4,-.15425103856276*o/2*2.4,.0614872653718163*t/2*2.4,-.291841572960393*o/2*2.4,.183483045870761*t/2*2.4,-.361963590490898*o/2*2.4,"c",.0237075059268765*t/2*2.4,-.0136155034038759*o/2*2.4,.0138982534745634*t/2*2.4,-.0499380124845031*o/2*2.4,-.0134197533549383*t/2*2.4,-.048633012158253*o/2*2.4,"c",-.0305805076451269*t/2*2.4,.00145725036431259*o/2*2.4,-.0617917654479414*t/2*2.4,.00585075146268787*o/2*2.4,-.0934597733649433*t/2*2.4,.0135285033821258*o/2*2.4,"C",n+t/2-.315016203754051*t/2*2.4,e+o/2-.435141483785371*o/2*2.4,n+t/2-.472029493007373*t/2*2.4,e+o/2-.250766687691672*o/2*2.4,n+t/2-.486297496574374*t/2*2.4,e+o/2-.0341366335341584*o/2*2.4,"c",-.0191835047958762*t/2*2.4,.291645822911456*o/2*2.4,.211649302912326*t/2*2.4,.534114883528721*o/2*2.4,.499140874785219*t/2*2.4,.534114883528721*o/2*2.4,"c",.219196554799139*t/2*2.4,0*o/2*2.4,.405398351349588*t/2*2.4,-.140961785240446*o/2*2.4,.47301911825478*t/2*2.4,-.337212084303021*o/2*2.4,"c",.00900450225112556*t/2*2.4,-.0261652565413141*o/2*2.4,-.0230985057746264*t/2*2.4,-.0459360114840029*o/2*2.4,-.0430432607608152*t/2*2.4,-.0267525066881267*o/2*2.4,"C",n+t/2+.365737216434304*t/2*2.4,e+o/2+.210007177501794*o/2*2.4,n+t/2+.256726189181547*t/2*2.4,e+o/2+.250940687735172*o/2*2.4,n+t/2+.138471409617852*t/2*2.4,e+o/2+.235933183983296*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.cross=function(n,e,t,o){return["M",n+t/2+.34101148422569*t/2*2.4,e+o/2-.493991012345112*o/2*2.4,"c",-.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,-.0211261543052933*t/2*2.4,-.00801198353985043*o/2*2.4,-.0291381378451437*t/2*2.4,0*o/2*2.4,"L",n+t/2+.0145690689225718*t/2*2.4,e+o/2-.196686734887138*o/2*2.4,"c",-.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,-.0211261543052933*t/2*2.4,.00801198353985043*o/2*2.4,-.0291381378451437*t/2*2.4,0*o/2*2.4,"L",n+t/2-.311867607137323*t/2*2.4,e+o/2-.493991012345112*o/2*2.4,"c",-.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,-.0211261543052933*t/2*2.4,-.00801198353985043*o/2*2.4,-.0291381378451437*t/2*2.4,0*o/2*2.4,"L",n+t/2-.493991012345112*t/2*2.4,e+o/2-.34101148422569*o/2*2.4,"c",-.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,-.00801198353985043*t/2*2.4,.0211261543052933*o/2*2.4,0*t/2*2.4,.0291381378451437*o/2*2.4,"l",.297304277457974*t/2*2.4,.297304277457974*o/2*2.4,"c",.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,.00801198353985043*t/2*2.4,.0211261543052933*o/2*2.4,0*t/2*2.4,.0291381378451437*o/2*2.4,"L",n+t/2-.493991012345112*t/2*2.4,e+o/2+.311873346380546*o/2*2.4,"c",-.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,-.00801198353985043*t/2*2.4,.0211261543052933*o/2*2.4,0*t/2*2.4,.0291381378451437*o/2*2.4,"l",.152979528119422*t/2*2.4,.152979528119422*o/2*2.4,"c",.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,.0211261543052933*t/2*2.4,.00801198353985043*o/2*2.4,.0291381378451437*t/2*2.4,0*o/2*2.4,"l",.297304277457974*t/2*2.4,-.297304277457974*o/2*2.4,"c",.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,.0211261543052933*t/2*2.4,-.00801198353985043*o/2*2.4,.0291381378451437*t/2*2.4,0*o/2*2.4,"l",.297298538214751*t/2*2.4,.297298538214751*o/2*2.4,"c",.00801198353985043*t/2*2.4,.00801198353985043*o/2*2.4,.0211261543052933*t/2*2.4,.00801198353985043*o/2*2.4,.0291381378451437*t/2*2.4,0*o/2*2.4,"l",.152979528119422*t/2*2.4,-.152979528119422*o/2*2.4,"c",.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,.00801198353985043*t/2*2.4,-.0211261543052933*o/2*2.4,0*t/2*2.4,-.0291381378451437*o/2*2.4,"l",-.297298538214751*t/2*2.4,-.297298538214751*o/2*2.4,"c",-.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,-.00801198353985043*t/2*2.4,-.0211261543052933*o/2*2.4,0*t/2*2.4,-.0291381378451437*o/2*2.4,"l",.297298538214751*t/2*2.4,-.297298538214751*o/2*2.4,"c",.00801198353985043*t/2*2.4,-.00801198353985043*o/2*2.4,.00801198353985043*t/2*2.4,-.0211261543052933*o/2*2.4,0*t/2*2.4,-.0291381378451437*o/2*2.4,"L",n+t/2+.34101148422569*t/2*2.4,e+o/2-.493991012345112*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.plus=function(n,e,t,o){return["M",n+t/2+.478833739020002*t/2*2.4,e+o/2-.126584823790877*o/2*2.4,"H",n+t/2+.126584823790877*t/2*2.4,"V",e+o/2-.478833739020002*o/2*2.4,"c",0*t/2*2.4,-.0116837760609588*o/2*2.4,-.00948248491903905*t/2*2.4,-.0211662609799979*o/2*2.4,-.0211662609799979*t/2*2.4,-.0211662609799979*o/2*2.4,"H",n+t/2-.105418562810879*t/2*2.4,"c",-.0116837760609588*t/2*2.4,0*o/2*2.4,-.0211662609799979*t/2*2.4,.00948248491903905*o/2*2.4,-.0211662609799979*t/2*2.4,.0211662609799979*o/2*2.4,"v",.352248915229125*o/2*2.4,"H",n+t/2-.478833739020002*t/2*2.4,"c",-.0116837760609588*t/2*2.4,0*o/2*2.4,-.0211662609799979*t/2*2.4,.00948248491903905*o/2*2.4,-.0211662609799979*t/2*2.4,.0211662609799979*o/2*2.4,"v",.210837125621759*o/2*2.4,"c",0*t/2*2.4,.0116837760609588*o/2*2.4,.00948248491903905*t/2*2.4,.0211662609799979*o/2*2.4,.0211662609799979*t/2*2.4,.0211662609799979*o/2*2.4,"h",.352248915229125*t/2*2.4,"V",e+o/2+.478833739020002*o/2*2.4,"c",0*t/2*2.4,.0116837760609588*o/2*2.4,.00948248491903905*t/2*2.4,.0211662609799979*o/2*2.4,.0211662609799979*t/2*2.4,.0211662609799979*o/2*2.4,"h",.210837125621759*t/2*2.4,"c",.0116837760609588*t/2*2.4,0*o/2*2.4,.0211662609799979*t/2*2.4,-.00948248491903905*o/2*2.4,.0211662609799979*t/2*2.4,-.0211662609799979*o/2*2.4,"V",e+o/2+.126584823790877*o/2*2.4,"H",n+t/2+.478833739020002*t/2*2.4,"c",.0116837760609588*t/2*2.4,0*o/2*2.4,.0211662609799979*t/2*2.4,-.00948248491903905*o/2*2.4,.0211662609799979*t/2*2.4,-.0211662609799979*o/2*2.4,"V",e+o/2-.105418562810879*o/2*2.4,"C",n+t/2+.5*t/2*2.4,e+o/2-.117102338871838*o/2*2.4,n+t/2+.490538681341941*t/2*2.4,e+o/2-.126584823790877*o/2*2.4,n+t/2+.478833739020002*t/2*2.4,e+o/2-.126584823790877*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.apple=function(n,e,t,o){return["M",n+t/2+.193029461297872*t/2*2.4,e+o/2-.255888978806238*o/2*2.4,"c",-.0571947245248354*t/2*2.4,-.00124669189212834*o/2*2.4,-.110386911922311*t/2*2.4,.0232497101988145*o/2*2.4,-.154699153561821*t/2*2.4,.0630344918090156*o/2*2.4,"c",-.00752389492793246*t/2*2.4,-.0518580083550229*o/2*2.4,-.0277990420157039*t/2*2.4,-.0934581483344634*o/2*2.4,-.0277990420157039*t/2*2.4,-.0934581483344634*o/2*2.4,"c",.23986789440301*t/2*2.4,-.0324796045580805*o/2*2.4,.172808993679053*t/2*2.4,-.213315544279434*o/2*2.4,.172808993679053*t/2*2.4,-.213315544279434*o/2*2.4,"c",-.169243892303318*t/2*2.4,-.00717394632663328*o/2*2.4,-.202073445462698*t/2*2.4,.0941361737494806*o/2*2.4,-.20557293147569*t/2*2.4,.160626407996326*o/2*2.4,"c",-.0521642133811596*t/2*2.4,-.0557730583320575*o/2*2.4,-.111043065549747*t/2*2.4,-.0876839964130268*o/2*2.4,-.135648826578596*t/2*2.4,-.0988167362918571*o/2*2.4,"c",-.0234246844994641*t/2*2.4,-.0105859451893003*o/2*2.4,-.0509393932766125*t/2*2.4,.00161851228100873*o/2*2.4,-.0606942105378273*t/2*2.4,.0253494018066097*o/2*2.4,"c",-.00975481726121476*t/2*2.4,.0237965048883445*o/2*2.4,.00205594803263271*t/2*2.4,.0499551628354585*o/2*2.4,.0253931453817721*t/2*2.4,.0606723387502461*o/2*2.4,"c",.0308610922770718*t/2*2.4,.0141947901401982*o/2*2.4,.127753111261783*t/2*2.4,.049233393845279*o/2*2.4,.15706130662059*t/2*2.4,.162048074189103*o/2*2.4,"c",-.0450121388421076*t/2*2.4,-.0417094989173465*o/2*2.4,-.0994728899192931*t/2*2.4,-.0661402856455458*o/2*2.4,-.15815489599965*t/2*2.4,-.0661402856455458*o/2*2.4,"c",-.154546051048752*t/2*2.4,0*o/2*2.4,-.297412567529144*t/2*2.4,.127840598412108*o/2*2.4,-.24754489184401*t/2*2.4,.3779663611907*o/2*2.4,"c",.0408127556265174*t/2*2.4,.204654316397279*o/2*2.4,.189803372629645*t/2*2.4,.377922617615538*o/2*2.4,.344349423678397*t/2*2.4,.377922617615538*o/2*2.4,"c",.0402878327245686*t/2*2.4,0*o/2*2.4,.071980052929726*t/2*2.4,-.0115264320552919*o/2*2.4,.096826403621968*t/2*2.4,-.0322608866822685*o/2*2.4,"c",.0248900942674045*t/2*2.4,.0206907110518143*o/2*2.4,.0565604426849806*t/2*2.4,.0324577327704993*o/2*2.4,.0968482754095492*t/2*2.4,.0322608866822685*o/2*2.4,"c",.159817151855821*t/2*2.4,-.000984230441153956*o/2*2.4,.296187747424597*t/2*2.4,-.164147765796899*o/2*2.4,.344349423678397*t/2*2.4,-.377922617615538*o/2*2.4,"C",n+t/2+.489304695872794*t/2*2.4,e+o/2-.0942345967935959*o/2*2.4,n+t/2+.376424400166226*t/2*2.4,e+o/2-.25190831346646*o/2*2.4,n+t/2+.193029461297872*t/2*2.4,e+o/2-.255888978806238*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.cloud=function(n,e,t,o){return["M",n+t/2+.355521739130435*t/2*2.4,e+o/2-.0217826086956521*o/2*2.4,"c",.00152173913043478*t/2*2.4,-.00871739130434783*o/2*2.4,.00247826086956522*t/2*2.4,-.0176521739130435*o/2*2.4,.00247826086956522*t/2*2.4,-.0267826086956522*o/2*2.4,"c",0*t/2*2.4,-.0853478260869565*o/2*2.4,-.069195652173913*t/2*2.4,-.154521739130435*o/2*2.4,-.154521739130435*t/2*2.4,-.154521739130435*o/2*2.4,"c",-.0185869565217391*t/2*2.4,0*o/2*2.4,-.0363913043478261*t/2*2.4,.00345652173913044*o/2*2.4,-.0529565217391304*t/2*2.4,.0095*o/2*2.4,"c",-.050304347826087*t/2*2.4,-.078*o/2*2.4,-.137760869565217*t/2*2.4,-.129782608695652*o/2*2.4,-.237478260869565*t/2*2.4,-.129782608695652*o/2*2.4,"c",-.156086956521739*t/2*2.4,0*o/2*2.4,-.282608695652174*t/2*2.4,.126521739130435*o/2*2.4,-.282608695652174*t/2*2.4,.282608695652174*o/2*2.4,"c",0*t/2*2.4,.00732608695652174*o/2*2.4,.000543478260869565*t/2*2.4,.0145217391304348*o/2*2.4,.00110869565217391*t/2*2.4,.0217173913043478*o/2*2.4,"C",n+t/2-.444*t/2*2.4,e+o/2-869565217391788e-19*o/2*2.4,n+t/2-.5*t/2*2.4,e+o/2+.0680652173913043*o/2*2.4,n+t/2-.5*t/2*2.4,e+o/2+.14945652173913*o/2*2.4,"c",0*t/2*2.4,.0960434782608696*o/2*2.4,.0778695652173913*t/2*2.4,.173913043478261*o/2*2.4,.173913043478261*t/2*2.4,.173913043478261*o/2*2.4,"h",.652173913043478*t/2*2.4,"c",.0960434782608696*t/2*2.4,0*o/2*2.4,.173913043478261*t/2*2.4,-.0778695652173913*o/2*2.4,.173913043478261*t/2*2.4,-.173913043478261*o/2*2.4,"C",n+t/2+.5*t/2*2.4,e+o/2+.0634782608695652*o/2*2.4,n+t/2+.437521739130435*t/2*2.4,e+o/2-.00776086956521738*o/2*2.4,n+t/2+.355521739130435*t/2*2.4,e+o/2-.0217826086956521*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.bread=function(n,e,t,o){return["M",n+t/2+.337417092645009*t/2*2.4,e+o/2-.165392252122851*o/2*2.4,"c",-.000295720501879937*t/2*2.4,-.000168983143931393*o/2*2.4,-.000528072324785603*t/2*2.4,-.00035908918085421*o/2*2.4,-.000802669933674116*t/2*2.4,-.000528072324785603*o/2*2.4,"c",-.00612563896751299*t/2*2.4,-.004034472561362*o/2*2.4,-.0140256009463056*t/2*2.4,-.00426682438426767*o/2*2.4,-.0203624688437328*t/2*2.4,-.000549195217777027*o/2*2.4,"c",-.00635799079041866*t/2*2.4,.00371762916649064*o/2*2.4,-.0100333741709264*t/2*2.4,.010709306746652*o/2*2.4,-.00944193316716658*t/2*2.4,.0180389506146762*o/2*2.4,"c",.00443580752819906*t/2*2.4,.0603481052764987*o/2*2.4,-.000168983143931393*t/2*2.4,.114549448692493*o/2*2.4,-.00475265092307042*t/2*2.4,.149190993198428*o/2*2.4,"c",-.000443580752819906*t/2*2.4,.00318955684170504*o/2*2.4,-.00310506526973934*t/2*2.4,.00559756664272739*o/2*2.4,-.00635799079041866*t/2*2.4,.00572430400067593*o/2*2.4,"c",-.00321067973469646*t/2*2.4,.000105614464957121*o/2*2.4,-.00602002450255587*t/2*2.4,-.00217565797811668*o/2*2.4,-.00667483418529002*t/2*2.4,-.00530184614084745*o/2*2.4,"c",-.0183980397955304*t/2*2.4,-.0931942038781632*o/2*2.4,-.0545815554898399*t/2*2.4,-.173482320138566*o/2*2.4,-.0772252967766465*t/2*2.4,-.217671412276625*o/2*2.4,"c",-.0024502555870052*t/2*2.4,-.00477377381606185*o/2*2.4,-.00675932575725571*t/2*2.4,-.00830129694562967*o/2*2.4,-.0119133116471632*t/2*2.4,-.00975877656203794*o/2*2.4,"c",-.0597355413797474*t/2*2.4,-.0167504541421993*o/2*2.4,-.115140889696253*t/2*2.4,-.0226014955008238*o/2*2.4,-.149592328165266*t/2*2.4,-.0244603100840691*o/2*2.4,"c",-.00606227028853872*t/2*2.4,-.000337966287862786*o/2*2.4,-.0119133116471632*t/2*2.4,.00221790376409953*o/2*2.4,-.0158421697435681*t/2*2.4,.00690718600819568*o/2*2.4,"c",-.00388661231042204*t/2*2.4,.00466815935110473*o/2*2.4,-.00532296903383887*t/2*2.4,.0109205356765663*o/2*2.4,-.00392885809640488*t/2*2.4,.016834945714165*o/2*2.4,"c",.021017278526467*t/2*2.4,.0875543914494529*o/2*2.4,.0154197118837396*t/2*2.4,.184191626885218*o/2*2.4,.0103502175657978*t/2*2.4,.233260107304296*o/2*2.4,"c",-.000337966287862786*t/2*2.4,.00314731105572219*o/2*2.4,-.00285159055384225*t/2*2.4,.00563981242871024*o/2*2.4,-.00597777871657302*t/2*2.4,.00589328714460733*o/2*2.4,"c",-.00312618816273077*t/2*2.4,.000295720501879937*o/2*2.4,-.00604114739554729*t/2*2.4,-.00171095433230535*o/2*2.4,-.00690718600819568*t/2*2.4,-.004731528030079*o/2*2.4,"c",-.0165603481052765*t/2*2.4,-.0574331460436821*o/2*2.4,-.0540957289510371*t/2*2.4,-.179417853069156*o/2*2.4,-.0912508977229521*t/2*2.4,-.242913269401377*o/2*2.4,"c",-.00378099784546492*t/2*2.4,-.00646360525537578*o/2*2.4,-.0109839043555405*t/2*2.4,-.010160111528875*o/2*2.4,-.0184191626885218*t/2*2.4,-.009463056060158*o/2*2.4,"c",-.0504414684635208*t/2*2.4,.00471040513708758*o/2*2.4,-.0989396307718305*t/2*2.4,.011955557433146*o/2*2.4,-.142157069832284*t/2*2.4,.0315364792361962*o/2*2.4,"c",-211228929914241e-19*t/2*2.4,0*o/2*2.4,-211228929914241e-19*t/2*2.4,0*o/2*2.4,-422457859828482e-19*t/2*2.4,0*o/2*2.4,"c",-.00855477166152676*t/2*2.4,0*o/2*2.4,-.01364538887246*t/2*2.4,.00918845845126949*o/2*2.4,-.0122301550420346*t/2*2.4,.018229056651599*o/2*2.4,"c",.0125892442228888*t/2*2.4,.0794643234337375*o/2*2.4,.00675932575725571*t/2*2.4,.153415571796713*o/2*2.4,.000950530184614085*t/2*2.4,.197287820539901*o/2*2.4,"c",-.000443580752819906*t/2*2.4,.00318955684170504*o/2*2.4,-.00308394237674792*t/2*2.4,.00490051117401039*o/2*2.4,-.00633686789742723*t/2*2.4,.00500612563896751*o/2*2.4,"c",-.00321067973469646*t/2*2.4,.000105614464957121*o/2*2.4,-.00604114739554729*t/2*2.4,-.00247137847999662*o/2*2.4,-.00667483418529002*t/2*2.4,-.00566093532170166*o/2*2.4,"c",-.0118921887541718*t/2*2.4,-.0602424908115415*o/2*2.4,-.0312618816273077*t/2*2.4,-.115288749947193*o/2*2.4,-.0495965527438638*t/2*2.4,-.158548434793629*o/2*2.4,"c",-.00266148451691944*t/2*2.4,-.00629462211144438*o/2*2.4,-.00789996197879262*t/2*2.4,-.0112162561784462*o/2*2.4,-.0144058130201512*t/2*2.4,-.0133707912635715*o/2*2.4,"c",-.0064847281483672*t/2*2.4,-.00217565797811668*o/2*2.4,-.0135820201934857*t/2*2.4,-.00147860250939969*o/2*2.4,-.0194964302310845*t/2*2.4,.00196442904820244*o/2*2.4,"C",n+t/2-.448058806134088*t/2*2.4,e+o/2-.100882936927042*o/2*2.4,n+t/2-.5*t/2*2.4,e+o/2-.0218833171391153*o/2*2.4,n+t/2-.5*t/2*2.4,e+o/2+.0587850111951334*o/2*2.4,"c",0*t/2*2.4,.171602382662329*o/2*2.4,.223860419923113*t/2*2.4,.191943728613071*o/2*2.4,.5*t/2*2.4,.191943728613071*o/2*2.4,"c",.276139580076887*t/2*2.4,0*o/2*2.4,.499978877107009*t/2*2.4,-.0203413459507414*o/2*2.4,.499978877107009*t/2*2.4,-.191943728613071*o/2*2.4,"C",n+t/2+.500042245785983*t/2*2.4,e+o/2-.0151662371678425*o/2*2.4,n+t/2+.453888724599721*t/2*2.4,e+o/2-.0879346035232986*o/2*2.4,n+t/2+.337417092645009*t/2*2.4,e+o/2-.165392252122851*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.spades=function(n,e,t,o){return["M",n+t/2+.298407374004609*t/2*2.4,e+o/2-.160009787506117*o/2*2.4,"C",n+t/2+.109377255860785*t/2*2.4,e+o/2-.300496125310078*o/2*2.4,n+t/2+.0442415901509938*t/2*2.4,e+o/2-.412956820598013*o/2*2.4,n+t/2+281250175782066e-20*t/2*2.4,e+o/2-.499998124998828*o/2*2.4,"l",0*t/2*2.4,0*o/2*2.4,"c",-375000234375147e-20*t/2*2.4,0*o/2*2.4,-375000234375147e-20*t/2*2.4,-187500117187573e-20*o/2*2.4,-375000234375147e-20*t/2*2.4,-187500117187573e-20*o/2*2.4,"v",187500117187573e-20*o/2*2.4,"c",-.0442350276468923*t/2*2.4,.0870413044008153*o/2*2.4,-.109374443359027*t/2*2.4,.199503874689922*o/2*2.4,-.298404561502851*t/2*2.4,.339988337492711*o/2*2.4,"c",-.322299576437235*t/2*2.4,.23953702471064*o/2*2.4,-.0189225118265699*t/2*2.4,.573894733684209*o/2*2.4,.247811404882128*t/2*2.4,.389868993668121*o/2*2.4,"c",-.0173793858621162*t/2*2.4,.114187571367232*o/2*2.4,-.0766894229308893*t/2*2.4,.197433873396171*o/2*2.4,-.136921960576225*t/2*2.4,.233280145800091*o/2*2.4,"v",.036860648037905*o/2*2.4,"h",.187515117196948*t/2*2.4,"h",.187515117196948*t/2*2.4,"v",-.0368550230343894*o/2*2.4,"c",-.0602362876476798*t/2*2.4,-.0358462724039203*o/2*2.4,-.119542574714109*t/2*2.4,-.119094449434031*o/2*2.4,-.136923835577397*t/2*2.4,-.233285770803607*o/2*2.4,"C",n+t/2+.317322385826491*t/2*2.4,e+o/2+.413888696180435*o/2*2.4,n+t/2+.620705075440672*t/2*2.4,e+o/2+.0795272372045234*o/2*2.4,n+t/2+.298407374004609*t/2*2.4,e+o/2-.160009787506117*o/2*2.4,"z"]},n.SVGRenderer.prototype.symbols.eradiate=function(n,e,t,o){return["m",n+t/2*1,e+t/2*0,"c",t/2*-.5519999999999999,t/2*0,t/2*-1,t/2*.44800000000000006,t/2*-1,t/2*1,"c",t/2*0,t/2*.5519999999999999,t/2*.44800000000000006,t/2*1,t/2*1,t/2*1,"s",t/2*1,t/2*-.44800000000000006,t/2*1,t/2*-1,"c",t/2*0,t/2*-.5519999999999999,t/2*-.44800000000000006,t/2*-1,t/2*-1,t/2*-1,"z","m",t/2*.746,t/2*.712,"l",t/2*-.27799999999999997,t/2*.11499999999999999,"c",t/2*-.051000000000000004,t/2*-.136,t/2*-.158,t/2*-.244,t/2*-.29500000000000004,t/2*-.294,"l",t/2*.11499999999999999,t/2*-.27799999999999997,"c",t/2*.21000000000000002,t/2*.08,t/2*.377,t/2*.24700000000000003,t/2*.458,t/2*.457,"z","m",t/2*-.746,t/2*.588,"c",t/2*-.16599999999999998,t/2*0,t/2*-.3,t/2*-.134,t/2*-.3,t/2*-.3,"s",t/2*.134,t/2*-.3,t/2*.3,t/2*-.3,"s",t/2*.3,t/2*.134,t/2*.3,t/2*.3,"s",t/2*-.134,t/2*.3,t/2*-.3,t/2*.3,"z","m",t/2*-.28700000000000003,t/2*-1.046,"l",t/2*.11699999999999999,t/2*.27799999999999997,"c",t/2*-.13799999999999998,t/2*.05,t/2*-.24700000000000003,t/2*.159,t/2*-.298,t/2*.29700000000000004,"l",t/2*-.27799999999999997,t/2*-.11599999999999999,"c",t/2*.081,t/2*-.211,t/2*.248,t/2*-.378,t/2*.45899999999999996,t/2*-.45899999999999996,"z","m",t/2*-.45899999999999996,t/2*1.033,"l",t/2*.27799999999999997,t/2*-.11499999999999999,"c",t/2*.051000000000000004,t/2*.13799999999999998,t/2*.159,t/2*.246,t/2*.29700000000000004,t/2*.296,"l",t/2*-.11699999999999999,t/2*.27799999999999997,"c",t/2*-.21000000000000002,t/2*-.081,t/2*-.377,t/2*-.248,t/2*-.458,t/2*-.45899999999999996,"z","m",t/2*1.034,t/2*.45899999999999996,"l",t/2*-.11499999999999999,t/2*-.27799999999999997,"c",t/2*.137,t/2*-.051000000000000004,t/2*.24500000000000002,t/2*-.159,t/2*.29500000000000004,t/2*-.29700000000000004,"l",t/2*.27799999999999997,t/2*.11699999999999999,"c",t/2*-.081,t/2*.21000000000000002,t/2*-.248,t/2*.377,t/2*-.458,t/2*.458,"z"]},n.SVGRenderer.prototype.symbols.rdout=function(n,e,t,o){return["m",n+t/2*1.49608,e+t/2*.009479999999999999,"l",t/2*.49433999999999995,t/2*.49438000000000004,"v",t/2*-.49438000000000004,"z","m",t/2*.49433999999999995,t/2*1.48316,"l",t/2*-.49433999999999995,t/2*.49438000000000004,"h",t/2*.49433999999999995,"z","m",t/2*-1.48302,t/2*.49438000000000004,"l",t/2*-.49433999999999995,t/2*-.49438000000000004,"v",t/2*.49438000000000004,"z","m",t/2*-.49433999999999995,t/2*-1.48316,"l",t/2*.49433999999999995,t/2*-.49438000000000004,"h",t/2*-.49433999999999995,"z","m",t/2*1.6004200000000002,t/2*-.11742,"c",t/2*-.33738,t/2*-.33742,t/2*-.8861000000000001,t/2*-.33742,t/2*-1.22348,t/2*0,"s",t/2*-.33738,t/2*.8861800000000001,t/2*0,t/2*1.2236,"s",t/2*.8861000000000001,t/2*.33742,t/2*1.22348,t/2*0,"s",t/2*.33738,t/2*-.8849600000000001,t/2*0,t/2*-1.2236,"z","m",t/2*-.13594,t/2*1.08766,"c",t/2*-.26324000000000003,t/2*.26326,t/2*-.6883600000000001,t/2*.26326,t/2*-.9516,t/2*0,"s",t/2*-.26324000000000003,t/2*-.68844,t/2*0,t/2*-.9517,"s",t/2*.6883600000000001,t/2*-.26326,t/2*.9516,t/2*0,"s",t/2*.26324000000000003,t/2*.68844,t/2*0,t/2*.9517,"z"]},n.SVGRenderer.prototype.symbols.gateway=function(n,e,t,o){return["m",n+t/2*1.185,e+t/2*.9949999999999999,"l",t/2*-.18,t/2*.18,"l",t/2*-.18,t/2*-.18,"l",t/2*.18,t/2*-.18,"l",t/2*.18,t/2*.18,"z","m",t/2*-.18,t/2*-.54,"l",t/2*.1908,t/2*.1908,"l",t/2*.225,t/2*-.225,"l",t/2*-.41580000000000006,t/2*-.41580000000000006,"l",t/2*-.41580000000000006,t/2*.41580000000000006,"l",t/2*.225,t/2*.225,"l",t/2*.1908,t/2*-.1908,"z","m",t/2*-.54,t/2*.54,"l",t/2*.1908,t/2*-.1908,"l",t/2*-.225,t/2*-.225,"l",t/2*-.41580000000000006,t/2*.41580000000000006,"l",t/2*.41580000000000006,t/2*.41580000000000006,"l",t/2*.225,t/2*-.225,"l",t/2*-.1908,t/2*-.1908,"z","m",t/2*1.08,t/2*0,"l",t/2*-.1908,t/2*.1908,"l",t/2*.225,t/2*.225,"l",t/2*.41580000000000006,t/2*-.41580000000000006,"l",t/2*-.41580000000000006,t/2*-.41580000000000006,"l",t/2*-.225,t/2*.225,"l",t/2*.1908,t/2*.1908,"z","m",t/2*-.54,t/2*.54,"l",t/2*-.1908,t/2*-.1908,"l",t/2*-.225,t/2*.225,"l",t/2*.41580000000000006,t/2*.41580000000000006,"l",t/2*.41580000000000006,t/2*-.41580000000000006,"l",t/2*-.225,t/2*-.225,"l",t/2*-.1908,t/2*.1908,"z"]},n.SVGRenderer.prototype.symbols.hloff=function(n,e,t,o){return["m",n+t/2*1.259,e+t/2*.6,"l",t/2*-.259,t/2*.259,"l",t/2*-.259,t/2*-.259,"l",t/2*-.141,t/2*.141,"l",t/2*.259,t/2*.259,"l",t/2*-.259,t/2*.259,"l",t/2*.141,t/2*.141,"l",t/2*.259,t/2*-.259,"l",t/2*.259,t/2*.259,"l",t/2*.141,t/2*-.141,"l",t/2*-.259,t/2*-.259,"l",t/2*.259,t/2*-.259,"l",t/2*-.141,t/2*-.141,"z","m",t/2*-.259,t/2*-.6,"c",t/2*-.553,t/2*0,t/2*-1,t/2*.44699999999999995,t/2*-1,t/2*1,"s",t/2*.44699999999999995,t/2*1,t/2*1,t/2*1,"s",t/2*1,t/2*-.44699999999999995,t/2*1,t/2*-1,"s",t/2*-.44699999999999995,t/2*-1,t/2*-1,t/2*-1,"z","m",t/2*0,t/2*1.8,"c",t/2*-.441,t/2*0,t/2*-.8,t/2*-.359,t/2*-.8,t/2*-.8,"s",t/2*.359,t/2*-.8,t/2*.8,t/2*-.8,"s",t/2*.8,t/2*.359,t/2*.8,t/2*.8,"s",t/2*-.359,t/2*.8,t/2*-.8,t/2*.8,"z"]}}t.default&&!window.Vue&&(window.Vue=t.default);const Nv={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.3.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js"]}},options:{type:Object,default:function(){}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window.Highcharts;Ev(t),t.setOptions({credits:{enabled:!1},global:{useUTC:!1},lang:{decimalPoint:".",thousandsSep:",",contextButtonTitle:"圖表匯出功能表",downloadJPEG:"下載 JPEG 圖片",downloadPDF:"下載 PDF 文件",downloadPNG:"下載 PNG 文件",downloadSVG:"下載 SVG 文件",downloadXLS:"下載 XLS 文件",openInCloud:"在 Highcharts Cloud 中打開",drillUpText:"返回 {series.name}",invalidDate:"無效的時間",loading:"載入中...",months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],noData:"沒有資料",printChart:"列印圖表",resetZoom:"重置縮放比例",resetZoomTitle:"重置為原始大小",shortMonths:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],weekdays:["星期天","星期一","星期二","星期三","星期四","星期五","星期六"],viewData:"查看資料",rangeSelectorFrom:"開始時間",rangeSelectorTo:"結束時間",rangeSelectorZoom:"範圍",zoomIn:"縮小",zoomOut:"放大"},tooltip:{dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%Y/%m/%d",week:"%Y/%m/%d",month:"%Y/%m",year:"%Y"}},xAxis:{dateTimeLabelFormats:{second:"%Y<br/>%m/%d",minute:"%Y<br/>%m/%d",hour:"%Y<br/>%m/%d",day:"%Y<br/>%m/%d",week:"%Y<br/>%m/%d",month:"%Y<br/>%m/%d",year:"%Y<br/>%m/%d"}},rangeSelector:{enabled:!1},plotOptions:{series:{dataGrouping:{dateTimeLabelFormats:{millisecond:["%Y/%m/%d %H:%M:%S.%L","%Y/%m/%d %H:%M:%S.%L"," ~ %H:%M:%S.%L"],second:["%Y/%m/%d %H:%M:%S","%Y/%m/%d %H:%M:%S"," ~ %H:%M:%S"],minute:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],hour:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],day:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],week:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],month:["%Y/%m","%Y/%m"," ~ %Y/%m"],year:["%Y","%Y"," ~ %Y"]}}}}});var o=window.VueHighcharts;o.default&&(o=o.default),zv().use(o,{Highcharts:t})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var Jv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Jv._withStripped=!0;const $v=Fr({render:Jv,staticRenderFns:[]},(function(n){n&&n("data-v-810fcc50_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),Nv,"data-v-810fcc50",false,undefined,!1,Dr,void 0,void 0);const Ov={components:{demolink:Jr,WHighchartsVueDyn:$v},props:{},data:function(){return{WHighchartsVueDyn:{options1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]},options2:{chart:{zoomType:"x"},title:{text:"USD to EUR exchange rate over time"},subtitle:{text:"Pinch the chart to zoom in"},xAxis:{type:"datetime"},yAxis:{title:{text:"Exchange rate"}},plotOptions:{area:{color:"rgba(255,175,150,1)",fillColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(255,175,150,1)"],[1,"rgba(255,175,150,0.1)"]]},marker:{radius:2},lineWidth:1,states:{hover:{lineWidth:1}},threshold:null}},series:[{type:"area",name:"USD to EUR",data:window.dataUSD2EUR}]},options3:{chart:{type:"bar"},title:{text:"Population pyramid for Germany, 2018"},subtitle:{text:"Population Pyramids of the World from 1950 to 2100"},accessibility:{point:{descriptionFormatter:function(n){return n.index+1+", Age "+n.category+", "+Math.abs(n.y)+"%. "+n.series.name+"."}}},xAxis:[{categories:["0-4","5-9","10-14","15-19","20-24","25-29","30-34","35-39","40-44","45-49","50-54","55-59","60-64","65-69","70-74","75-79","80-84","85-89","90-94","95-99","100 + "],reversed:!1,labels:{step:1},accessibility:{description:"Age (male)"}},{opposite:!0,reversed:!1,categories:["0-4","5-9","10-14","15-19","20-24","25-29","30-34","35-39","40-44","45-49","50-54","55-59","60-64","65-69","70-74","75-79","80-84","85-89","90-94","95-99","100 + "],linkedTo:0,labels:{step:1},accessibility:{description:"Age (female)"}}],yAxis:{title:{text:null},labels:{formatter:function(){return Math.abs(this.value)+"%"}},accessibility:{description:"Percentage population",rangeDescription:"Range: 0 to 5%"}},plotOptions:{series:{stacking:"normal"}},tooltip:{formatter:function(){return"<b>"+this.series.name+", age "+this.point.category+"</b><br/>Population: "+Math.abs(this.point.y).toFixed(1)+"%"}},series:[{name:"Male",color:"rgba(255,100,150,0.85)",data:[-2.2,-2.1,-2.2,-2.4,-2.7,-3,-3.3,-3.2,-2.9,-3.5,-4.4,-4.1,-3.4,-2.7,-2.3,-2.2,-1.6,-.6,-.3,-0,-0]},{name:"Female",color:"rgba(155,50,200,0.85)",data:[2.1,2,2.1,2.3,2.6,2.9,3.2,3.1,2.9,3.4,4.3,4,3.5,2.9,2.5,2.7,2.2,1.1,.6,.2,0]}]},options4:{chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Browser market shares in January, 2018"},tooltip:{pointFormat:"{series.name}: <b>{point.percentage:.1f}%</b>"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.percentage:.1f} %"}}},series:[{name:"Brands",colorByPoint:!0,data:[{name:"Chrome",y:61.41,sliced:!0,selected:!0},{name:"Internet Explorer",y:11.84},{name:"Firefox",y:10.85},{name:"Edge",y:4.67},{name:"Safari",y:4.18},{name:"Sogou Explorer",y:1.64},{name:"Opera",y:1.6},{name:"QQ",y:1.2},{name:"Other",y:2.61}]}]},options5:{chart:{type:"heatmap",marginTop:40,marginBottom:80,plotBorderWidth:1},title:{text:"Sales per employee per weekday"},xAxis:{categories:["Alexander","Marie","Maximilian","Sophia","Lukas","Maria","Leon","Anna","Tim","Laura"]},yAxis:{categories:["Monday","Tuesday","Wednesday","Thursday","Friday"],title:null,reversed:!0},colorAxis:{min:0,minColor:"#fff",maxColor:"rgba(255,120,120,1)"},legend:{align:"right",layout:"vertical",margin:0,verticalAlign:"top",y:25,symbolHeight:280},tooltip:{formatter:function(){return"<b>"+this.series.xAxis.categories[this.point.x]+"</b> sold <br/><b>"+this.point.value+"</b> items on <br/><b>"+this.series.yAxis.categories[this.point.y]+"</b>"}},series:[{name:"Sales per employee",color:"rgba(255,120,120,0.75)",borderWidth:1,data:[[0,0,10],[0,1,19],[0,2,8],[0,3,24],[0,4,67],[1,0,92],[1,1,58],[1,2,78],[1,3,117],[1,4,48],[2,0,35],[2,1,15],[2,2,123],[2,3,64],[2,4,52],[3,0,72],[3,1,132],[3,2,114],[3,3,19],[3,4,16],[4,0,38],[4,1,5],[4,2,8],[4,3,117],[4,4,115],[5,0,88],[5,1,32],[5,2,12],[5,3,6],[5,4,120],[6,0,13],[6,1,44],[6,2,88],[6,3,98],[6,4,96],[7,0,31],[7,1,1],[7,2,82],[7,3,32],[7,4,30],[8,0,85],[8,1,97],[8,2,123],[8,3,64],[8,4,84],[9,0,47],[9,1,114],[9,2,31],[9,3,48],[9,4,91]],dataLabels:{enabled:!0,color:"#000000"}}],responsive:{rules:[{condition:{maxWidth:500},chartOptions:{yAxis:{labels:{formatter:function(){return this.value.charAt(0)}}}}}]}},options6:{chart:{type:"heatmap",margin:[60,10,80,50]},boost:{useGPUTranslations:!0},title:{text:"Highcharts heat map",align:"left",x:40},subtitle:{text:"Temperature variation by day and hour through 2017",align:"left",x:40},xAxis:{type:"datetime",min:Date.UTC(2017,0,1),max:Date.UTC(2017,11,31,23,59,59),labels:{align:"left",x:5,y:14,format:"{value:%B}"},showLastLabel:!1,tickLength:16},yAxis:{title:{text:null},labels:{format:"{value}:00"},minPadding:0,maxPadding:0,startOnTick:!1,endOnTick:!1,tickPositions:[0,6,12,18,24],tickWidth:1,min:0,max:23,reversed:!0},colorAxis:{stops:[[0,"#3060cf"],[.5,"#fffbbc"],[.9,"#c4463a"],[1,"#c4463a"]],min:-15,max:25,startOnTick:!1,endOnTick:!1,labels:{format:"{value}℃"}},series:[{data:window.dataTemperature,boostThreshold:100,borderWidth:0,nullColor:"#EFEFEF",colsize:864e5,tooltip:{headerFormat:"Temperature<br/>",pointFormat:"{point.x:%e %b, %Y} {point.y}:00: <b>{point.value} ℃</b>"},turboThreshold:Number.MAX_VALUE}]}},actions:[]}}};var Mv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"line"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"area"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"bar"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"pie"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options4}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"heatmap"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options5}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-vue-dyn",casename:"large heatmap"}}),n._v(" "),t("w-highcharts-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighchartsVueDyn.options6}})],1)])])};Mv._withStripped=!0;const Qv=Fr({render:Mv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-highcharts-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//www.highcharts.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("highcharts")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.highcharts.com/demo",target:"_blank",rel:"noreferrer noopener"}},[n._v("highcharts examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/weizhenye/vue-highcharts",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-highcharts")])])}]},(function(n){n&&n("data-v-71be0ee0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWHighchartsVueDyn.vue"},media:void 0})}),Ov,"data-v-71be0ee0",false,undefined,!1,Dr,void 0,void 0);function Uv(n,e){if(!Jl(n))return"invalid eleParent";if(rr(e))n.insertAdjacentHTML("afterbegin",e);else{if(!Jl(e))return"invalid itemChild";n.insertBefore(e,n.firstChild)}}function qv(){return Ip().html2canvas}function nh(n,e){var t=Ip().canvg.Canvg,o=n.querySelectorAll("svg");yt(o,(function(n){var o=ui(n.getAttribute("width")),r=ui(n.getAttribute("height"));if(o<=0)return console.log("svg width <=0"),!0;if(r<=0)return console.log("svg height <=0"),!0;var i=document.createElement("canvas");i.width=o*e,i.height=r*e;var a=i.getContext("2d");t.fromString(a,n.parentNode.innerHTML,{ignoreDimensions:!0,scaleWidth:i.width,scaleHeight:i.height}).start();var l=new Image;l.src=i.toDataURL("image/png"),l.style.width="".concat(o,"px"),l.style.height="".concat(r,"px"),n.parentNode.appendChild(l),n.parentNode.removeChild(n)}))}function eh(n){return th.apply(this,arguments)}function th(){return(th=hs(fs.mark((function n(e){var t,o,r,i,a,l,s,c,d,u,p=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=p.length>1&&void 0!==p[1]?p[1]:{},Jl(e)){n.next=3;break}return n.abrupt("return",Promise.reject("invalid ele"));case 3:if(o=ie(t,"scale",1),Rl(o)){n.next=6;break}return n.abrupt("return",Promise.reject("opt.scale is not number"));case 6:if(!(o<1)){n.next=8;break}return n.abrupt("return",Promise.reject("opt.scale can not less then 1"));case 8:if("image/jpeg"===(r=ie(t,"picType","image/jpeg"))||"image/png"===r){n.next=11;break}return n.abrupt("return",Promise.reject("opt.picType is not image/jpeg or image/png"));case 11:if(i=ie(t,"toBase64",!0),Ra(i)){n.next=14;break}return n.abrupt("return",Promise.reject("opt.toBase64 is not boolean"));case 14:return a=e.cloneNode(!0),Xl()&&nh(a,o),(l=document.createElement("div")).style.position="absolute",l.style.top=0,l.style.left=0,l.style.zIndex=-1,l.appendChild(a),(s=document.createElement("div")).style.position="relative",s.appendChild(l),Uv(document.querySelector("body"),s),c=qv(),n.next=30,c(l,{logging:!1,scale:o,x:0,y:0});case 30:return d=n.sent,u=d,i&&(u=d.toDataURL(r,1)),$l(s),n.abrupt("return",u);case 35:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function oh(n){return rh.apply(this,arguments)}function rh(){return(rh=hs(fs.mark((function n(e){var t,o,r,i=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=i.length>1&&void 0!==i[1]?i[1]:{},Id(o=i.length>2?i[2]:void 0)||(o=["https://cdn.jsdelivr.net/npm/canvg@3.0.7/lib/umd.js","https://cdn.jsdelivr.net/npm/html2canvas@1.3.2/dist/html2canvas.min.js"]),n.next=5,Dv(o);case 5:return r=eh(e,t),n.abrupt("return",r);case 7:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function ih(){return Ip().htmlToImage}function ah(n){return lh.apply(this,arguments)}function lh(){return(lh=hs(fs.mark((function n(e){var t,o,r,i,a,l,s,c,d,u,p=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=p.length>1&&void 0!==p[1]?p[1]:{},Jl(e)){n.next=3;break}return n.abrupt("return",Promise.reject("invalid ele"));case 3:if(o=ie(t,"scale",1),Rl(o)){n.next=6;break}return n.abrupt("return",Promise.reject("opt.scale is not number"));case 6:if(!(o<1)){n.next=8;break}return n.abrupt("return",Promise.reject("opt.scale can not less then 1"));case 8:if("image/jpeg"===(r=ie(t,"picType","image/png"))||"image/png"===r){n.next=11;break}return n.abrupt("return",Promise.reject("opt.picType is not image/jpeg or image/png"));case 11:if(i=ie(t,"toBase64",!0),Ra(i)){n.next=14;break}return n.abrupt("return",Promise.reject("opt.toBase64 is not boolean"));case 14:if(a=e.cloneNode(!0),(l=document.createElement("div")).style.position="absolute",l.style.top=0,l.style.left=0,l.style.zIndex=-1,l.appendChild(a),(s=document.createElement("div")).style.opacity=0,s.style.position="relative",s.appendChild(l),Uv(document.querySelector("body"),s),c=ih(),u={pixelRatio:o,quality:.95},!i){n.next=42;break}if("image/jpeg"!==r){n.next=36;break}return n.next=33,c.toJpeg(l,u);case 33:d=n.sent,n.next=40;break;case 36:if("image/png"!==r){n.next=40;break}return n.next=39,c.toPng(l,u);case 39:d=n.sent;case 40:n.next=45;break;case 42:return n.next=44,c.toCanvas(l,u);case 44:d=n.sent;case 45:return $l(s),n.abrupt("return",d);case 47:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function sh(n){return ch.apply(this,arguments)}function ch(){return(ch=hs(fs.mark((function n(e){var t,o,r,i=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=i.length>1&&void 0!==i[1]?i[1]:{},Id(o=i.length>2?i[2]:void 0)||(o=["https://cdn.jsdelivr.net/npm/html-to-image@1.7.0/dist/html-to-image.js"]),n.next=5,Dv(o);case 5:return r=ah(e,t),n.abrupt("return",r);case 7:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function dh(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];bd(n)&&(n=0),n=hi(n);var o=yi();function r(){if(t.length>0)return e+=1,t.splice(0,1)[0];return null}function i(){(e-=1)<0&&(e=0),t.length>0&&o.emit("message",t)}function a(r){t.push(r),(n<=0||e<n)&&o.emit("message",t)}function l(){e=0,t=[]}return o.get=r,o.cb=i,o.push=a,o.clear=l,o}function uh(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];function t(n,e){var t=null;ul(n)||(n=0),n=hi(n),Ra(e)||(e=!1);var o=dh(n);return o.on("message",function(){var n=hs(fs.mark((function n(e){var t,r,i,a,l;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=o.get()){n.next=3;break}return n.abrupt("return");case 3:return n.next=5,Wd(1);case 5:if(r=ie(t,"id"),i=ie(t,"fun"),a=ie(t,"input"),xi(i)){n.next=12;break}l={state:"error",msg:"fun is not function"},n.next=15;break;case 12:return n.next=14,Hd(i).apply(void 0,Cs(a));case 14:l=n.sent;case 15:o.emit(r,l),o.cb();case 17:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}()),function(n){var r=Ka(),i=Wi();t=i;for(var a=arguments.length,l=new Array(a>1?a-1:0),s=1;s<a;s++)l[s-1]=arguments[s];var c={id:i,fun:n,input:l};return o.push(c),o.once(i,(function(n){e?i===t?"success"===n.state?r.resolve(n.msg):r.reject(n.msg):r.reject({reason:"cancelled"}):"success"===n.state?r.resolve(n.msg):r.reject(n.msg)})),r}}return new t(n,e)}function ph(){return mh.apply(this,arguments)}function mh(){return(mh=hs(fs.mark((function n(){var e,t,o,r,i,a,l,s,c,d=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=d.length>0&&void 0!==d[0]?d[0]:600,t=d.length>1&&void 0!==d[1]?d[1]:400,o=d.length>2?d[2]:void 0,di(e)||(e=600),e=ui(e),di(t)||(t=400),t=ui(t),xi(o)){n.next=9;break}throw new Error("invalid fun");case 9:if((r=document.createElement("div")).style.width="".concat(e,"px"),r.style.height="".concat(t,"px"),(i=document.createElement("div")).style.position="absolute",i.style.top=0,i.style.left=0,i.style.zIndex=-1,i.appendChild(r),(a=document.createElement("div")).style.position="relative",a.appendChild(i),(l=document.createElement("div")).style.position="fixed",l.style.zIndex=-1,l.appendChild(a),Uv(document.querySelector("body"),l),!bs(c=o(r))){n.next=34;break}return n.next=31,c;case 31:s=n.sent,n.next=35;break;case 34:s=c;case 35:return $l(l),n.abrupt("return",s);case 37:case"end":return n.stop()}}),n)})))).apply(this,arguments)}var gh,vh=new function(){var n=uh(1);function e(){return(e=hs(fs.mark((function e(t,o,r){return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",n(ph,t,o,r));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return function(n,t,o){return e.apply(this,arguments)}};const hh={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.3.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/boost-canvas.js"]}},options:{type:Object,default:function(){}},scale:{type:Number,default:3},render:{type:Function,default:null},converter:{type:String,default:"html2picDyn"}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){Dv(this.pathItems).then((function(n){if("loaded"!==n){var e=window.Highcharts;Ev(e),e.setOptions({credits:{enabled:!1},global:{useUTC:!1},lang:{decimalPoint:".",thousandsSep:",",contextButtonTitle:"圖表匯出功能表",downloadJPEG:"下載 JPEG 圖片",downloadPDF:"下載 PDF 文件",downloadPNG:"下載 PNG 文件",downloadSVG:"下載 SVG 文件",downloadXLS:"下載 XLS 文件",openInCloud:"在 Highcharts Cloud 中打開",drillUpText:"返回 {series.name}",invalidDate:"無效的時間",loading:"載入中...",months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],noData:"沒有資料",printChart:"列印圖表",resetZoom:"重置縮放比例",resetZoomTitle:"重置為原始大小",shortMonths:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],weekdays:["星期天","星期一","星期二","星期三","星期四","星期五","星期六"],viewData:"查看資料",rangeSelectorFrom:"開始時間",rangeSelectorTo:"結束時間",rangeSelectorZoom:"範圍",zoomIn:"縮小",zoomOut:"放大"},tooltip:{dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%Y/%m/%d",week:"%Y/%m/%d",month:"%Y/%m",year:"%Y"}},xAxis:{dateTimeLabelFormats:{second:"%Y<br/>%m/%d",minute:"%Y<br/>%m/%d",hour:"%Y<br/>%m/%d",day:"%Y<br/>%m/%d",week:"%Y<br/>%m/%d",month:"%Y<br/>%m/%d",year:"%Y<br/>%m/%d"}},rangeSelector:{enabled:!1},plotOptions:{series:{dataGrouping:{dateTimeLabelFormats:{millisecond:["%Y/%m/%d %H:%M:%S.%L","%Y/%m/%d %H:%M:%S.%L"," ~ %H:%M:%S.%L"],second:["%Y/%m/%d %H:%M:%S","%Y/%m/%d %H:%M:%S"," ~ %H:%M:%S"],minute:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],hour:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],day:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],week:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],month:["%Y/%m","%Y/%m"," ~ %Y/%m"],year:["%Y","%Y"," ~ %Y"]}}}}})}}))},watch:{options:{immediate:!0,deep:!0,handler:function(n){var e=this;e.picw=0,e.pich=0,e.b64="",e.plot()}}},computed:{isEff:function(){return il(this.options)},isGenDone:function(){return""!==this.b64}},methods:{defRender:(gh=hs(fs.mark((function n(e,t,o,r){var i,a,l;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=this,a=function(){var n=hs(fs.mark((function n(e){var t,a,l;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t={scale:o},a=new window.Highcharts.Chart(e,r),l="","domConvertToPicDyn"!==i.converter){n.next=9;break}return n.next=6,sh(e,t);case 6:l=n.sent,n.next=12;break;case 9:return n.next=11,oh(e,t);case 11:l=n.sent;case 12:return a.destroy(),a=null,n.abrupt("return",l);case 15:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}(),n.next=4,vh(e,t,a);case 4:return l=n.sent,n.abrupt("return",l);case 6:case"end":return n.stop()}}),n,this)}))),function(n,e,t,o){return gh.apply(this,arguments)}),plot:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t,o,r,i;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ys((function(){return void 0!==n.$el}));case 2:if(n.isEff){e.next=4;break}return e.abrupt("return");case 4:if(!n.isGenDone){e.next=6;break}return e.abrupt("return");case 6:if(t=ie(n,"$el.offsetWidth"),o=ie(n,"$el.offsetHeight"),Rl(t)&&Rl(o)){e.next=10;break}return e.abrupt("return");case 10:if(!(t<=0||o<=0||n.scale<=0)){e.next=12;break}return e.abrupt("return");case 12:return r=null,r=xi(n.render)?n.render:n.defRender,e.next=16,r(t,o,n.scale,n.options);case 16:i=e.sent,n.picw=t,n.pich=o,n.b64=i;case 20:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(e){console.log(e),n.$emit("error",e)}))}}};var fh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.isEff&&!n.isGenDone?t("WIconLoading"):n._e(),n._v(" "),n.isGenDone?t("img",{ref:"pic",style:"width:"+n.picw+"px; height:"+n.pich+"px;",attrs:{src:n.b64}}):n._e()],1)};fh._withStripped=!0;const bh=Fr({render:fh,staticRenderFns:[]},(function(n){n&&n("data-v-d0f7c480_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})}),hh,"data-v-d0f7c480",false,undefined,!1,Dr,void 0,void 0);const yh={components:{demolink:Jr,WHighchartsBitmapDyn:bh},props:{},data:function(){return{WHighchartsBitmapDyn:{options1:{chart:{animation:!1},plotOptions:{series:{animation:!1}},title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]},options2:{chart:{animation:!1,zoomType:"x"},title:{text:"USD to EUR exchange rate over time"},subtitle:{text:"Pinch the chart to zoom in"},xAxis:{type:"datetime"},yAxis:{title:{text:"Exchange rate"}},plotOptions:{series:{animation:!1},area:{color:"rgba(255,175,150,1)",fillColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(255,175,150,1)"],[1,"rgba(255,175,150,0.1)"]]},marker:{radius:2},lineWidth:1,states:{hover:{lineWidth:1}},threshold:null}},series:[{type:"area",name:"USD to EUR",data:window.dataUSD2EUR}]},options3:{chart:{animation:!1,type:"bar"},title:{text:"Population pyramid for Germany, 2018"},subtitle:{text:"Population Pyramids of the World from 1950 to 2100"},accessibility:{point:{descriptionFormatter:function(n){return n.index+1+", Age "+n.category+", "+Math.abs(n.y)+"%. "+n.series.name+"."}}},xAxis:[{categories:["0-4","5-9","10-14","15-19","20-24","25-29","30-34","35-39","40-44","45-49","50-54","55-59","60-64","65-69","70-74","75-79","80-84","85-89","90-94","95-99","100 + "],reversed:!1,labels:{step:1},accessibility:{description:"Age (male)"}},{opposite:!0,reversed:!1,categories:["0-4","5-9","10-14","15-19","20-24","25-29","30-34","35-39","40-44","45-49","50-54","55-59","60-64","65-69","70-74","75-79","80-84","85-89","90-94","95-99","100 + "],linkedTo:0,labels:{step:1},accessibility:{description:"Age (female)"}}],yAxis:{title:{text:null},labels:{formatter:function(){return Math.abs(this.value)+"%"}},accessibility:{description:"Percentage population",rangeDescription:"Range: 0 to 5%"}},plotOptions:{series:{animation:!1,stacking:"normal"}},tooltip:{formatter:function(){return"<b>"+this.series.name+", age "+this.point.category+"</b><br/>Population: "+Math.abs(this.point.y).toFixed(1)+"%"}},series:[{name:"Male",color:"rgba(255,100,150,0.85)",data:[-2.2,-2.1,-2.2,-2.4,-2.7,-3,-3.3,-3.2,-2.9,-3.5,-4.4,-4.1,-3.4,-2.7,-2.3,-2.2,-1.6,-.6,-.3,-0,-0]},{name:"Female",color:"rgba(155,50,200,0.85)",data:[2.1,2,2.1,2.3,2.6,2.9,3.2,3.1,2.9,3.4,4.3,4,3.5,2.9,2.5,2.7,2.2,1.1,.6,.2,0]}]},options4:{chart:{animation:!1,plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Browser market shares in January, 2018"},tooltip:{pointFormat:"{series.name}: <b>{point.percentage:.1f}%</b>"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{series:{animation:!1},pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.percentage:.1f} %"}}},series:[{name:"Brands",colorByPoint:!0,data:[{name:"Chrome",y:61.41,sliced:!0,selected:!0},{name:"Internet Explorer",y:11.84},{name:"Firefox",y:10.85},{name:"Edge",y:4.67},{name:"Safari",y:4.18},{name:"Sogou Explorer",y:1.64},{name:"Opera",y:1.6},{name:"QQ",y:1.2},{name:"Other",y:2.61}]}]},options5:{chart:{animation:!1,type:"heatmap",marginTop:40,marginBottom:80,plotBorderWidth:1},plotOptions:{series:{animation:!1}},title:{text:"Sales per employee per weekday"},xAxis:{categories:["Alexander","Marie","Maximilian","Sophia","Lukas","Maria","Leon","Anna","Tim","Laura"]},yAxis:{categories:["Monday","Tuesday","Wednesday","Thursday","Friday"],title:null,reversed:!0},colorAxis:{min:0,minColor:"#fff",maxColor:"rgba(255,120,120,1)"},legend:{align:"right",layout:"vertical",margin:0,verticalAlign:"top",y:25,symbolHeight:280},tooltip:{formatter:function(){return"<b>"+this.series.xAxis.categories[this.point.x]+"</b> sold <br/><b>"+this.point.value+"</b> items on <br/><b>"+this.series.yAxis.categories[this.point.y]+"</b>"}},series:[{name:"Sales per employee",color:"rgba(255,120,120,0.75)",borderWidth:1,data:[[0,0,10],[0,1,19],[0,2,8],[0,3,24],[0,4,67],[1,0,92],[1,1,58],[1,2,78],[1,3,117],[1,4,48],[2,0,35],[2,1,15],[2,2,123],[2,3,64],[2,4,52],[3,0,72],[3,1,132],[3,2,114],[3,3,19],[3,4,16],[4,0,38],[4,1,5],[4,2,8],[4,3,117],[4,4,115],[5,0,88],[5,1,32],[5,2,12],[5,3,6],[5,4,120],[6,0,13],[6,1,44],[6,2,88],[6,3,98],[6,4,96],[7,0,31],[7,1,1],[7,2,82],[7,3,32],[7,4,30],[8,0,85],[8,1,97],[8,2,123],[8,3,64],[8,4,84],[9,0,47],[9,1,114],[9,2,31],[9,3,48],[9,4,91]],dataLabels:{enabled:!0,color:"#000000"}}],responsive:{rules:[{condition:{maxWidth:500},chartOptions:{yAxis:{labels:{formatter:function(){return this.value.charAt(0)}}}}}]}},options6:{chart:{animation:!1,type:"heatmap",margin:[60,10,80,50]},plotOptions:{series:{animation:!1}},boost:{useGPUTranslations:!0},title:{text:"Highcharts heat map",align:"left",x:40},subtitle:{text:"Temperature variation by day and hour through 2017",align:"left",x:40},xAxis:{type:"datetime",min:Date.UTC(2017,0,1),max:Date.UTC(2017,11,31,23,59,59),labels:{align:"left",x:5,y:14,format:"{value:%B}"},showLastLabel:!1,tickLength:16},yAxis:{title:{text:null},labels:{format:"{value}:00"},minPadding:0,maxPadding:0,startOnTick:!1,endOnTick:!1,tickPositions:[0,6,12,18,24],tickWidth:1,min:0,max:23,reversed:!0},colorAxis:{stops:[[0,"#3060cf"],[.5,"#fffbbc"],[.9,"#c4463a"],[1,"#c4463a"]],min:-15,max:25,startOnTick:!1,endOnTick:!1,labels:{format:"{value}℃"}},series:[{data:window.dataTemperature,boostThreshold:100,borderWidth:0,nullColor:"#EFEFEF",colsize:864e5,tooltip:{headerFormat:"Temperature<br/>",pointFormat:"{point.x:%e %b, %Y} {point.y}:00: <b>{point.value} ℃</b>"},turboThreshold:Number.MAX_VALUE}]},optionsChange:null,render:(n=hs(fs.mark((function n(e,t,o,r){var i,a,l,s;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return console.log("render"),i={method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({width:e,height:t,scale:o,opt:r})},a=window.location.protocol+"//"+window.location.hostname+":9020"+window.location.pathname+"api",n.next=7,fetch(a,i);case 7:return l=n.sent,n.next=10,l.json();case 10:if(!(s=n.sent).err){n.next=14;break}return console.log("error",s.err),n.abrupt("return","");case 14:return n.abrupt("return",s.b64);case 15:case"end":return n.stop()}}),n)}))),function(e,t,o,r){return n.apply(this,arguments)})},actions:[]};var n}};var xh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"line"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"scale (line)"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options1,scale:1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"render (need w-hc2png-server) (line)"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options1,render:n.WHighchartsBitmapDyn.render}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"area"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"bar"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"pie"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options4}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"heatmap"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options5}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"large heatmap"}}),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.options6}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highcharts-bitmap-dyn",casename:"change options"}}),n._v(" "),t("div",[t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{small:""},on:{click:function(e){n.WHighchartsBitmapDyn.optionsChange=n.WHighchartsBitmapDyn.options1}}},[n._v("line")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{small:""},on:{click:function(e){n.WHighchartsBitmapDyn.optionsChange=n.WHighchartsBitmapDyn.options2}}},[n._v("area")])],1),n._v(" "),t("w-highcharts-bitmap-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{options:n.WHighchartsBitmapDyn.optionsChange}})],1)])])};xh._withStripped=!0;const kh=Fr({render:xh,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-highcharts-bitmap-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{padding:"10px",border:"1px dashed #ddd","margin-bottom":"10px"}},[t("div",{staticStyle:{"font-size":"0.8rem",color:"#f26","margin-bottom":"5px"}},[n._v("* Need to disable animation in highcharts options")]),n._v(" "),t("pre",{staticStyle:{"font-size":"0.8rem"}},[n._v("let options = {\n    chart: {\n        animation: false,\n    },\n    plotOptions: {\n        series: {\n            animation: false,\n        },\n    },\n}")])])}]},(function(n){n&&n("data-v-4c800e52_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWHighchartsBitmapDyn.vue"},media:void 0})}),yh,"data-v-4c800e52",false,undefined,!1,Dr,void 0,void 0);const Ch={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.3.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.3.2/modules/annotations.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js"]}},options:{type:Object,default:function(){}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window.Highcharts;Ev(t),t.setOptions({credits:{enabled:!1},global:{useUTC:!1},lang:{decimalPoint:".",thousandsSep:",",contextButtonTitle:"圖表匯出功能表",downloadJPEG:"下載 JPEG 圖片",downloadPDF:"下載 PDF 文件",downloadPNG:"下載 PNG 文件",downloadSVG:"下載 SVG 文件",downloadXLS:"下載 XLS 文件",openInCloud:"在 Highcharts Cloud 中打開",drillUpText:"返回 {series.name}",invalidDate:"無效的時間",loading:"載入中...",months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],noData:"沒有資料",printChart:"列印圖表",resetZoom:"重置縮放比例",resetZoomTitle:"重置為原始大小",shortMonths:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],weekdays:["星期天","星期一","星期二","星期三","星期四","星期五","星期六"],viewData:"查看資料",rangeSelectorFrom:"開始時間",rangeSelectorTo:"結束時間",rangeSelectorZoom:"範圍",zoomIn:"縮小",zoomOut:"放大"},tooltip:{dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%Y/%m/%d",week:"%Y/%m/%d",month:"%Y/%m",year:"%Y"}},xAxis:{dateTimeLabelFormats:{second:"%Y<br/>%m/%d",minute:"%Y<br/>%m/%d",hour:"%Y<br/>%m/%d",day:"%Y<br/>%m/%d",week:"%Y<br/>%m/%d",month:"%Y<br/>%m/%d",year:"%Y<br/>%m/%d"}},rangeSelector:{enabled:!1},plotOptions:{series:{dataGrouping:{dateTimeLabelFormats:{millisecond:["%Y/%m/%d %H:%M:%S.%L","%Y/%m/%d %H:%M:%S.%L"," ~ %H:%M:%S.%L"],second:["%Y/%m/%d %H:%M:%S","%Y/%m/%d %H:%M:%S"," ~ %H:%M:%S"],minute:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],hour:["%Y/%m/%d %H:%M","%Y/%m/%d %H:%M"," ~ %H:%M"],day:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],week:["%Y/%m/%d","%Y/%m/%d"," ~ %Y/%m/%d"],month:["%Y/%m","%Y/%m"," ~ %Y/%m"],year:["%Y","%Y"," ~ %Y"]}}}}});var o=window.VueHighcharts;o.default&&(o=o.default),zv().use(o)}n.cmpName="Highstock"}))},computed:{},methods:{}};var Sh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Sh._withStripped=!0;const wh=Fr({render:Sh,staticRenderFns:[]},(function(n){n&&n("data-v-144b3b94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})}),Ch,"data-v-144b3b94",false,undefined,!1,Dr,void 0,void 0);const Wh={components:{demolink:Jr,WHighstockVueDyn:wh},props:{},data:function(){return{WHighstockVueDyn:{options1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]},options2:{chart:{zoomType:"x"},title:{text:"USD to EUR exchange rate over time"},subtitle:{text:"Pinch the chart to zoom in"},xAxis:{type:"datetime"},yAxis:{title:{text:"Exchange rate"}},legend:{enabled:!1},plotOptions:{area:{color:"rgba(200,200,255,1)",fillColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(200,200,255,1)"],[1,"rgba(200,200,255,0.1)"]]},marker:{radius:2},lineWidth:1,states:{hover:{lineWidth:1}},threshold:null}},series:[{type:"area",name:"USD to EUR",data:window.dataUSD2EUR}]}},actions:[]}}};var Ih=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highstock-vue-dyn",casename:"line"}}),n._v(" "),t("w-highstock-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighstockVueDyn.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-highstock-vue-dyn",casename:"area"}}),n._v(" "),t("w-highstock-vue-dyn",{staticStyle:{width:"620px"},attrs:{options:n.WHighstockVueDyn.options2}})],1)])])};Ih._withStripped=!0;const _h=Fr({render:Ih,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-highstock-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//www.highcharts.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("highcharts")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.highcharts.com/stock/demo",target:"_blank",rel:"noreferrer noopener"}},[n._v("highstock examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/weizhenye/vue-highcharts",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-highcharts")])])}]},(function(n){n&&n("data-v-126d84d8_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWHighstockVueDyn.vue"},media:void 0})}),Wh,"data-v-126d84d8",false,undefined,!1,Dr,void 0,void 0);const Th={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.1.2/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.5/dist/echarts-gl.min.js","https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js"]}},options:{type:Object,default:function(){}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window.VueECharts;t.default&&(t=t.default),zv().component("vueechart",t)}n.cmpName="vueechart"}))},computed:{},methods:{}};var Hh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Hh._withStripped=!0;const Ah=Fr({render:Hh,staticRenderFns:[]},(function(n){n&&n("data-v-57ef08de_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})}),Th,"data-v-57ef08de",false,undefined,!1,Dr,void 0,void 0);const Zh={components:{demolink:Jr,WEchartsVueDyn:Ah},props:{},data:function(){var n=function(n){for(var e=[],t=[],o=0;o<n.length;o++){var r=n[o],i=new Date(r[0]),a=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-");e.push(a),t.push(r[1])}return{date:e,data:t}},e=n(window.dataAAPL),t=n(window.dataUSD2EUR);return{WEchartsVueDyn:{options1:{tooltip:{trigger:"axis",position:function(n){return[n[0],"10%"]}},title:{left:"center",text:"AAPL Stock Price"},toolbox:{feature:{dataZoom:{yAxisIndex:"none",title:{zoom:"Zoom",back:"Zoom Reset"}},restore:{title:"Restore"},saveAsImage:{title:"Download"}}},xAxis:{type:"category",boundaryGap:!1,data:e.date},yAxis:{type:"value",boundaryGap:[0,"100%"]},dataZoom:[{type:"inside",start:0,end:100},{start:0,end:10,handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",shadowBlur:3,shadowColor:"rgba(0, 0, 0, 0.6)",shadowOffsetX:2,shadowOffsetY:2}}],series:[{name:"Price",type:"line",itemStyle:{color:"rgba(20, 20, 200, 0.5)"},data:e.data}]},options2:{tooltip:{trigger:"axis",position:function(n){return[n[0],"10%"]}},title:{left:"center",text:"USD to EUR exchange rate over time"},toolbox:{feature:{dataZoom:{yAxisIndex:"none",title:{zoom:"Zoom",back:"Zoom Reset"}},restore:{title:"Restore"},saveAsImage:{title:"Download"}}},xAxis:{type:"category",boundaryGap:!1,data:t.date},yAxis:{type:"value",boundaryGap:[0,"100%"]},dataZoom:[{type:"inside",start:0,end:100},{start:0,end:10,handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",shadowBlur:3,shadowColor:"rgba(0, 0, 0, 0.6)",shadowOffsetX:2,shadowOffsetY:2}}],series:[{name:"USD to EUR",type:"line",itemStyle:{color:"rgba(200,200,255,1)"},areaStyle:{color:{type:"linear",x0:0,y0:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(200,200,255,1)"},{offset:1,color:"rgba(200,200,255,0.1)"}],globalCoord:!1}},data:t.data}]},options3:{title:{left:"center",text:"堆叠区域图"},tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{y:30,data:["邮件营销","联盟广告","视频广告","直接访问","搜索引擎"]},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:["周一","周二","周三","周四","周五","周六","周日"]}],yAxis:[{type:"value"}],series:[{name:"邮件营销",type:"line",stack:"总量",areaStyle:{},data:[120,132,101,134,90,230,210]},{name:"联盟广告",type:"line",stack:"总量",areaStyle:{},data:[220,182,191,234,290,330,310]},{name:"视频广告",type:"line",stack:"总量",areaStyle:{},data:[150,232,201,154,190,330,410]},{name:"直接访问",type:"line",stack:"总量",areaStyle:{},data:[320,332,301,334,390,330,320]},{name:"搜索引擎",type:"line",stack:"总量",label:{normal:{show:!0,position:"top"}},areaStyle:{},data:[820,932,901,934,1290,1330,1320]}]},options4:{title:{left:"center",text:"基础雷达图"},tooltip:{},legend:{y:30,data:["预算分配（Allocated Budget）","实际开销（Actual Spending）"]},radar:{center:["50%","60%"],radius:"60%",name:{textStyle:{color:"#fff",backgroundColor:"#999",borderRadius:3,padding:[3,5]}},indicator:[{name:"销售（sales）",max:6500},{name:"管理（Administration）",max:16e3},{name:"信息技术（Information Techology）",max:3e4},{name:"客服（Customer Support）",max:38e3},{name:"研发（Development）",max:52e3},{name:"市场（Marketing）",max:25e3}]},series:[{name:"预算 vs 开销（Budget vs spending）",type:"radar",data:[{value:[4300,1e4,28e3,35e3,5e4,19e3],name:"预算分配（Allocated Budget）"},{value:[5e3,14e3,28e3,31e3,42e3,21e3],name:"实际开销（Actual Spending）"}]}]},options5:{title:{text:"极坐标双数值轴"},legend:{data:["line"]},polar:{center:["50%","52%"],radius:"72%"},tooltip:{trigger:"axis",axisPointer:{type:"cross"}},angleAxis:{type:"value",startAngle:0},radiusAxis:{},series:[{coordinateSystem:"polar",name:"line",type:"line",data:function(){for(var n=[],e=0;e<=100;e++){var t=e/100*360,o=5*(1+Math.sin(t/180*Math.PI));n.push([o,t])}return n}()}]},options6:{tooltip:{position:"top"},grid:{height:"70%",top:"2%"},xAxis:{type:"category",data:["12a","1a","2a","3a","4a","5a","6a","7a","8a","9a","10a","11a","12p","1p","2p","3p","4p","5p","6p","7p","8p","9p","10p","11p"],splitArea:{show:!0}},yAxis:{type:"category",data:["Saturday","Friday","Thursday","Wednesday","Tuesday","Monday","Sunday"],splitArea:{show:!0}},visualMap:{min:0,max:10,calculable:!0,orient:"horizontal",left:"center",bottom:"2%"},series:[{name:"Punch Card",type:"heatmap",data:[[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]].map((function(n){return[n[1],n[0],n[2]||"-"]})),label:{show:!0},emphasis:{itemStyle:{shadowBlur:10,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},options7:{title:{left:"center",text:"Dispersion of house price based on the area"},grid:{top:"10%",left:"0%",right:"10%",bottom:"0%",containLabel:!0},visualMap:{min:15202,max:159980,dimension:1,orient:"vertical",right:10,top:"center",text:["HIGH","LOW"],calculable:!0,inRange:{color:["#f2c31a","#24b7f2"]}},tooltip:{trigger:"item",axisPointer:{type:"cross"}},xAxis:[{type:"value"}],yAxis:[{type:"value"}],series:[{name:"price-area",type:"scatter",symbolSize:5,itemStyle:{normal:{borderWidth:.2,borderColor:"#fff"}},data:window.dataHousePriceArea}]},options8:{parallelAxis:[{dim:0,name:"Price"},{dim:1,name:"Net Weight"},{dim:2,name:"Amount"},{dim:3,name:"Score",type:"category",data:["Excellent","Good","OK","Bad"]}],parallel:{left:"5%",right:"10%",bottom:"5%",top:"5%"},series:{type:"parallel",lineStyle:{width:4},data:[[12.99,100,82,"Good"],[9.99,80,77,"OK"],[20,120,60,"Excellent"]]}},options9:{tooltip:{trigger:"item",triggerOn:"mousemove"},toolbox:{feature:{restore:{title:"Restore"},saveAsImage:{title:"Download"}}},series:[{type:"tree",data:[window.dataFlare],top:"1%",left:"4%",bottom:"1%",right:"14%",symbolSize:12,initialTreeDepth:void 0,label:{position:"left",verticalAlign:"middle",align:"right",fontSize:12,formatter:function(n){return n.value?n.name+": "+n.value:n.name}},leaves:{label:{position:"right",verticalAlign:"middle",align:"left"}},animationDuration:500,animationDurationUpdate:500}]},options10:{tooltip:{trigger:"item",triggerOn:"mousemove"},toolbox:{feature:{restore:{title:"Restore"},saveAsImage:{title:"Download"}}},series:[{type:"treemap",name:window.dataFlare.name,data:window.dataFlare.children,upperLabel:{show:!0,height:24,padding:5},label:{formatter:function(n){return n.value?n.name+"\n("+n.value+")":n.name},fontSize:11},levels:[{itemStyle:{borderWidth:2,gapWidth:2,borderColor:"#444"}},{itemStyle:{borderWidth:2,gapWidth:2,borderColor:"#666"}},{itemStyle:{borderWidth:2,gapWidth:2,borderColor:"#888"}},{itemStyle:{borderWidth:2,gapWidth:2,borderColor:"#aaa"}}]}]},options11:{tooltip:{},visualMap:{type:"continuous",min:0,max:10,inRange:{color:["#2D5F73","#538EA6","#F2D1B3","#F2B8A2","#F28C8C"]},orient:"vertical",top:"center"},series:{type:"sunburst",data:[{name:"Grandpa",children:[{name:"Uncle Leo",value:15,children:[{name:"Cousin Jack",value:2},{name:"Cousin Mary",value:5,children:[{name:"Jackson",value:2}]},{name:"Cousin Ben",value:4}]},{name:"Aunt Jane",children:[{name:"Cousin Kate",value:4}]},{name:"Father",value:10,children:[{name:"Me",value:5,itemStyle:{color:"red"}},{name:"Brother Peter",value:1}]}]},{name:"Mike",children:[{name:"Uncle Dan",children:[{name:"Cousin Lucy",value:3},{name:"Cousin Luck",value:4,children:[{name:"Nephew",value:2}]}]}]},{name:"Nancy",children:[{name:"Uncle Nike",children:[{name:"Cousin Betty",value:1},{name:"Cousin Jenny",value:2}]}]}],radius:[0,"90%"],label:{rotate:"radial"}}},options12:{legend:{data:["Punch Card"]},polar:{},tooltip:{},visualMap:{type:"continuous",min:0,max:14,top:"middle",dimension:2,calculable:!0},angleAxis:{type:"category",data:["12a","1a","2a","3a","4a","5a","6a","7a","8a","9a","10a","11a","12p","1p","2p","3p","4p","5p","6p","7p","8p","9p","10p","11p"],boundaryGap:!1,splitLine:{show:!0,lineStyle:{color:"#ddd",type:"dashed"}},axisLine:{show:!1}},radiusAxis:{type:"category",data:["Saturday","Friday","Thursday","Wednesday","Tuesday","Monday","Sunday"],z:100},series:[{name:"Punch Card",type:"custom",coordinateSystem:"polar",itemStyle:{color:"#d14a61"},renderItem:function(n,e){var t=[e.value(0),e.value(1)],o=e.coord(t),r=e.size([1,1],t);return{type:"sector",shape:{cx:n.coordSys.cx,cy:n.coordSys.cy,r0:o[2]-r[0]/2,r:o[2]+r[0]/2,startAngle:-(o[3]+r[1]/2),endAngle:-(o[3]-r[1]/2)},style:e.style({fill:e.visual("color")})}},data:[[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]]}]},options13:{tooltip:{},visualMap:{max:20,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:{type:"category",data:["12a","1a","2a","3a","4a","5a","6a","7a","8a","9a","10a","11a","12p","1p","2p","3p","4p","5p","6p","7p","8p","9p","10p","11p"]},yAxis3D:{type:"category",data:["Saturday","Friday","Thursday","Wednesday","Tuesday","Monday","Sunday"]},zAxis3D:{type:"value"},grid3D:{boxWidth:200,boxDepth:80,light:{main:{intensity:1.2},ambient:{intensity:.3}}},series:[{type:"bar3D",data:[[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]].map((function(n){return{value:[n[1],n[0],n[2]]}})),shading:"color",label:{show:!1,textStyle:{fontSize:16,borderWidth:1}},itemStyle:{opacity:.4},emphasis:{label:{textStyle:{fontSize:20,color:"#900"}},itemStyle:{color:"#900"}}}]},options14:{tooltip:{},backgroundColor:"#fff",visualMap:{show:!1,dimension:2,min:0,max:30,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:{type:"value"},yAxis3D:{type:"value"},zAxis3D:{type:"value"},grid3D:{viewControl:{projection:"orthographic"}},series:[{type:"line3D",data:function(){for(var n=[],e=0;e<25;e+=.001){var t=(1+.25*Math.cos(75*e))*Math.cos(e),o=(1+.25*Math.cos(75*e))*Math.sin(e),r=e+2*Math.sin(75*e);n.push([t,o,r])}return n}(),lineStyle:{width:4}}]},options15:{tooltip:{},backgroundColor:"#fff",visualMap:{show:!1,dimension:2,min:-1,max:1,inRange:{color:["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026"]}},xAxis3D:{type:"value"},yAxis3D:{type:"value"},zAxis3D:{type:"value"},grid3D:{viewControl:{}},series:[{type:"surface",wireframe:{},equation:{x:{step:.05},y:{step:.05},z:function(n,e){return Math.abs(n)<.1&&Math.abs(e)<.1?"-":Math.sin(n*Math.PI)*Math.sin(e*Math.PI)}}}]}},actions:[]}}};var Bh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"line"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"area"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"stack"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"radar"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options4}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"polar"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options5}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"heatmap"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options6}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"scatter"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options7}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"parallel"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"300px"},attrs:{options:n.WEchartsVueDyn.options8}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"tree"}}),n._v(" "),t("div",{style:"overflow-y:auto; height:300px;"},[t("w-echarts-vue-dyn",{staticStyle:{width:"95%",height:"2300px"},attrs:{options:n.WEchartsVueDyn.options9}})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"treemap"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"100%",height:"500px"},attrs:{options:n.WEchartsVueDyn.options10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"continuous"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"400px"},attrs:{options:n.WEchartsVueDyn.options11}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"polar heatmap"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"400px"},attrs:{options:n.WEchartsVueDyn.options12}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"bar3D"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"400px"},attrs:{options:n.WEchartsVueDyn.options13}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"line3D"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"400px"},attrs:{options:n.WEchartsVueDyn.options14}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-echarts-vue-dyn",casename:"surface"}}),n._v(" "),t("w-echarts-vue-dyn",{staticStyle:{width:"620px",height:"400px"},attrs:{options:n.WEchartsVueDyn.options15}})],1)])])};Bh._withStripped=!0;const Vh=Fr({render:Bh,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-echarts-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/apache/incubator-echarts",target:"_blank",rel:"noreferrer noopener"}},[n._v("echarts")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//echarts.apache.org/examples/zh/index.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("echarts examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/ecomfe/vue-echarts",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-echarts")])])}]},(function(n){n&&n("data-v-66011797_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWEchartsVueDyn.vue"},media:void 0})}),Zh,"data-v-66011797",false,undefined,!1,Dr,void 0,void 0);function Ph(n,e){if(Wp())if(ir(n)){var t=document.createElement("a");t.href=e,t.download=n,document.body.appendChild(t),t.click(),document.body.removeChild(t)}else console.log("no filename");else console.log("no window")}const jh={components:{WButtonCircle:_u,WHighchartsBitmapDyn:bh,WHighchartsVueDyn:$v,WHighstockVueDyn:wh,WEchartsVueDyn:Ah},props:{cmpName:{type:String,default:"WHighchartsVueDyn"},options:{type:Object,default:function(){}},width:{type:Number,default:600},height:{type:Number,default:400},scale:{type:Number,default:1},converter:{type:String,default:"html2picDyn"},downloadPicture:{type:Boolean,default:!1},downloadPictureBtnTooltip:{type:String,default:"download"},downloadPictureScale:{type:Number,default:3},downloadPictureFilenmae:{type:String,default:"pic"},downloadPictureBtnBackgroundColor:{type:String,default:"transparent"},downloadPictureBtnBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},downloadPictureBtnBackgroundColorFocus:{type:String,default:"rgba(200,200,200,0.3)"},downloadPictureBtnIcon:{type:String,default:"M8 17V15H16V17H8M16 10L12 14L8 10H10.5V6H13.5V10H16M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4Z"},downloadPictureBtnIconColor:{type:String,default:"#888"},downloadPictureBtnIconColorHover:{type:String,default:"#444"},downloadPictureBtnIconColorFocus:{type:String,default:"#444"}},data:function(){return{}},computed:{isEff:function(){return il(this.options)},useWidth:function(){return this.width/this.scale},useHeight:function(){return this.height/this.scale}},methods:{download:function(){var n=this;function e(){return(e=hs(fs.mark((function e(){var t,o,r;return fs.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("WEchartsVueDyn"!==n.cmpName){e.next=2;break}return e.abrupt("return",Promise.reject("can not support for WEchartsVueDyn"));case 2:if(Jl(t=ie(n,"$refs.pic"))){e.next=5;break}return e.abrupt("return",Promise.reject("can not find element"));case 5:if(o={scale:n.downloadPictureScale},r="","domConvertToPicDyn"!==n.converter){e.next=13;break}return e.next=10,sh(t,o);case 10:r=e.sent,e.next=16;break;case 13:return e.next=15,oh(t,o);case 15:r=e.sent;case 16:ir(n.downloadPictureFilenmae)||"pic",Ph("".concat(n.downloadPictureFilenmae,".png"),r);case 19:case"end":return e.stop()}}),e)})))).apply(this,arguments)}(function(){return e.apply(this,arguments)})().catch((function(e){console.log(e),n.$emit("error",e)}))}}};var Xh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative"}},[n.isEff?t("div",{ref:"pic",style:"position:relative; width:"+n.width+"px; min-width:"+n.width+"px; height:"+n.height+"px; min-height:"+n.height+"px; overflow:hidden;"},[t("div",{style:"position:absolute; left:0; top:0; transform-origin:top left; transform:scale("+n.scale+");"},[t(n.cmpName,{tag:"component",style:"width:"+n.useWidth+"px; min-width:"+n.useWidth+"px; height:"+n.useHeight+"px; min-height:"+n.useHeight+"px;",attrs:{options:n.options},on:{error:function(e){n.$emit("error",e)}}})],1)]):n._e(),n._v(" "),n.downloadPicture?t("div",{staticStyle:{position:"absolute",top:"0",left:"0",width:"40px",height:"40px","z-index":"1"}},[t("WButtonCircle",{attrs:{tooltip:n.downloadPictureBtnTooltip,icon:n.downloadPictureBtnIcon,iconColor:n.downloadPictureBtnIconColor,iconColorHover:n.downloadPictureBtnIconColorHover,iconColorFocus:n.downloadPictureBtnIconColorFocus,backgroundColor:n.downloadPictureBtnBackgroundColor,backgroundColorHover:n.downloadPictureBtnBackgroundColorHover,backgroundColorFocus:n.downloadPictureBtnBackgroundColorFocus,shadow:!1},on:{click:n.download}})],1):n._e()])};Xh._withStripped=!0;const Gh={components:{demolink:Jr,WPanelChart:Fr({render:Xh,staticRenderFns:[]},(function(n){n&&n("data-v-91ffcae4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelChart.vue"},media:void 0})}),jh,"data-v-91ffcae4",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){var n=function(n){for(var e=[],t=[],o=0;o<n.length;o++){var r=n[o],i=new Date(r[0]),a=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-");e.push(a),t.push(r[1])}return{date:e,data:t}}(window.dataAAPL);return{mdiArrowDownBoldHexagonOutline:"M12,17L7,12H10V8H14V12H17L12,17M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z",WPanelChart:{options1:{chart:{animation:!1},plotOptions:{series:{animation:!1}},title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]},options2:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]},options3:{tooltip:{trigger:"axis",position:function(n){return[n[0],"10%"]}},title:{left:"center",text:"AAPL Stock Price"},toolbox:{feature:{dataZoom:{yAxisIndex:"none",title:{zoom:"Zoom",back:"Zoom Reset"}},restore:{title:"Restore"},saveAsImage:{title:"Download"}}},xAxis:{type:"category",boundaryGap:!1,data:n.date},yAxis:{type:"value",boundaryGap:[0,"100%"]},dataZoom:[{type:"inside",start:0,end:100},{start:0,end:10,handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",shadowBlur:3,shadowColor:"rgba(0, 0, 0, 0.6)",shadowOffsetX:2,shadowOffsetY:2}}],series:[{name:"Price",type:"line",itemStyle:{color:"rgba(20, 20, 200, 0.5)"},data:n.data}]}},actions:[]}}};var Rh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"default (WHighchartsVueDyn)"}}),n._v(" "),t("w-panel-chart",{attrs:{options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"cmpName (WHighstockVueDyn)"}}),n._v(" "),t("w-panel-chart",{attrs:{cmpName:"WHighstockVueDyn",options:n.WPanelChart.options2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"cmpName (WEchartsVueDyn)"}}),n._v(" "),t("w-panel-chart",{attrs:{cmpName:"WEchartsVueDyn",options:n.WPanelChart.options3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"cmpName (WHighchartsBitmapDyn)"}}),n._v(" "),t("w-panel-chart",{attrs:{cmpName:"WHighchartsBitmapDyn",options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"width & height"}}),n._v(" "),t("w-panel-chart",{attrs:{width:700,height:450,options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"scale"}}),n._v(" "),t("w-panel-chart",{attrs:{scale:.8,options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"downloadPicture"}}),n._v(" "),t("w-panel-chart",{attrs:{downloadPicture:!0,options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"downloadPicture & downloadPictureBtnTooltip"}}),n._v(" "),t("w-panel-chart",{attrs:{downloadPicture:!0,downloadPictureBtnTooltip:"下載圖片",options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"downloadPicture & downloadPictureFilenmae"}}),n._v(" "),t("w-panel-chart",{attrs:{downloadPicture:!0,downloadPictureFilenmae:"圖片名稱",options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"downloadPicture & downloadPictureBtnIcon"}}),n._v(" "),t("w-panel-chart",{attrs:{downloadPicture:!0,downloadPictureBtnIcon:n.mdiArrowDownBoldHexagonOutline,options:n.WPanelChart.options1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-chart",casename:"downloadPicture & downloadPictureBtnIconColor & downloadPictureBtnIconColorHover & downloadPictureBtnIconColorFocus & downloadPictureBtnBackgroundColor & downloadPictureBtnBackgroundColorHover & downloadPictureBtnBackgroundColorFocus"}}),n._v(" "),t("w-panel-chart",{attrs:{downloadPicture:!0,downloadPictureBtnIconColor:"#f48",downloadPictureBtnIconColorHover:"#f26",downloadPictureBtnIconColorFocus:"#f26",downloadPictureBtnBackgroundColor:"rgba(255,200,200,0.3)",downloadPictureBtnBackgroundColorHover:"rgba(255,200,200,0.5)",downloadPictureBtnBackgroundColorFocus:"rgba(255,200,200,0.5)",options:n.WPanelChart.options1}})],1)])])};Rh._withStripped=!0;const Lh=Fr({render:Rh,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-chart")])])}]},(function(n){n&&n("data-v-e657edf6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelChart.vue"},media:void 0})}),Gh,"data-v-e657edf6",false,undefined,!1,Dr,void 0,void 0);const Fh={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/ag-grid-community@25.3.0/dist/ag-grid-community.min.noStyle.js","https://cdn.jsdelivr.net/npm/ag-grid-vue@25.3.0/dist/ag-grid-vue.umd.min.js","https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.23/dist/w-aggrid-vue.umd.js","https://cdn.jsdelivr.net/npm/xlsx@0.17.4/dist/xlsx.full.min.js"]}},opt:{type:Object,default:function(){}},height:{type:Number,default:300},filterall:{type:String,default:""}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-aggrid-vue"];t.default&&(t=t.default),zv().component("w-aggrid-vue",t)}n.cmpName="w-aggrid-vue"}))},computed:{},methods:{}};var Kh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt,height:n.height,filterall:n.filterall}})};Kh._withStripped=!0;const Yh=Fr({render:Kh,staticRenderFns:[]},(function(n){n&&n("data-v-176bf05a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WAggridVueDyn.vue"},media:void 0})}),Fh,"data-v-176bf05a",false,undefined,!1,Dr,void 0,void 0);const Dh={components:{demolink:Jr,WAggridVueDyn:Yh},props:{},data:function(){var n=["make","model","price"],e=[{make:"Toyota",model:"Celica",price:35e3},{make:"Ford",model:"Mondeo",price:32e3},{make:"Porsche",model:"Boxter",price:72e3},{make:"BMW",model:"Sedan",price:66e3},{make:"Nissan",model:"March",price:61e3},{make:"Lexus",model:"RX",price:56e3},{make:"Audi",model:"A6 Allroad",price:45e3},{make:"Mazda",model:"MX-5",price:36e3},{make:"Mercedes-Benz",model:"Cabriolet",price:86e3},{make:"Volkswagen",model:"Beetle",price:68e3},{make:"Honda",model:"City",price:69e3},{make:"Volvo",model:"S60",price:71e3},{make:"Subaru",model:"BRZ",price:48e3}];return{WAggridVueDyn:{opt1:{keys:n,rows:e},opt2:{keys:n,rows:e,defCellEditable:!0},opt3:{keys:n,rows:e,kpHeadTooltip:{make:function(n){return'<div style="font-size:8pt; font-weight:bold; color:#6fe;">['+n+"]</div><div>生產製造商</div>"},model:function(n){return'<div style="font-size:8pt; font-weight:bold; color:#6fe;">['+n+"]</div><div>車款型號</div>"},price:function(n){return'<div style="font-size:8pt; font-weight:bold; color:#6fe;">['+n+"]</div><div>虛擬販售價格</div>"}},kpCellTooltip:{make:function(n){return'<div style="font-size:9pt; color:#ecf;">[生產製造商]</div>'+n},model:function(n){return'<div style="font-size:9pt; color:#6f9;">[車款型號]</div>'+n},price:function(n){return'<div style="font-size:9pt; color:#fa6;">[虛擬販售價格]</div>'+n}}},opt4:{keys:n,rows:e,kpCellEditable:{price:!0},kpRowStyle:{price:function(n){return n>=7e4?{background:"#fac"}:{}}}},opt5:function(n,e){for(var t=[],o=1;o<=100;o++)t.push("Col-"+o);for(var r={},i=1;i<=100;i++)r[t[i-1]]="Cell-"+i;for(var a,l=[],s=1;s<=1e4;s++){a=JSON.parse(JSON.stringify(r));for(var c=1;c<=100;c++)a[t[c-1]]+="-"+s;l.push(a)}return{keys:t,rows:l}}()},actions:[]}}};var zh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-aggrid-vue-dyn",casename:"simple data"}}),n._v(" "),t("w-aggrid-vue-dyn",{ref:"rftable",staticStyle:{width:"620px"},attrs:{opt:n.WAggridVueDyn.opt1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-aggrid-vue-dyn",casename:"defCellEditable"}}),n._v(" "),t("w-aggrid-vue-dyn",{ref:"rftable",staticStyle:{width:"620px"},attrs:{opt:n.WAggridVueDyn.opt2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-aggrid-vue-dyn",casename:"kpHeadTooltip & kpCellTooltip"}}),n._v(" "),t("w-aggrid-vue-dyn",{ref:"rftable",staticStyle:{width:"620px"},attrs:{opt:n.WAggridVueDyn.opt3}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-aggrid-vue-dyn",casename:"kpCellEditable & kpRowStyle"}}),n._v(" "),t("w-aggrid-vue-dyn",{ref:"rftable",staticStyle:{width:"620px"},attrs:{opt:n.WAggridVueDyn.opt4}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{width:"100%"}},[t("demolink",{attrs:{kbname:"w-aggrid-vue-dyn",casename:"large data (1,000,000 items)"}}),n._v(" "),t("w-aggrid-vue-dyn",{ref:"rftable",attrs:{opt:n.WAggridVueDyn.opt5}})],1)])])};zh._withStripped=!0;const Eh=Fr({render:zh,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-aggrid-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//www.ag-grid.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("ag-grid")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.ag-grid.com/example.php",target:"_blank",rel:"noreferrer noopener"}},[n._v("ag-grid examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.ag-grid.com/vuejs-grid/",target:"_blank",rel:"noreferrer noopener"}},[n._v("ag-grid-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-aggrid-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-aggrid-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-aggrid-vue/examples/app.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-aggrid-vue examples")])])}]},(function(n){n&&n("data-v-5732bd2a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWAggridVueDyn.vue"},media:void 0})}),Dh,"data-v-5732bd2a",false,undefined,!1,Dr,void 0,void 0);var Nh=function(n,e,t){for(var o=-1,r=n.length,i=e.length,a={};++o<r;){var l=o<i?e[o]:void 0;t(a,n[o],l)}return a};var Jh=function(n,e){return Nh(n||[],e||[],Ni)};function $h(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!Id(n))return{};if(Id(e))return jr(n)===jr(e)?Jh(n,e):{};for(var t=[],o=0;o<jr(n);o++)t.push(Ba(e));var r=Jh(n,t);return r}function Oh(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!il(n))return{};if(!Id(e))return{};var o={};return yt(e,(function(e){o[e]=ie(n,e,t)})),o}const Mh={directives:{domresize:Ti()},components:{WButtonCircle:_u,WPopup:fd,WText:Nu,WButtonChip:is,WAggridVueDyn:Yh},props:{pathItems:{type:Array},name:{type:String,default:""},description:{type:String,default:""},inforPaddingStyle:{type:Object,default:function(){return{v:0,h:0}}},menuPaddingStyle:{type:Object,default:function(){return{v:3,h:3}}},menuBackgroundColor:{type:String,default:"transparent"},sortColIds:{type:[String,Array],default:""},hideIds:{type:[String,Array],default:""},fixIds:{type:[String,Array],default:""},checkId:{type:String,default:""},removeIdsWhenDownload:{type:[String,Array],default:""},editable:{type:Boolean,default:!1},textLabelDataName:{type:String,default:"Data name:"},textPlaceholderDataName:{type:String,default:"Please enter data name"},textLabelDataDescription:{type:String,default:"Data description:"},textPlaceholderDataDescription:{type:String,default:"Please enter data description"},tooltipAddRow:{type:String,default:"add new row"},tooltipDeleteSelectedRows:{type:String,default:"delete selected rows"},tooltipDownloadExcelFile:{type:String,default:"download data to Excel file"},tooltipUploadExcelFile:{type:String,default:"upload data to Excel file"},successMsgFromAddRow:{type:String,default:"add row successfully"},errorMsgFromAddRow:{type:String,default:"can not add row"},errorMsgFromRemoveRow:{type:String,default:"can not remove selected rows"},successMsgFromUploadData:{type:String,default:"upload data successfully"},errorMsgFromUploadData:{type:String,default:"can not upload data"},errorMsgFromUploadEmptyData:{type:String,default:"no effective data"},successMsgFromDownloadData:{type:String,default:"download data successfully"},errorMsgFromDownloadData:{type:String,default:"can not download data"},errorMsgFromNoName:{type:String,default:"no data name"},errorMsgFromNoData:{type:String,default:"no data"},uploadModeTitle:{type:String,default:"Choose mode of upload:"},uploadModeTextForReplace:{type:String,default:"Replace"},uploadModeTextForAppend:{type:String,default:"Append"},opt:{type:Object,default:null}},data:function(){return{mdiDownload:"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",mdiUpload:"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z",mdiDeleteForever:"M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z",mdiTextBoxPlusOutline:"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z",tableHeight:1,showPickUploadMode:!1,paramsTemp:null,nameTrans:"",descriptionTrans:"",rowsSelect:[],useOpt:null,nameTemp:"",descriptionTemp:"",rowsTemp:[]}},computed:{changeParamsForInfor:function(){var n=this,e=n.name,t=n.description;return n.nameTrans=hr(n.name),n.descriptionTrans=hr(n.description),n.nameTemp=hr(n.name),n.descriptionTemp=hr(n.description),n.___changeParamsForInfor___={name:e,description:t},""},changeParamsForTable:function(){var n=this,e={rows:ie(n,"opt.rows"),hideIds:n.hideIds,fixIds:n.fixIds,checkId:n.checkId,editable:n.editable};return Yi(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=Ba(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){var n=this,e=[];return Id(ie(n,"opt.keys"))?e=ie(n,"opt.keys"):Id(ie(n,"opt.rows"))&&(e=vt(ie(n,"rows.0",{}))),e},useKpHead:function(){var n,e=this;return il(ie(e,"opt.kpHead"))?n=ie(e,"opt.kpHead"):(n={},yt(e.useKeys,(function(e){n[e]=e}))),n},hasEffRows:function(){return jr(ie(this,"useOpt.rows",[]))>0},hasEffUseOpt:function(){return null!==this.useOpt},hasEffNameAndDesp:function(){return""!==this.nameTrans||""!==this.descriptionTrans},hasEffLabelNameAndDesp:function(){return""!==this.textLabelDataName||""!==this.textLabelDataDescription},useInforPadding:function(){var n=Ll(this.inforPaddingStyle);return"padding:".concat(n,";")},useMenuPaddingStyle:function(){var n=Ll(this.menuPaddingStyle);return"padding:".concat(n,";")},useMenuBackgroundColor:function(){return qr(this.menuBackgroundColor)}},methods:{domresize:function(n){var e=this,t=0,o=ie(e,"$el.offsetHeight",0),r=ie(e,"$refs.menu.offsetHeight");o>0&&r>0&&(t=o-r),t=Math.max(t,200),e.tableHeight=t},default:function(){var n=this;n.tableHeight=200,n.rowsSelect=[],n.useOpt=null,n.rowsTemp=[]},genOpt:function(){var n=this;if(0!==jr(n.useKeys)){var e=null;if(e=Va(ie(n,"opt.rows"))?Ba(ie(n,"opt.rows")):[$h(n.useKeys)],ir(n.sortColIds))try{e=ol(e,n.sortColIds)}catch(n){console.log(n)}else Id(n.sortColIds)&&yt(n.sortColIds,(function(n){try{e=ol(e,n)}catch(n){console.log(n)}}));n.rowsTemp=Ba(e);var t={rows:e,keys:n.useKeys,defCellEditable:n.editable,defCellAlighH:"left",kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e}};if(ir(n.hideIds)?t.kpHeadHide=$h([n.hideIds],!0):Id(n.hideIds)&&(t.kpHeadHide=$h(n.hideIds,!0)),ir(n.fixIds)?t.kpHeadFixLeft=$h([n.fixIds],!0):Id(n.fixIds)&&(t.kpHeadFixLeft=$h(n.fixIds,!0)),n.editable&&ir(n.checkId)&&(t.kpHeadCheckBox=$h([n.checkId],!0)),il(n.opt)){var o=Ba(n.opt);yt(o,(function(n,e){"keys"!==e&&"rows"!==e&&"kpHead"!==e&&"editable"!==e&&(t[e]=n)}))}n.useOpt=t}else n.default()},addRow:function(){var n=this;if(0===jr(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);var e=$h(n.useKeys);e.id=Wi(),xi(ie(n,"opt.beforeAddRow"))&&(e=n.opt.beforeAddRow(e));try{n.useOpt.rows.push(e),n.$nextTick((function(){var e=ie(n,"$refs.cmp.$refs.$self.getInstance");xi(e)&&e().api.ensureIndexVisible(n.useOpt.rows.length-1,"bottom")})),n.$emit("success",n.successMsgFromAddRow)}catch(e){console.log(e),n.$emit("error",n.errorMsgFromAddRow)}},removeRows:function(){var n=this,e=ie(n,"useOpt.rows",[]);if(e=Ba(e),0!==jr(e)){var t=tr(n.rowsSelect,"rowInd");if(0!==jr(t)){Op(e,t);try{n.useOpt.rows=e}catch(e){n.$emit("error",n.errorMsgFromRemoveRow)}n.rowsSelect=[]}}},downloadData:function(){var n=this;try{var e=ie(n,"$refs.cmp.$refs.$self.downloadData");if(!xi(e))return;e({funGetKeysHook:function(e){return ir(n.removeIdsWhenDownload)?oc(e,n.removeIdsWhenDownload):Id(n.removeIdsWhenDownload)&&oc.apply(void 0,[e].concat(Cs(n.removeIdsWhenDownload))),e}}),n.$emit("success",n.successMsgFromDownloadData)}catch(e){n.$emit("error",n.errorMsgFromDownloadData)}},uploadData:function(n){var e=this,t=ie(e,"$refs.cmp.$refs.$self.uploadData");if(xi(t)){var o=ie(e,"opt.optForUploadData");ja(o)||(o={}),ir(ie(o,"uploadMode"))||(o.uploadMode=n),xi(ie(o,"beforeUpload"))||(o.beforeUpload=function(n){var e=[];return yt(n,(function(n){Yp(n,(function(n){return""===n}))||e.push(n)})),e}),t(o).then((function(n){0===jr(n)?e.$emit("error",e.errorMsgFromUploadEmptyData):e.$emit("success",e.successMsgFromUploadData),e.rowsSelect=[]})).catch((function(n){console.log("catch",n),e.$emit("error",e.errorMsgFromUploadData)}))}},save:function(){var n,e=this;try{n=function(){var n=hr(e.nameTrans),t=hr(e.descriptionTrans);if(!ir(n))return{err:e.errorMsgFromNoName};var o=ie(e,"useOpt.rows",[]);o=function(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Id(n)&&Id(e)?tr(n,(function(n){return Oh(n,e,t)})):[]}(o,e.useKeys),xi(ie(e,"opt.modifyDataWhenSave"))&&(o=e.opt.modifyDataWhenSave(o));var r=ie(e,"opt.checkNoDataWhenSave");return La(r)||(r=!1),r&&0===o.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:Ba(o),rowsTemp:Ba(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Qh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParamsForInfor:n.changeParamsForInfor,changeParamsForTable:n.changeParamsForTable}},[n.hasEffUseOpt?[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"menu",on:{domresize:n.domresize}},[n.editable?[t("div",{style:""+n.useInforPadding},[t("table",{staticStyle:{width:"100%"}},[t("tbody",[t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataName))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("w-text",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataName},model:{value:n.nameTrans,callback:function(e){n.nameTrans=e},expression:"nameTrans"}})],1)]),n._v(" "),t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataDescription))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("w-text",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataDescription},model:{value:n.descriptionTrans,callback:function(e){n.descriptionTrans=e},expression:"descriptionTrans"}})],1)])])])]),n._v(" "),t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiTextBoxPlusOutline,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipAddRow},on:{click:n.addRow}}),n._v(" "),n.rowsSelect.length>0?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDeleteForever,iconColor:"#f26",backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDeleteSelectedRows},on:{click:n.removeRows}}):n._e(),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFile},on:{click:n.downloadData}}):n._e(),n._v(" "),t("WPopup",{scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiUpload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipUploadExcelFile},on:{click:function(e){n.showPickUploadMode=!0}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.8rem",color:"#666",background:"#eee"}},[n._v("\n                                    "+n._s(n.uploadModeTitle)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{padding:"15px"}},[t("WButtonChip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.kpUploadModeItems.replace,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("replace")}}}),n._v(" "),t("WButtonChip",{attrs:{_style:"margin:5px;",text:n.kpUploadModeItems.append,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("append")}}})],1)]},proxy:!0}],null,!1,2771795469),model:{value:n.showPickUploadMode,callback:function(e){n.showPickUploadMode=e},expression:"showPickUploadMode"}}),n._v(" "),n._t("btns",null,{editable:n.editable})],2)])]:[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,tooltip:n.tooltipDownloadExcelFile,backgroundColor:"white",backgroundColorHover:"white"},on:{click:n.downloadData}}):n._e(),n._v(" "),n._t("btns",null,{editable:n.editable})],2)]),n._v(" "),t("div",{style:""+n.useInforPadding},[n._t("infor",[t("div",{style:"display:inline-block; "+(n.hasEffNameAndDesp?"margin-left:5px;":"")},[t("div",{staticStyle:{"font-size":"1.0rem"}},[n._v("\n                                    "+n._s(n.nameTrans)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",opacity:"0.8"}},[n._v("\n                                    "+n._s(n.descriptionTrans)+"\n                                ")])])],{infor:{name:n.nameTrans,description:n.descriptionTrans}})],2)])]],2),n._v(" "),t("WAggridVueDyn",{ref:"cmp",attrs:{pathItems:n.pathItems,height:n.tableHeight,opt:n.useOpt}})]:n._e()],2)};Qh._withStripped=!0;const Uh={components:{demolink:Jr,WTableDyn:Fr({render:Qh,staticRenderFns:[]},(function(n){n&&n("data-v-e588671e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTableDyn.vue"},media:void 0})}),Mh,"data-v-e588671e",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){var n=["id","mappingId","order","make","model","price","isActive"],e=[{id:"id-Toyota",mappingId:"car_table",order:0,make:"Toyota",model:"Celica",price:35e3,isActive:"y"},{id:"id-Ford",mappingId:"car_table",order:1,make:"Ford",model:"Mondeo",price:32e3,isActive:"y"},{id:"id-Porsche",mappingId:"car_table",order:2,make:"Porsche",model:"Boxter",price:72e3,isActive:"y"},{id:"id-BMW",mappingId:"car_table",order:11,make:"BMW",model:"Sedan",price:66e3,isActive:"y"},{id:"id-Nissan",mappingId:"car_table",order:8,make:"Nissan",model:"March",price:61e3,isActive:"y"},{id:"id-Lexus",mappingId:"car_table",order:4,make:"Lexus",model:"RX",price:56e3,isActive:"y"},{id:"id-Audi",mappingId:"car_table",order:5,make:"Audi",model:"A6 Allroad",price:45e3,isActive:"y"},{id:"id-Mazda",mappingId:"car_table",order:6,make:"Mazda",model:"MX-5",price:36e3,isActive:"y"},{id:"id-Mercedes",mappingId:"car_table",order:7,make:"Mercedes-Benz",model:"Cabriolet",price:86e3,isActive:"y"},{id:"id-Volkswagen",mappingId:"car_table",order:9,make:"Volkswagen",model:"Beetle",price:68e3,isActive:"y"},{id:"id-Honda",mappingId:"car_table",order:10,make:"Honda",model:"City",price:69e3,isActive:"y"},{id:"id-Volvo",mappingId:"car_table",order:12,make:"Volvo",model:"S60",price:71e3,isActive:"y"},{id:"id-Subaru",mappingId:"car_table",order:3,make:"Subaru",model:"BRZ",price:48e3,isActive:"y"}];return{WTableDyn:{name:"Car Price",description:"The relationship between different car types and prices",opt1:{keys:["make","model","price"],rows:[{make:"Toyota",model:"Celica",price:35e3},{make:"Ford",model:"Mondeo",price:32e3},{make:"Porsche",model:"Boxter",price:72e3},{make:"BMW",model:"Sedan",price:66e3},{make:"Nissan",model:"March",price:61e3},{make:"Lexus",model:"RX",price:56e3},{make:"Audi",model:"A6 Allroad",price:45e3},{make:"Mazda",model:"MX-5",price:36e3},{make:"Mercedes-Benz",model:"Cabriolet",price:86e3},{make:"Volkswagen",model:"Beetle",price:68e3},{make:"Honda",model:"City",price:69e3},{make:"Volvo",model:"S60",price:71e3},{make:"Subaru",model:"BRZ",price:48e3}]},opt2:{keys:n,rows:e},opt3:{keys:n,rows:e,kpHead:{id:"主鍵",mappingId:"所屬主鍵",order:"順序",make:"Ecirp",model:"Ledom",price:"Ecirp",isActive:"有效"}},opt4:{keys:n,rows:e,beforeAddRow:function(n){return n.id="id-random-"+Math.random(),n}},opt5:{keys:n,rows:e,kpConvertKeysWhenUploadData:{makeTemp:"make",modelTemp:"model",priceTemp:"price"}},opt6:{keys:n,rows:e,optForUploadData:{pathItems:null,beforeUpload:null,parseSheetInd:1}},opt7:{keys:["id","mappingId","order","make","model","price","isActive"],rows:[{id:"",mappingId:"",order:0,make:"Toyota",model:"Celica",price:35e3},{id:"",mappingId:"",order:1,make:"Ford",model:"Mondeo",price:32e3},{id:"",mappingId:"",order:2,make:"Porsche",model:"Boxter",price:72e3},{id:"",mappingId:"",order:11,make:"BMW",model:"Sedan",price:66e3},{id:"",mappingId:"",order:8,make:"Nissan",model:"March",price:61e3},{id:"",mappingId:"",order:4,make:"Lexus",model:"RX",price:56e3},{id:"",mappingId:"",order:5,make:"Audi",model:"A6 Allroad",price:45e3},{id:"",mappingId:"",order:6,make:"Mazda",model:"MX-5",price:36e3},{id:"",mappingId:"",order:7,make:"Mercedes-Benz",model:"Cabriolet",price:86e3},{id:"",mappingId:"",order:9,make:"Volkswagen",model:"Beetle",price:68e3},{id:"",mappingId:"",order:10,make:"Honda",model:"City",price:69e3},{id:"",mappingId:"",order:12,make:"Volvo",model:"S60",price:71e3},{id:"",mappingId:"",order:3,make:"Subaru",model:"BRZ",price:48e3}],modifyDataWhenSave:function(n){console.log("modifyDataWhenSave",n);for(var e=0;e<n.length;e++){var t=n[e];t.id="id-random-"+Math.random(),t.mappingId="auto_car_table",t.order=e,t.isActive="y"}return n}}},actions:[]}},methods:{evSuccess:function(n){console.log("evSuccess:",n)},evError:function(n){console.log("evError:",n)},saveData:function(){var n=this.$refs.table.save();document.querySelector("#disp-save-data").innerHTML=JSON.stringify(n,null,2),console.log("saveData:",n)}}};var qh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"default"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{opt:n.WTableDyn.opt1},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"name & description"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt1},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"opt.kpHead"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt3},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"sortColIds (sort by order)"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,sortColIds:"order"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"hideIds (hide mappingId)"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,hideIds:"mappingId",_hideIds:"['id','mappingId','order']"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"fixIds (fix id)"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,fixIds:"id",_fixIds:"['id','mappingId']"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"removeIdsWhenDownload (remove id, mappingId, order, isActive)"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,removeIdsWhenDownload:["id","mappingId","order","isActive"]},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"slot infor (name & description)"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt1},on:{success:n.evSuccess,error:n.evError},scopedSlots:n._u([{key:"infor",fn:function(e){var o=e.infor;return[t("div",{attrs:{msg:"外層有flex故添加一層div避免影響"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{color:"#62f"}},[n._v(n._s(o.name))]),n._v(" "),t("div",{staticStyle:{"margin-left":"5px",padding:"0px 7px",color:"#fff","font-size":"0.7rem","border-radius":"30px",background:"#f26"}},[n._v("Agent")]),n._v(" "),t("div",{staticStyle:{"margin-left":"5px",padding:"0px 7px",color:"#fff","font-size":"0.7rem","border-radius":"30px",background:"#fa6"}},[n._v("Dealer")])]),n._v(" "),t("div",{staticStyle:{color:"#888","font-size":"0.7rem"}},[n._v("["+n._s(o.description)+"]")])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"slot btns"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt1},on:{success:n.evSuccess,error:n.evError},scopedSlots:n._u([{key:"btns",fn:function(e){return[t("select",{staticStyle:{padding:"0px 10px","background-color":"rgba(255,255,255,0.1)",color:"#666","font-size":"0.7rem",border:"1px solid rgba(0,0,0,0.3)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"0"}},[n._v("Select Item")]),n._v(" "),t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"1"}},[n._v("Quisquam")]),n._v(" "),t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"2"}},[n._v("Dolorem")]),n._v(" "),t("option",{style:(e.editable?"color:#666;":"color:#aaa;")+" font-size:0.7rem;",attrs:{value:"3",disabled:!e.editable}},[n._v("Ipsum")])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & inforPaddingStyle & menuBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{background:"#fafafa"}},[t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0,inforPaddingStyle:{top:15,right:20,bottom:20,left:20},menuBackgroundColor:"#eaeaea"},on:{success:n.evSuccess,error:n.evError}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & checkId"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0,checkId:"id"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & opt.beforeAddRow"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt4,editable:!0},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & opt.kpConvertKeysWhenUploadData"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt5,editable:!0},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & opt.optForUploadData"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt6,editable:!0},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & textLabelDataName & textPlaceholderDataName & textLabelDataDescription & textPlaceholderDataDescription"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0,textLabelDataName:"名稱",textPlaceholderDataName:"請輸入數據名稱",textLabelDataDescription:"說明",textPlaceholderDataDescription:"請輸入數據說明"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & checkId & tooltipAddRow & tooltipDeleteSelectedRows & tooltipDownloadExcelFile & tooltipUploadExcelFile & uploadModeTitle & uploadModeTextForReplace & uploadModeTextForAppend"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0,checkId:"id",tooltipAddRow:"新增數據",tooltipDeleteSelectedRows:"刪除選擇數據",tooltipDownloadExcelFile:"下載 Excel(xlsx) 數據檔案",tooltipUploadExcelFile:"上傳 Excel(xlsx) 數據檔案",uploadModeTitle:"請選擇上傳模式：",uploadModeTextForReplace:"取代",uploadModeTextForAppend:"於最後加入"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & checkId & successMsgFromAddRow & errorMsgFromAddRow & errorMsgFromRemoveRow & errorMsgFromUploadEmptyData & errorMsgFromUploadData & successMsgFromDownloadData & errorMsgFromDownloadData"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt2,editable:!0,checkId:"id",successMsgFromAddRow:"新增數據成功",errorMsgFromAddRow:"無法新增數據",errorMsgFromRemoveRow:"移除數據失敗",successMsgFromUploadData:"上傳數據成功",errorMsgFromUploadData:"無法上傳數據",errorMsgFromUploadEmptyData:"上傳檔案中無有效數據",successMsgFromDownloadData:"下載檔案成功",errorMsgFromDownloadData:"無法下載檔案"},on:{success:n.evSuccess,error:n.evError}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & slot btns"}}),n._v(" "),t("w-table-dyn",{staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt1,editable:!0},on:{success:n.evSuccess,error:n.evError},scopedSlots:n._u([{key:"btns",fn:function(e){return[t("select",{staticStyle:{padding:"0px 10px","background-color":"rgba(255,255,255,0.1)",color:"#666","font-size":"0.7rem",border:"1px solid rgba(0,0,0,0.3)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"0"}},[n._v("Select Item")]),n._v(" "),t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"1"}},[n._v("Quisquam")]),n._v(" "),t("option",{staticStyle:{color:"#666","font-size":"0.7rem"},attrs:{value:"2"}},[n._v("Dolorem")]),n._v(" "),t("option",{style:(e.editable?"color:#666;":"color:#aaa;")+" font-size:0.7rem;",attrs:{value:"3",disabled:!e.editable}},[n._v("Ipsum")])])]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-table-dyn",casename:"editable & checkId & opt.modifyDataWhenSave & save(call cmp. method) & errorMsgFromNoName & errorMsgFromNoData"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.saveData}},[n._v("save data")]),n._v(" "),t("w-table-dyn",{ref:"table",staticStyle:{width:"600px",height:"400px"},attrs:{name:n.WTableDyn.name,description:n.WTableDyn.description,opt:n.WTableDyn.opt7,editable:!0,checkId:"id",errorMsgFromNoName:"未輸入數據名稱",errorMsgFromNoData:"未給予有效數據"},on:{success:n.evSuccess,error:n.evError}}),n._v(" "),t("pre",{staticStyle:{"font-size":"0.7rem",width:"600px",height:"200px","overflow-y":"auto"},attrs:{id:"disp-save-data"}})],1)])])};qh._withStripped=!0;const nf=Fr({render:qh,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-table-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Wrap from:")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp=w-aggrid-vue-dyn",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-aggrid-vue-dyn")])])}]},(function(n){n&&n("data-v-d240a93e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTableDyn.vue"},media:void 0})}),Uh,"data-v-d240a93e",false,undefined,!1,Dr,void 0,void 0);var ef=function(n,e,t){(void 0!==t&&!_n(n[e],t)||void 0===t&&!(e in n))&&zi(n,e,t)};var tf=function(n){return J(n)&&gt(n)};var of=function(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]};var rf=function(n){return Ji(n,Ui(n))};var af=function(n,e,t,o,r,i,a){var l=of(n,t),s=of(e,t),c=a.get(s);if(c)ef(n,t,c);else{var d=i?i(l,s,t+"",n,e,a):void 0,u=void 0===d;if(u){var p=A(s),m=!p&&Me(s),g=!p&&!m&&it(s);d=s,p||m||g?A(l)?d=l:tf(l)?d=ea(l):m?(u=!1,d=na(s,!0)):g?(u=!1,d=ha(s,!0)):d=[]:El(s)||$e(s)?(d=l,$e(l)?d=rf(l):U(l)&&!nn(l)||(d=xa(s))):u=!1}u&&(a.set(s,d),r(d,s,o,i,a),a.delete(s)),ef(n,t,d)}};var lf=function n(e,t,o,r,i){e!==t&&Ye(t,(function(a,l){if(i||(i=new Ot),U(a))af(e,t,l,o,n,r,i);else{var s=r?r(of(e,l),a,l+"",e,t,i):void 0;void 0===s&&(s=a),ef(e,l,s)}}),Ui)};var sf=function(n){return tl((function(e,t){var o=-1,r=t.length,i=r>1?t[r-1]:void 0,a=r>2?t[2]:void 0;for(i=n.length>3&&"function"==typeof i?(r--,i):void 0,a&&wt(t[0],t[1],a)&&(i=r<3?void 0:i,r=1),e=Object(e);++o<r;){var l=t[o];l&&n(e,l,o,i)}return e}))}((function(n,e,t){lf(n,e,t)})),cf=V((function(n,e){n.exports=function(){function n(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function e(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(n){a(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}function t(n){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function r(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function i(n,e,t){return e&&r(n.prototype,e),t&&r(n,t),n}function a(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var l={backdrop:!0,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,inheritedAttributes:["crossOrigin","decoding","isMap","loading","referrerPolicy","sizes","srcset","useMap"],initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,focus:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,slideOnTouch:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,move:null,moved:null,rotate:null,rotated:null,scale:null,scaled:null,zoom:null,zoomed:null,play:null,stop:null},s='<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>',c="undefined"!=typeof window&&void 0!==window.document,d=c?window:{},u=!(!c||!d.document.documentElement)&&"ontouchstart"in d.document.documentElement,p=!!c&&"PointerEvent"in d,m="viewer",g="move",v="switch",h="zoom",f="".concat(m,"-active"),b="".concat(m,"-close"),y="".concat(m,"-fade"),x="".concat(m,"-fixed"),k="".concat(m,"-fullscreen"),C="".concat(m,"-fullscreen-exit"),S="".concat(m,"-hide"),w="".concat(m,"-hide-md-down"),W="".concat(m,"-hide-sm-down"),I="".concat(m,"-hide-xs-down"),_="".concat(m,"-in"),T="".concat(m,"-invisible"),H="".concat(m,"-loading"),A="".concat(m,"-move"),Z="".concat(m,"-open"),B="".concat(m,"-show"),V="".concat(m,"-transition"),P="click",j="dblclick",X="dragstart",G="focusin",R="keydown",L="load",F="error",K=u?"touchend touchcancel":"mouseup",Y=u?"touchmove":"mousemove",D=u?"touchstart":"mousedown",z=p?"pointerdown":D,E=p?"pointermove":Y,N=p?"pointerup pointercancel":K,J="resize",$="transitionend",O="wheel",M="ready",Q="show",U="shown",q="hide",nn="hidden",en="view",tn="viewed",on="move",rn="moved",an="rotate",ln="rotated",sn="scale",cn="scaled",dn="zoom",un="zoomed",pn="play",mn="stop",gn="".concat(m,"Action"),vn=/\s\s*/,hn=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function fn(n){return"string"==typeof n}var bn=Number.isNaN||d.isNaN;function yn(n){return"number"==typeof n&&!bn(n)}function xn(n){return void 0===n}function kn(n){return"object"===t(n)&&null!==n}var Cn=Object.prototype.hasOwnProperty;function Sn(n){if(!kn(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&Cn.call(t,"isPrototypeOf")}catch(n){return!1}}function wn(n){return"function"==typeof n}function Wn(n,e){if(n&&wn(e))if(Array.isArray(n)||yn(n.length)){var t,o=n.length;for(t=0;t<o&&!1!==e.call(n,n[t],t,n);t+=1);}else kn(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var In=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return kn(n)&&t.length>0&&t.forEach((function(e){kn(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},_n=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Tn(n,e){var t=n.style;Wn(e,(function(n,e){_n.test(e)&&yn(n)&&(n+="px"),t[e]=n}))}function Hn(n){return fn(n)?n.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):n}function An(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Zn(n,e){if(n&&e)if(yn(n.length))Wn(n,(function(n){Zn(n,e)}));else if(n.classList)n.classList.add(e);else{var t=n.className.trim();t?t.indexOf(e)<0&&(n.className="".concat(t," ").concat(e)):n.className=e}}function Bn(n,e){n&&e&&(yn(n.length)?Wn(n,(function(n){Bn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function Vn(n,e,t){e&&(yn(n.length)?Wn(n,(function(n){Vn(n,e,t)})):t?Zn(n,e):Bn(n,e))}var Pn=/([a-z\d])([A-Z])/g;function jn(n){return n.replace(Pn,"$1-$2").toLowerCase()}function Xn(n,e){return kn(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(jn(e)))}function Gn(n,e,t){kn(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(jn(e)),t)}var Rn=function(){var n=!1;if(c){var e=!1,t=function(){},o=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});d.addEventListener("test",t,o),d.removeEventListener("test",t,o)}return n}();function Ln(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(vn).forEach((function(e){if(!Rn){var i=n.listeners;i&&i[e]&&i[e][t]&&(r=i[e][t],delete i[e][t],0===Object.keys(i[e]).length&&delete i[e],0===Object.keys(i).length&&delete n.listeners)}n.removeEventListener(e,r,o)}))}function Fn(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(vn).forEach((function(e){if(o.once&&!Rn){var i=n.listeners,a=void 0===i?{}:i;r=function(){delete a[e][t],n.removeEventListener(e,r,o);for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];t.apply(n,l)},a[e]||(a[e]={}),a[e][t]&&n.removeEventListener(e,a[e][t],o),a[e][t]=r,n.listeners=a}n.addEventListener(e,r,o)}))}function Kn(n,t,o,r){var i;return wn(Event)&&wn(CustomEvent)?i=new CustomEvent(t,e({bubbles:!0,cancelable:!0,detail:o},r)):(i=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,o),n.dispatchEvent(i)}function Yn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function Dn(n){var e=n.rotate,t=n.scaleX,o=n.scaleY,r=n.translateX,i=n.translateY,a=[];yn(r)&&0!==r&&a.push("translateX(".concat(r,"px)")),yn(i)&&0!==i&&a.push("translateY(".concat(i,"px)")),yn(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),yn(t)&&1!==t&&a.push("scaleX(".concat(t,")")),yn(o)&&1!==o&&a.push("scaleY(".concat(o,")"));var l=a.length?a.join(" "):"none";return{WebkitTransform:l,msTransform:l,transform:l}}function zn(n){return fn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var En=d.navigator&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(d.navigator.userAgent);function Nn(n,e,t){var o=document.createElement("img");if(n.naturalWidth&&!En)return t(n.naturalWidth,n.naturalHeight),o;var r=document.body||document.documentElement;return o.onload=function(){t(o.width,o.height),En||r.removeChild(o)},Wn(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&o.setAttribute(e,t)})),o.src=n.src,En||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",r.appendChild(o)),o}function Jn(n){switch(n){case 2:return I;case 3:return W;case 4:return w;default:return""}}function $n(n){var t=e({},n),o=[];return Wn(n,(function(n,e){delete t[e],Wn(t,(function(e){var t=Math.abs(n.startX-e.startX),r=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),a=Math.abs(n.endY-e.endY),l=Math.sqrt(t*t+r*r),s=(Math.sqrt(i*i+a*a)-l)/l;o.push(s)}))})),o.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),o[0]}function On(n,t){var o=n.pageX,r=n.pageY,i={endX:o,endY:r};return t?i:e({timeStamp:Date.now(),startX:o,startY:r},i)}function Mn(n){var e=0,t=0,o=0;return Wn(n,(function(n){var r=n.startX,i=n.startY;e+=r,t+=i,o+=1})),{pageX:e/=o,pageY:t/=o}}var Qn,Un={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initBody:function(){var n=this.element.ownerDocument,e=n.body||n.documentElement;this.body=e,this.scrollbarWidth=window.innerWidth-n.documentElement.clientWidth,this.initialBodyPaddingRight=e.style.paddingRight,this.initialBodyComputedPaddingRight=window.getComputedStyle(e).paddingRight},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var n,e=this.options,t=this.parent;e.inline&&(n={width:Math.max(t.offsetWidth,e.minWidth),height:Math.max(t.offsetHeight,e.minHeight)},this.parentData=n),!this.fulled&&n||(n=this.containerData),this.viewerData=In({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Tn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,o=this.list,r=[];o.innerHTML="",Wn(this.images,(function(e,i){var a=e.src,l=e.alt||zn(a),s=n.getImageURL(e);if(a||s){var c=document.createElement("li"),d=document.createElement("img");Wn(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&d.setAttribute(n,t)})),d.src=a||s,d.alt=l,d.setAttribute("data-original-url",s||a),c.setAttribute("data-index",i),c.setAttribute("data-viewer-action","view"),c.setAttribute("role","button"),t.keyboard&&c.setAttribute("tabindex",0),c.appendChild(d),o.appendChild(c),r.push(c)}})),this.items=r,Wn(r,(function(e){var o,r,i=e.firstElementChild;Gn(i,"filled",!0),t.loading&&Zn(e,H),Fn(i,L,o=function(o){Ln(i,F,r),t.loading&&Bn(e,H),n.loadImage(o)},{once:!0}),Fn(i,F,r=function(){Ln(i,L,o),t.loading&&Bn(e,H)},{once:!0})})),t.transition&&Fn(e,tn,(function(){Zn(o,V)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n];if(e){var t=e.nextElementSibling,o=parseInt(window.getComputedStyle(t||e).marginLeft,10),r=e.offsetWidth,i=r+o;Tn(this.list,In({width:i*this.length-o},Dn({translateX:(this.viewerData.width-r)/2-i*n})))}},resetList:function(){var n=this.list;n.innerHTML="",Bn(n,V),Tn(n,Dn({translateX:0}))},initImage:function(n){var e,t=this,o=this.options,r=this.image,i=this.viewerData,a=this.footer.offsetHeight,l=i.width,s=Math.max(i.height-a,a),c=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Nn(r,o,(function(e,r){var i=e/r,a=l,d=s;t.imageInitializing=!1,s*i>l?d=l/i:a=s*i,a=Math.min(.9*a,e),d=Math.min(.9*d,r);var u=(l-a)/2,p=(s-d)/2,m={left:u,top:p,x:u,y:p,width:a,height:d,oldRatio:1,ratio:a/e,aspectRatio:i,naturalWidth:e,naturalHeight:r},g=In({},m);o.rotatable&&(m.rotate=c.rotate||0,g.rotate=0),o.scalable&&(m.scaleX=c.scaleX||1,m.scaleY=c.scaleY||1,g.scaleX=1,g.scaleY=1),t.imageData=m,t.initialImageData=g,n&&n()}))},renderImage:function(n){var e=this,t=this.image,o=this.imageData;if(Tn(t,In({width:o.width,height:o.height,marginLeft:o.x,marginTop:o.y},Dn(o))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&An(t,V)){var r=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){Ln(t,$,r)}},Fn(t,$,r,{once:!0})}else n()},resetImage:function(){if(this.viewing||this.viewed){var n=this.image;this.viewing&&this.viewing.abort(),n.parentNode.removeChild(n),this.image=null}}},qn={bind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;Fn(e,P,this.onClick=this.click.bind(this)),Fn(e,X,this.onDragStart=this.dragstart.bind(this)),Fn(t,z,this.onPointerDown=this.pointerdown.bind(this)),Fn(o,E,this.onPointerMove=this.pointermove.bind(this)),Fn(o,N,this.onPointerUp=this.pointerup.bind(this)),Fn(o,R,this.onKeyDown=this.keydown.bind(this)),Fn(window,J,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&Fn(e,O,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&Fn(t,j,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;Ln(e,P,this.onClick),Ln(e,X,this.onDragStart),Ln(t,z,this.onPointerDown),Ln(o,E,this.onPointerMove),Ln(o,N,this.onPointerUp),Ln(o,R,this.onKeyDown),Ln(window,J,this.onResize),n.zoomable&&n.zoomOnWheel&&Ln(e,O,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&Ln(t,j,this.onDblclick)}},ne={click:function(n){var e=this.options,t=this.imageData,o=n.target,r=Xn(o,gn);switch(r||"img"!==o.localName||"li"!==o.parentElement.localName||(r=Xn(o=o.parentElement,gn)),u&&n.isTrusted&&o===this.canvas&&clearTimeout(this.clickCanvasTimeout),r){case"mix":this.played?this.stop():e.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.hide();break;case"view":this.view(Xn(o,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(e.loop);break;case"play":this.play(e.fullscreen);break;case"next":this.next(e.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-t.scaleX||-1);break;case"flip-vertical":this.scaleY(-t.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(n){n.preventDefault(),this.viewed&&n.target===this.image&&(u&&n.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle(n))},load:function(){var n=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,t=this.options,o=this.image,r=this.index,i=this.viewerData;Bn(o,T),t.loading&&Bn(this.canvas,H),o.style.cssText="height:0;"+"margin-left:".concat(i.width/2,"px;")+"margin-top:".concat(i.height/2,"px;")+"max-width:none!important;position:relative;width:0;",this.initImage((function(){Vn(o,A,t.movable),Vn(o,V,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,wn(t.viewed)&&Fn(e,tn,t.viewed,{once:!0}),Kn(e,tn,{originalImage:n.images[r],index:r,image:o},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,o=t.offsetWidth||30,r=t.offsetHeight||50,i=!!Xn(e,"filled");Nn(e,this.options,(function(n,t){var a=n/t,l=o,s=r;r*a>o?i?l=r*a:s=o/a:i?s=o/a:l=r*a,Tn(e,In({width:l,height:s},Dn({translateX:(o-l)/2,translateY:(r-s)/2})))}))},keydown:function(n){var e=this.options;if(e.keyboard){var t=n.keyCode||n.which||n.charCode;switch(t){case 13:this.viewer.contains(n.target)&&this.click(n)}if(this.fulled)switch(t){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.prev(e.loop);break;case 38:n.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.next(e.loop);break;case 40:n.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:n.ctrlKey&&(n.preventDefault(),this.toggle())}}},dragstart:function(n){"img"===n.target.localName&&n.preventDefault()},pointerdown:function(n){var e=this.options,t=this.pointers,o=n.buttons,r=n.button;if(!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(yn(o)&&1!==o||yn(r)&&0!==r||n.ctrlKey))){n.preventDefault(),n.changedTouches?Wn(n.changedTouches,(function(n){t[n.identifier]=On(n)})):t[n.pointerId||0]=On(n);var i=!!e.movable&&g;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=h:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=v),!e.transition||i!==g&&i!==h||Bn(this.image,V),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?Wn(n.changedTouches,(function(n){In(e[n.identifier]||{},On(n,!0))})):In(e[n.pointerId||0]||{},On(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,o=this.options,r=this.action,i=this.pointers;n.changedTouches?Wn(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),r&&(n.preventDefault(),!o.transition||r!==g&&r!==h||Zn(this.image,V),this.action=!1,u&&r!==h&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),o.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Kn(t.image,j)}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,o.backdrop&&"static"!==o.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Kn(t.canvas,P)}),50)))))},resize:function(){var n=this;if(this.isShown&&!this.hiding&&(this.fulled&&(this.close(),this.initBody(),this.open()),this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();Wn(this.player.getElementsByTagName("img"),(function(e){Fn(e,L,n.loadImage.bind(n),{once:!0}),Kn(e,L)}))}},wheel:function(n){var e=this;if(this.viewed&&(n.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var t=Number(this.options.zoomRatio)||.1,o=1;n.deltaY?o=n.deltaY>0?1:-1:n.wheelDelta?o=-n.wheelDelta/120:n.detail&&(o=n.detail>0?1:-1),this.zoom(-o*t,!0,n)}}},ee={show:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,t=this.options;if(t.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(n),this;if(wn(t.show)&&Fn(e,Q,t.show,{once:!0}),!1===Kn(e,Q)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var o=this.viewer;if(Bn(o,S),o.setAttribute("role","dialog"),o.setAttribute("aria-labelledby",this.title.id),o.setAttribute("aria-modal",!0),o.removeAttribute("aria-hidden"),t.transition&&!n){var r=this.shown.bind(this);this.transitioning={abort:function(){Ln(o,$,r),Bn(o,_)}},Zn(o,V),o.initialOffsetWidth=o.offsetWidth,Fn(o,$,r,{once:!0}),Zn(o,_)}else Zn(o,_),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,o=this.options;if(o.inline||this.hiding||!this.isShown&&!this.showing)return this;if(wn(o.hide)&&Fn(t,q,o.hide,{once:!0}),!1===Kn(t,q))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var r=this.viewer,i=this.image,a=function(){Bn(r,_),n.hidden()};if(o.transition&&!e){var l=function e(t){t&&t.target===r&&(Ln(r,$,e),n.hidden())},s=function(){An(r,V)?(Fn(r,$,l),Bn(r,_)):a()};this.transitioning={abort:function(){n.viewed&&An(i,V)?Ln(i,$,s):An(r,V)&&Ln(r,$,l)}},this.viewed&&An(i,V)?(Fn(i,$,s,{once:!0}),this.zoomTo(0,!1,null,!0)):s()}else a();return this},view:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;if(!this.isShown)return this.index=e,this.show();this.viewing&&this.viewing.abort();var t=this.element,o=this.options,r=this.title,i=this.canvas,a=this.items[e],l=a.querySelector("img"),s=Xn(l,"originalUrl"),c=l.getAttribute("alt"),d=document.createElement("img");if(Wn(o.inheritedAttributes,(function(n){var e=l.getAttribute(n);null!==e&&d.setAttribute(n,e)})),d.src=s,d.alt=c,wn(o.view)&&Fn(t,en,o.view,{once:!0}),!1===Kn(t,en,{originalImage:this.images[e],index:e,image:d})||!this.isShown||this.hiding||this.played)return this;var u=this.items[this.index];u&&(Bn(u,f),u.removeAttribute("aria-selected")),Zn(a,f),a.setAttribute("aria-selected",!0),o.focus&&a.focus(),this.image=d,this.viewed=!1,this.index=e,this.imageData={},Zn(d,T),o.loading&&Zn(i,H),i.innerHTML="",i.appendChild(d),this.renderList(),r.innerHTML="";var p,m,g=function(){var e=n.imageData,t=Array.isArray(o.title)?o.title[1]:o.title;r.innerHTML=Hn(wn(t)?t.call(n,d,e):"".concat(c," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return Fn(t,tn,g,{once:!0}),this.viewing={abort:function(){Ln(t,tn,g),d.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(d.src="",Ln(d,L,p),n.timeout&&clearTimeout(n.timeout))}},d.complete?this.load():(Fn(d,L,p=function(){Ln(d,F,m),n.load()},{once:!0}),Fn(d,F,m=function(){Ln(d,L,p),n.timeout&&(clearTimeout(n.timeout),n.timeout=!1),Bn(d,T),o.loading&&Bn(n.canvas,H)},{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Bn(d,T),n.timeout=!1}),1e3)),this},prev:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=n?this.length-1:0),this.view(e),this},next:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,t=this.index+1;return t>e&&(t=n?0:e),this.view(t),this},move:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,t=this.imageData;return this.moveTo(xn(n)?n:t.x+Number(n),xn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.element,i=this.options,a=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var l=a.x,s=a.y,c=!1;if(yn(n)?c=!0:n=l,yn(t)?c=!0:t=s,c){if(wn(i.move)&&Fn(r,on,i.move,{once:!0}),!1===Kn(r,on,{x:n,y:t,oldX:l,oldY:s,originalEvent:o}))return this;a.x=n,a.y=t,a.left=n,a.top=t,this.moving=!0,this.renderImage((function(){e.moving=!1,wn(i.moved)&&Fn(r,rn,i.moved,{once:!0}),Kn(r,rn,{x:n,y:t,oldX:l,oldY:s,originalEvent:o},{cancelable:!1})}))}}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n)),this},rotateTo:function(n){var e=this,t=this.element,o=this.options,r=this.imageData;if(yn(n=Number(n))&&this.viewed&&!this.played&&o.rotatable){var i=r.rotate;if(wn(o.rotate)&&Fn(t,an,o.rotate,{once:!0}),!1===Kn(t,an,{degree:n,oldDegree:i}))return this;r.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,wn(o.rotated)&&Fn(t,ln,o.rotated,{once:!0}),Kn(t,ln,{degree:n,oldDegree:i},{cancelable:!1})}))}return this},scaleX:function(n){return this.scale(n,this.imageData.scaleY),this},scaleY:function(n){return this.scale(this.imageData.scaleX,n),this},scale:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=this.element,r=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&r.scalable){var a=i.scaleX,l=i.scaleY,s=!1;if(yn(n)?s=!0:n=a,yn(t)?s=!0:t=l,s){if(wn(r.scale)&&Fn(o,sn,r.scale,{once:!0}),!1===Kn(o,sn,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,wn(r.scaled)&&Fn(o,cn,r.scaled,{once:!0}),Kn(o,cn,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l},{cancelable:!1})}))}}return this},zoom:function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(o.width*n/o.naturalWidth,e,t),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=this.element,a=this.options,l=this.pointers,s=this.imageData,c=s.x,d=s.y,u=s.width,p=s.height,m=s.naturalWidth,g=s.naturalHeight;if(yn(n=Math.max(0,n))&&this.viewed&&!this.played&&(r||a.zoomable)){if(!r){var v=Math.max(.01,a.minZoomRatio),h=Math.min(100,a.maxZoomRatio);n=Math.min(Math.max(n,v),h)}o&&a.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);var f=m*n,b=g*n,y=f-u,x=b-p,k=s.ratio;if(wn(a.zoom)&&Fn(i,dn,a.zoom,{once:!0}),!1===Kn(i,dn,{ratio:n,oldRatio:k,originalEvent:o}))return this;if(this.zooming=!0,o){var C=Yn(this.viewer),S=l&&Object.keys(l).length?Mn(l):{pageX:o.pageX,pageY:o.pageY};s.x-=y*((S.pageX-C.left-c)/u),s.y-=x*((S.pageY-C.top-d)/p)}else s.x-=y/2,s.y-=x/2;s.left=s.x,s.top=s.y,s.width=f,s.height=b,s.oldRatio=k,s.ratio=n,this.renderImage((function(){e.zooming=!1,wn(a.zoomed)&&Fn(i,un,a.zoomed,{once:!0}),Kn(i,un,{ratio:n,oldRatio:k,originalEvent:o},{cancelable:!1})})),t&&this.tooltip()}return this},play:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var t=this.element,o=this.options;if(wn(o.play)&&Fn(t,pn,o.play,{once:!0}),!1===Kn(t,pn))return this;var r=this.player,i=this.loadImage.bind(this),a=[],l=0,s=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Zn(r,B),Wn(this.items,(function(n,e){var t=n.querySelector("img"),c=document.createElement("img");c.src=Xn(t,"originalUrl"),c.alt=t.getAttribute("alt"),c.referrerPolicy=t.referrerPolicy,l+=1,Zn(c,y),Vn(c,V,o.transition),An(n,f)&&(Zn(c,_),s=e),a.push(c),Fn(c,L,i,{once:!0}),r.appendChild(c)})),yn(o.interval)&&o.interval>0){var c=function e(){n.playing=setTimeout((function(){Bn(a[s],_),Zn(a[s=(s+=1)<l?s:0],_),e()}),o.interval)};l>1&&c()}return this},stop:function(){var n=this;if(!this.played)return this;var e=this.element,t=this.options;if(wn(t.stop)&&Fn(e,mn,t.stop,{once:!0}),!1===Kn(e,mn))return this;var o=this.player;return this.played=!1,clearTimeout(this.playing),Wn(o.getElementsByTagName("img"),(function(e){Ln(e,L,n.onLoadWhenPlay)})),Bn(o,B),o.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Zn(this.button,C),e.transition&&(Bn(r,V),this.viewed&&Bn(o,V)),Zn(t,x),t.setAttribute("role","dialog"),t.setAttribute("aria-labelledby",this.title.id),t.setAttribute("aria-modal",!0),t.removeAttribute("style"),Tn(t,{zIndex:e.zIndex}),e.focus&&this.enforceFocus(),this.initContainer(),this.viewerData=In({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Zn(o,V),Zn(r,V)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Bn(this.button,C),e.transition&&(Bn(r,V),this.viewed&&Bn(o,V)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Bn(t,x),Tn(t,{zIndex:e.zIndexInline}),this.viewerData=In({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Zn(o,V),Zn(r,V)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,o=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*o.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Kn(t,$),Zn(t,B),Zn(t,y),Zn(t,V),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Zn(t,_)):(Zn(t,B),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(Fn(t,$,(function(){Bn(t,B),Bn(t,y),Bn(t,V),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Bn(t,_),n.fading=!0):(Bn(t,B),t.setAttribute("aria-hidden",!0)),n.tooltipping=!1}),1e3),this):this},toggle:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 1===this.imageData.ratio?this.zoomTo(this.imageData.oldRatio,!0,n):this.zoomTo(1,!0,n),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=In({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,o=this.isImg;if(o&&!e.parentNode)return this.destroy();var r=[];if(Wn(o?[e]:e.querySelectorAll("img"),(function(e){wn(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),!r.length)return this;if(this.images=r,this.length=r.length,this.ready){var i=[];if(Wn(this.items,(function(n,e){var t=n.querySelector("img"),o=r[e];o&&t&&o.src===t.src&&o.alt===t.alt||i.push(e)})),Tn(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var a=i.indexOf(this.index);if(a>=0)this.viewed=!1,this.view(Math.max(Math.min(this.index-a,this.length-1),0));else{var l=this.items[this.index];Zn(l,f),l.setAttribute("aria-selected",!0)}}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var n=this.element,e=this.options;return n[m]?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||Ln(n,P,this.onStart),n[m]=void 0,this):this}},te={getImageURL:function(n){var e=this.options.url;return e=fn(e)?n.getAttribute(e):wn(e)?e.call(this,n):""},enforceFocus:function(){var n=this;this.clearEnforceFocus(),Fn(document,G,this.onFocusin=function(e){var t=n.viewer,o=e.target;o===document||o===t||t.contains(o)||null!==o.getAttribute("tabindex")&&"true"===o.getAttribute("aria-modal")||t.focus()})},clearEnforceFocus:function(){this.onFocusin&&(Ln(document,G,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Zn(n,Z),n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px")},close:function(){var n=this.body;Bn(n,Z),n.style.paddingRight=this.initialBodyPaddingRight},shown:function(){var n=this.element,e=this.options,t=this.viewer;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,e.focus&&(t.focus(),this.enforceFocus()),wn(e.shown)&&Fn(n,U,e.shown,{once:!0}),!1!==Kn(n,U)&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var n=this.element,e=this.options,t=this.viewer;e.fucus&&this.clearEnforceFocus(),this.fulled=!1,this.viewed=!1,this.isShown=!1,this.close(),this.unbind(),Zn(t,S),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),t.setAttribute("aria-hidden",!0),this.resetList(),this.resetImage(),this.hiding=!1,this.destroyed||(wn(e.hidden)&&Fn(n,nn,e.hidden,{once:!0}),Kn(n,nn,null,{cancelable:!1}))},requestFullscreen:function(n){var e=this.element.ownerDocument;if(this.fulled&&!(e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement)){var t=e.documentElement;t.requestFullscreen?Sn(n)?t.requestFullscreen(n):t.requestFullscreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):t.mozRequestFullScreen?t.mozRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()}},exitFullscreen:function(){var n=this.element.ownerDocument;this.fulled&&(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen&&n.msExitFullscreen())},change:function(n){var e=this.options,t=this.pointers,o=t[Object.keys(t)[0]];if(o){var r=o.endX-o.startX,i=o.endY-o.startY;switch(this.action){case g:this.move(r,i,n);break;case h:this.zoom($n(t),!1,n);break;case v:this.action="switched";var a=Math.abs(r);a>1&&a>Math.abs(i)&&(this.pointers={},r>1?this.prev(e.loop):r<-1&&this.next(e.loop))}Wn(t,(function(n){n.startX=n.endX,n.startY=n.endY}))}},isSwitchable:function(){var n=this.imageData,e=this.viewerData;return this.length>1&&n.x>=0&&n.y>=0&&n.width<=e.width&&n.height<=e.height}},oe=d.Viewer,re=(Qn=-1,function(){return Qn+=1}),ie=function(){function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(o(this,n),!e||1!==e.nodeType)throw new Error("The first argument is required and must be an element.");this.element=e,this.options=In({},l,Sn(t)&&t),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.moving=!1,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.rotating=!1,this.scaling=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.id=re(),this.init()}return i(n,[{key:"init",value:function(){var n=this,e=this.element,t=this.options;if(!e[m]){e[m]=this,t.focus&&!t.keyboard&&(t.focus=!1);var o="img"===e.localName,r=[];if(Wn(o?[e]:e.querySelectorAll("img"),(function(e){wn(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),this.isImg=o,this.length=r.length,this.images=r,this.initBody(),xn(document.createElement(m).style.transition)&&(t.transition=!1),t.inline){var i=0,a=function(){var e;(i+=1)===n.length&&(n.initializing=!1,n.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){n.delaying=!1,n.build()}),0))};this.initializing={abort:function(){Wn(r,(function(n){n.complete||Ln(n,L,a)}))}},Wn(r,(function(n){n.complete?a():Fn(n,L,a,{once:!0})}))}else Fn(e,P,this.onStart=function(e){var o=e.target;"img"!==o.localName||wn(t.filter)&&!t.filter.call(n,o)||n.view(n.images.indexOf(o))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,o=document.createElement("div");o.innerHTML=s;var r=o.querySelector(".".concat(m,"-container")),i=r.querySelector(".".concat(m,"-title")),a=r.querySelector(".".concat(m,"-toolbar")),l=r.querySelector(".".concat(m,"-navbar")),c=r.querySelector(".".concat(m,"-button")),d=r.querySelector(".".concat(m,"-canvas"));if(this.parent=t,this.viewer=r,this.title=i,this.toolbar=a,this.navbar=l,this.button=c,this.canvas=d,this.footer=r.querySelector(".".concat(m,"-footer")),this.tooltipBox=r.querySelector(".".concat(m,"-tooltip")),this.player=r.querySelector(".".concat(m,"-player")),this.list=r.querySelector(".".concat(m,"-list")),r.id="".concat(m).concat(this.id),i.id="".concat(m,"Title").concat(this.id),Zn(i,e.title?Jn(Array.isArray(e.title)?e.title[0]:e.title):S),Zn(l,e.navbar?Jn(e.navbar):S),Vn(c,S,!e.button),e.keyboard&&c.setAttribute("tabindex",0),e.backdrop&&(Zn(r,"".concat(m,"-backdrop")),e.inline||"static"===e.backdrop||Gn(d,gn,"hide")),fn(e.className)&&e.className&&e.className.split(vn).forEach((function(n){Zn(r,n)})),e.toolbar){var u=document.createElement("ul"),p=Sn(e.toolbar),g=hn.slice(0,3),v=hn.slice(7,9),h=hn.slice(9);p||Zn(a,Jn(e.toolbar)),Wn(p?e.toolbar:hn,(function(n,t){var o=p&&Sn(n),r=p?jn(t):n,i=o&&!xn(n.show)?n.show:n;if(i&&(e.zoomable||-1===g.indexOf(r))&&(e.rotatable||-1===v.indexOf(r))&&(e.scalable||-1===h.indexOf(r))){var a=o&&!xn(n.size)?n.size:n,l=o&&!xn(n.click)?n.click:n,s=document.createElement("li");e.keyboard&&s.setAttribute("tabindex",0),s.setAttribute("role","button"),Zn(s,"".concat(m,"-").concat(r)),wn(l)||Gn(s,gn,r),yn(i)&&Zn(s,Jn(i)),-1!==["small","large"].indexOf(a)?Zn(s,"".concat(m,"-").concat(a)):"play"===r&&Zn(s,"".concat(m,"-large")),wn(l)&&Fn(s,P,l),u.appendChild(s)}})),a.appendChild(u)}else Zn(a,S);if(!e.rotatable){var f=a.querySelectorAll('li[class*="rotate"]');Zn(f,T),Wn(f,(function(n){a.appendChild(n)}))}if(e.inline)Zn(c,k),Tn(r,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Tn(t,{position:"relative"}),t.insertBefore(r,n.nextSibling);else{Zn(c,b),Zn(r,x),Zn(r,y),Zn(r,S),Tn(r,{zIndex:e.zIndex});var C=e.container;fn(C)&&(C=n.ownerDocument.querySelector(C)),C||(C=this.body),C.appendChild(r)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,wn(e.ready)&&Fn(n,M,e.ready,{once:!0}),!1!==Kn(n,M)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=oe,n}},{key:"setDefaults",value:function(n){In(l,Sn(n)&&n)}}]),n}();return In(ie.prototype,Un,qn,ne,ee,te),ie}()}));function df(){var n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}function uf(){var n=Ip();return cf||n.Viewer}function pf(n){return mf.apply(this,arguments)}function mf(){return(mf=hs(fs.mark((function n(e){var t,o,r,i,a,l,s,c,d,u,p,m=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=m.length>1&&void 0!==m[1]?m[1]:null,o=m.length>2&&void 0!==m[2]?m[2]:{},r=!0,i=null,a=Ka(),il(o)||(o={}),Jl(e)){n.next=11;break}return a.reject("eleImg is not HTMLElement"),n.abrupt("return",a);case 11:i=e;case 12:if(null===t){n.next=20;break}if(Jl(t)){n.next=18;break}return a.reject("eleGroup is not HTMLElement"),n.abrupt("return",a);case 18:r=!1,i=t;case 20:if(r){n.next=29;break}if(l=t.querySelectorAll("img"),0!==(s=jr(l))){n.next=28;break}return a.reject("eleGroup does not contain any img"),n.abrupt("return",a);case 28:1===s&&(r=!0);case 29:return c={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0},r||(c=df()),c=sf(c,Ba(o)),d=!1,c.hide=function(){d||(d=!0,p.hide(!0))},c.hidden=function(){p.destroy(),a.resolve("close")},u=uf(),(p=new u(i,c)).show(),n.abrupt("return",a);case 39:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function gf(n){return vf.apply(this,arguments)}function vf(){return(vf=hs(fs.mark((function n(e){var t,o,r,i=arguments;return fs.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=i.length>1&&void 0!==i[1]?i[1]:null,o=i.length>2&&void 0!==i[2]?i[2]:{},Id(r=i.length>3?i[3]:void 0)||(r=["https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js"]),n.next=6,Dv(r);case 6:return n.abrupt("return",pf(e,t,o));case 7:case"end":return n.stop()}}),n)})))).apply(this,arguments)}const hf={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js"]}},images:{type:Array,default:function(){return[]}},imageStyle:{type:Object,default:function(){}},opt:{type:Object,default:function(){}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){n.loading=!1,n.$nextTick((function(){var e=ie(n,"$refs.wiv",[]);yt(e,(function(n,e){_p(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return sf({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){var e=this,t=null;e.multiple&&(t=e.$refs.wig),gf(n.currentTarget,t,e.opt,e.pathItems).catch((function(n){console.log(n)}))}}};var ff=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):t("div",{ref:"wig"},n._l(n.images,(function(e,o){return t("div",{key:o,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.showImg(e)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])})),0)],1)};ff._withStripped=!0;const bf={components:{demolink:Jr,WImageViewerDyn:Fr({render:ff,staticRenderFns:[]},(function(n){n&&n("data-v-7ca98f10_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})}),hf,"data-v-7ca98f10",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WImageViewerDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/004.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}},opt2:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/view/008.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}}},actions:[]}}};var yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"one image"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt1.images,imageStyle:n.WImageViewerDyn.opt1.imageStyle,opt:n.WImageViewerDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"multiple image with navbar"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt2.images,imageStyle:n.WImageViewerDyn.opt2.imageStyle,opt:n.WImageViewerDyn.opt2.opt,multiple:!0}})],1)])])};yf._withStripped=!0;const xf=Fr({render:yf,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-viewer-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/viewerjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/viewerjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-798f6483_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageViewerDyn.vue"},media:void 0})}),bf,"data-v-798f6483",false,undefined,!1,Dr,void 0,void 0);var kf=4294967295,Cf=Math.min;var Sf=function(n,e){if((n=si(n))<1||n>9007199254740991)return[];var t=kf,o=Cf(n,kf);e=bt(e),n-=kf;for(var r=De(o,e);++t<n;)e(t);return r};function wf(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function Wf(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?wf(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):wf(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var If=!1;const _f={directives:{domresize:Ti()},components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js"]}},images:{type:Array,default:function(){return[]}},imageWidth:{type:Number,default:300},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:function(){}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:function(){}}},data:function(){return{dbc:Ss(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){n.loading=!1}))},computed:{changeImages:function(){var n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){var n=this,e=n.widthPanel,t=n.imageWidth,o=n.imageStyle,r=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:o,colNum:r,space:i}),""}},methods:{resize:function(n){var e=this,t=ie(e,"$el.offsetWidth",0);If||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){var t=Ka(),o="g".concat(Wi()),r=document.createElement("img");r.src=n,r.style.maxWidth="".concat(e,"px");var i=document.createElement("div");return i.id="img-".concat(o),i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(r),document.body.appendChild(i),r.onload=function(){t.resolve({src:n,id:o,w:r.clientWidth,h:r.clientHeight,err:null}),$l(i)},r.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),$l(i)},t},getImgsSize:function(n,e){var t=this,o=yi(),r=uh(t.numParallel);t.imagesRes=[];var i=-1;return yt(t.images,(function(a,l){r(t.getImgSize,a,n).then((function(n){var r=++i;t.arrangeWhenFinish&&(r=l);var a,s=Wf(Wf({},n),{},{name:(a=n.src,a.split("\\").pop().split("/").pop()),ind:r,evKey:e});t.imagesRes[r]=s,o.emit("get",s)})).catch((function(n){console.log(n)}))})),o},refreshDebounce:function(){var n=this;n.dbc((function(){n.refresh()}))},refresh:function(){var n=this,e=null,t=null;if(fi(n.colNum))t=hi(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(n.imageWidth>0){e=n.imageWidth;var o=n.widthPanel+n.space;o=Math.max(o,0);var r=e+n.space;r=Math.max(r,1),t=Math.floor(o/r)}else console.log("invalid colNum or imageWidth"),t=4,e=300;n.uesImageWidth=e;var i=Wf(Wf({},n.imageStyle),{},{"max-width":"".concat(e,"px"),"user-select":"none",cursor:"pointer",outline:"none"});function a(){n.imageCols=tr(Sf(t),(function(){return[]})),n.imageLocs=tr(Sf(t),(function(){return 0}))}function l(e){if(Va(n.imageCols)){var t,o,r=(t=n.imageLocs[0],o=0,yt(n.imageLocs,(function(n,e){t>n&&(t=n,o=e)})),o);try{n.imageCols[r].push(e),n.imageLocs[r]+=e.h+n.space+53}catch(n){}}}function s(){a(),yt(n.imagesRes,(function(n){l(n)}))}n.useImageStyle=i,n.first?s():function(){var t=Ka();a();var o=Wi(),r=jr(n.images),i=n.getImgsSize(e,o),c=0;i.on("get",(function(e){e.evKey===o&&(l(e),++c>=r&&(n.first=!0,n.arrangeWhenFinish&&s(),t.resolve()))}))}()},showImg:function(n,e){var t=this;If=!0,gf(n.currentTarget,null,t.opt,t.pathItems).finally((function(){If=!1})),t.$emit("click",e)}}};var Tf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):t("div",n._l(n.imageCols,(function(e,o){return t("div",{key:"c-"+o,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(o>0?n.space:0)+"px;"},n._l(e,(function(e,o){return t("div",{key:"kimg-"+o,class:n.first?"":"fadeIn",style:"margin:"+(o>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:(o=t,void n.showImg(o,e));var o},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("div",{staticStyle:{"font-size":"0.8rem",color:"#fff"}},[n._v(n._s(e.name))])]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"0px 5px"}},[t("div",{staticStyle:{"margin-top":"0px"}},[t("input",{staticClass:"inp",attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])])})),0)})),0)],1)};Tf._withStripped=!0;const Hf={components:{demolink:Jr,WImageCascadingDyn:Fr({render:Tf,staticRenderFns:[]},(function(n){n&&n("data-v-7ed4bc3e_0",{source:"\n.inp[data-v-7ed4bc3e] {\r\n    opacity: 0.75;\r\n    font-size: 0.7rem;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\n}\n.inp[data-v-7ed4bc3e]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-7ed4bc3e] {\r\n    animation: aniFadeIn-data-v-7ed4bc3e 0.3s;\n}\n@keyframes aniFadeIn-data-v-7ed4bc3e\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AA0jBA;IACA,aAAA;IACA,iBAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div v-else>\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <div style=\"font-size:0.8rem; color:#fff;\">{{img.name}}</div>\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:0px 5px;\">\r\n                        <div style=\"margin-top:0px;\">\r\n                            <input\r\n                                type=\"text\"\r\n                                class=\"inp\"\r\n                                _spellcheck=\"false\"\r\n                                readonly\r\n                                :value=\"img.src\"\r\n                            >\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport each from 'lodash/each'\r\nimport map from 'lodash/map'\r\nimport get from 'lodash/get'\r\nimport times from 'lodash/times'\r\nimport size from 'lodash/size'\r\nimport importResources from 'wsemi/src/importResources.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.2/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //importResources\r\n        importResources(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (ispint(vo.colNum)) {\r\n                //優先使用colNum計算imageWidth\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (vo.imageWidth > 0) {\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth')\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    opacity: 0.75;\r\n    font-size: 0.7rem;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})}),_f,"data-v-7ed4bc3e",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WImageCascadingDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/004.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/008.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/009.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/010.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/011.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/012.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/013.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/014.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.13/res/img/food/015.jpg"],imageStyle:{},opt:{}}},actions:[]}}};var Af=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"default(imageWidth=300)"}}),n._v(" "),t("w-image-cascading-dyn",{attrs:{images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"imageWidth"}}),n._v(" "),t("div",{staticStyle:{padding:"5px 0px","font-size":"0.9rem"}},[n._v("\n                colNum=(645-3*15)/150=4\n            ")]),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{width:"645px"},attrs:{imageWidth:150,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"colNum"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{colNum:5,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"arrangeWhenFinish"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{arrangeWhenFinish:!0,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1)])])};Af._withStripped=!0;const Zf=Fr({render:Af,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-cascading-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/fooderjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/fooderjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-270ad2d6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageCascadingDyn.vue"},media:void 0})}),Hf,"data-v-270ad2d6",false,undefined,!1,Dr,void 0,void 0);const Bf={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/w-ckeditor-vue@1.0.24/dist/ckeditor.js","https://cdn.jsdelivr.net/npm/w-ckeditor-vue@1.0.24/dist/w-ckeditor-vue.umd.js"]}},value:{type:String,default:""},settings:{type:Object,default:function(){}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-ckeditor-vue"];t.default&&(t=t.default),zv().component("w-ckeditor-vue",t)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var Vf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Vf._withStripped=!0;const Pf={components:{demolink:Jr,WCkeditorVueDyn:Fr({render:Vf,staticRenderFns:[]},(function(n){n&&n("data-v-ce05b35c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})}),Bf,"data-v-ce05b35c",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WCkeditorVueDyn:{content:"abc中文123",settings:{language:"zh",toolbar:{items:["heading","|","fontSize","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","|","subscript","superscript","|","alignment","bulletedList","numberedList","|","redo","undo","|","removeFormat"]}}},actions:[]}}};var jf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"default"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"height"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"settings"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WCkeditorVueDyn.settings},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1)])])};jf._withStripped=!0;const Xf=Fr({render:jf,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-ckeditor-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("div",{staticStyle:{color:"#f26","margin-bottom":"5px"}},[n._v("* Can not support IE11")]),n._v(" "),t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5 examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor5-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-ckeditor-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-ckeditor-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue examples")])])}]},(function(n){n&&n("data-v-40782e54_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWCkeditorVueDyn.vue"},media:void 0})}),Pf,"data-v-40782e54",false,undefined,!1,Dr,void 0,void 0);const Gf={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/tinymce@5.5.1/tinymce.min.js","https://cdn.jsdelivr.net/npm/w-tinymce-vue@2.0.1/dist/w-tinymce-vue.umd.js"]}},value:{type:String,default:""},settings:{type:Object,default:function(){}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-tinymce-vue"];t.default&&(t=t.default),zv().component("w-tinymce-vue",t)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var Rf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Rf._withStripped=!0;const Lf={components:{demolink:Jr,WTinymceVueDyn:Fr({render:Rf,staticRenderFns:[]},(function(n){n&&n("data-v-c16d99da_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})}),Gf,"data-v-c16d99da",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WTinymceVueDyn:{content:"abc中文123",settings:{menubar:"",plugins:"",toolbar:"fontsizeselect | forecolor backcolor | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent"}},actions:[]}}};var Ff=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"default"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"height"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"settings"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WTinymceVueDyn.settings},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1)])])};Ff._withStripped=!0;const Kf=Fr({render:Ff,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tinymce-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.tiny.cloud/docs/demo/full-featured/",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-tinymce-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue examples")])])}]},(function(n){n&&n("data-v-a433d8ea_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTinymceVueDyn.vue"},media:void 0})}),Lf,"data-v-a433d8ea",false,undefined,!1,Dr,void 0,void 0);const Yf={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.1/dist/w-quill-vue.umd.js"]}},value:{type:String,default:""},settings:{type:Object,default:function(){}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-quill-vue"];t.default&&(t=t.default),zv().component("w-quill-vue",t)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var Df=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Df._withStripped=!0;const zf={components:{demolink:Jr,WQuillVueDyn:Fr({render:Df,staticRenderFns:[]},(function(n){n&&n("data-v-db4ece38_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})}),Yf,"data-v-db4ece38",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){return{WQuillVueDyn:{content:"abc中文123",settings:{modules:{toolbar:[{size:["small",!1,"large","huge"]}]}}},actions:[]}}};var Ef=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"default"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"height"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"settings"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WQuillVueDyn.settings},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1)])])};Ef._withStripped=!0;const Nf=Fr({render:Ef,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-quill-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/quilljs/quill",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//quilljs.com/playground/",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/surmon-china/vue-quill-editor",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-quill-editor")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-quill-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-quill-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue examples")])])}]},(function(n){n&&n("data-v-1cb9c804_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWQuillVueDyn.vue"},media:void 0})}),zf,"data-v-1cb9c804",false,undefined,!1,Dr,void 0,void 0);const Jf={components:{WIconLoading:ts},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.9/dist/w-leaflet-vue.umd.js"]}},opt:{type:Object,default:function(){}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Dv(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-leaflet-vue"];t.default&&(t=t.default),zv().component("w-leaflet-vue",t)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var $f=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};$f._withStripped=!0;const Of={components:{demolink:Jr,WLeafletVueDyn:Fr({render:$f,staticRenderFns:[]},(function(n){n&&n("data-v-1c83ee98_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})}),Jf,"data-v-1c83ee98",false,undefined,!1,Dr,void 0,void 0)},props:{},data:function(){for(var n=window.dataRain,e=[],t=0;t<n.length;t++){var o=n[t];e.push([o.latLng[0],o.latLng[1],o.rain])}return{WLeafletVueDyn:{pointSets:{pointSets:[{title:"pointSet A",msg:"msg from pointSet A",points:[{title:"point A-1",msg:"msg from data A-1",latLng:[24.2,121.27]},{title:"point A-2",msg:"msg from data A-2",latLng:[23.9,120.97]}],visible:!0},{title:"pointSet B",msg:"msg from pointSet B",points:[{title:"point B-1",msg:"msg from data B-1",latLng:[23.3,120.57]},{title:"point B-2",msg:"msg from data B-2",latLng:[23,120.87]}],visible:!1}]},polygonSets:{center:[25,121.58],zoom:10,polygonSets:[{title:"polygonSet A",msg:"msg from polygonSet A",latLngs:[[[24.96,121.41],[25.11,121.47],[25.06,121.69],[24.99,121.61],[24.95,121.53]],[[24.98,121.45],[25.07,121.49],[25.06,121.54],[25,121.5]],[[25.017,121.48],[25.032,121.49],[25.036,121.5],[25.02,121.502]],[[24.99,121.54],[25.056,121.56],[25.05,121.61],[25,121.59]],[[24.92,121.6],[25.045,121.75],[24.99,121.79],[24.93,121.74]],[[24.961,121.523],[24.979,121.551],[24.95,121.674],[24.887,121.606]]],visible:!0},{title:"polygonSet B",msg:"msg from polygonSet B",latLngs:[[[24.971,121.372],[24.976,121.434],[24.937,121.473],[24.918,121.418]],[[24.9,121.14],[24.97,121.09],[25.05,121.177],[24.95,121.32]]],visible:!1}]},contourSets:{center:[24.084,121.068],zoom:8,contourSets:[{title:"contourSet A",msg:"msg from contourSet A",points:[[24.325,120.786,0],[23.944,120.968,10],[24.884,121.234,20],[24.579,121.345,80],[24.664,121.761,40],[23.803,121.397,30],[23.727,120.772,0],[23.539,120.975,0],[23.612,121.434,0],[23.193,120.355,22],[23.456,120.89,42],[23.28,120.551,25],[23.162,121.247,5]],visible:!0},{title:"contourSet B",msg:"msg from contourSet B",points:[[22.607,120.416,0],[22.967,120.663,15],[22.592,120.922,20],[22.717,120.644,45]],visible:!1}]},largeSet:{center:[24.084,121.068],zoom:8,contourSets:[{title:"Rain contour",msg:"data from CWB",points:e,polygonClipOuter:window.dataRainClip,gradient:{0:"rgba(255, 255, 255, 0)",.2:"rgb(254, 178, 76)",.4:"rgb(252, 78, 42)",.6:"rgb(220, 58, 38)",.8:"rgb(200, 40, 23)",1:"rgb(180, 30, 60)"},visible:!0,order:0}],pointSets:[{title:"Rain point",msg:"data from CWB",points:n,visible:!1,order:1,tooltip:function(n){console.log("tooltip v",n);var e="";return e+='<div style="padding:5px 10px;">',e+='<div style="width:150px; color:#222; margin-bottom:5px; white-space:nowrap;"><span style="font-size:0.9rem; color:#f26;">['+n.point.title+']</span> <span style="font-size:0.8rem; ">'+n.point.msg+"</span></div>",e+='<div style="font-size:0.7rem; color:#666; white-space:normal;">降雨量 '+n.point.rain+" cm</div>",e+="</div>"}}]}},actions:[]}}};var Mf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"pointSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"90vw",height:"600px"},attrs:{opt:n.WLeafletVueDyn.pointSets}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"polygonSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"90vw",height:"600px"},attrs:{opt:n.WLeafletVueDyn.polygonSets}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"90vw",height:"600px"},attrs:{opt:n.WLeafletVueDyn.contourSets}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSet for rain data"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"90vw",height:"600px"},attrs:{opt:n.WLeafletVueDyn.largeSet}})],1)])])};Mf._withStripped=!0;const Qf={components:{AppZoneWBadge:Vi,AppZoneWPanelStripe:Ri,AppZoneWPanelBulge:gs,AppZoneWPanelScrolly:js,AppZoneWPanelDivideHorizontal:Ks,AppZoneWPanelDivideVertical:Ns,AppZoneWPanelScale:Ud,AppZoneWIconSvg:ou,AppZoneWDropfiles:wu,AppZoneWDialog:Vu,AppZoneWConfirm:Ru,AppZoneWPopup:Ku,AppZoneWPopupEditText:Uu,AppZoneWButtonChip:ep,AppZoneWButtonCircle:rp,AppZoneWProgressBar:cp,AppZoneWProgressCircle:gp,AppZoneWSwitch:yp,AppZoneWCheckbox:wp,AppZoneWAlert:Lp,AppZoneWGroupTags:fm,AppZoneWGroupDragdrop:Cm,AppZoneWListVertical:Zm,AppZoneWGroupCheck:Pm,AppZoneWGroupRadio:Gm,AppZoneWText:Fm,AppZoneWTextInt:Jm,AppZoneWTextarea:Um,AppZoneWTextSelect:og,AppZoneWTextSuggest:ag,AppZoneWTimeday:hg,AppZoneWTimeminute:Hg,AppZoneWTimedayRange:Xg,AppZoneWTimeminuteRange:Dg,AppZoneWDynamicList:Ng,AppZoneWJsonView:Xv,AppZoneWTree:Lv,AppZoneWHighchartsVueDyn:Qv,AppZoneWHighchartsBitmapDyn:kh,AppZoneWHighstockVueDyn:_h,AppZoneWEchartsVueDyn:Vh,AppZoneWPanelChart:Lh,AppZoneWAggridVueDyn:Eh,AppZoneWTableDyn:nf,AppZoneWImageViewerDyn:xf,AppZoneWImageCascadingDyn:Zf,AppZoneWCkeditorVueDyn:Xf,AppZoneWTinymceVueDyn:Kf,AppZoneWQuillVueDyn:Nf,AppZoneWLeafletVueDyn:Fr({render:Mf,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-leaflet-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/examples.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//vue2-leaflet.netlify.app/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Vue2Leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-leaflet-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-leaflet-vue/examples/app.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue examples")])])}]},(function(n){n&&n("data-v-192c6dc1_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWLeafletVueDyn.vue"},media:void 0})}),Of,"data-v-192c6dc1",false,undefined,!1,Dr,void 0,void 0)},data:function(){return{get:ie,kebabCase:Fe,mdiCheckCircle:d,mdiCheckboxBlankCircleOutline:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",io1:0,io2:0,io3:0,sCmps:[{name:"basic",cmps:[{name:"WBadge"},{name:"WSwitch"},{name:"WCheckbox"},{name:"WIconSvg"},{name:"WDropfiles"},{name:"WProgressBar"},{name:"WProgressCircle"}]},{name:"panel",cmps:[{name:"WPanelStripe"},{name:"WPanelBulge"},{name:"WPanelScrolly"},{name:"WPanelDivideHorizontal"},{name:"WPanelDivideVertical"},{name:"WPanelScale"}]},{name:"button",cmps:[{name:"WButtonChip"},{name:"WButtonCircle"}]},{name:"group",cmps:[{name:"WGroupCheck"},{name:"WGroupRadio"},{name:"WGroupTags"},{name:"WGroupDragdrop"}]},{name:"list",cmps:[{name:"WListVertical"},{name:"WDynamicList"}]},{name:"text",cmps:[{name:"WText"},{name:"WTextarea"},{name:"WTextInt"},{name:"WTextSelect"},{name:"WTextSuggest"}]},{name:"time",cmps:[{name:"WTimeday"},{name:"WTimeminute"},{name:"WTimedayRange"},{name:"WTimeminuteRange"}]},{name:"tree",cmps:[{name:"WJsonView"},{name:"WTree"}]},{name:"window",cmps:[{name:"WAlert"},{name:"WDialog"},{name:"WConfirm"},{name:"WPopup"},{name:"WPopupEditText"}]},{name:"dynamic",cmps:[{name:"plot",cmps:[{name:"WHighchartsVueDyn"},{name:"WHighchartsBitmapDyn"},{name:"WHighstockVueDyn"},{name:"WEchartsVueDyn"},{name:"WPanelChart"}]},{name:"table",cmps:[{name:"WAggridVueDyn"},{name:"WTableDyn"}]},{name:"map",cmps:[{name:"WLeafletVueDyn"}]},{name:"imageViewer",cmps:[{name:"WImageViewerDyn"},{name:"WImageCascadingDyn"}]},{name:"editor",cmps:[{name:"WTinymceVueDyn"},{name:"WCkeditorVueDyn"},{name:"WQuillVueDyn"}]}]}]}},mounted:function(){var n,e=this;n=function(n){var t={io1:0,io2:0,io3:0},o=!1;return yt(e.sCmps,(function(e,r){return n===Fe(e.name)?(t={io1:r,io2:0,io3:0},o=!0,!1):(ie(e,"cmps")&&yt(e.cmps,(function(e,i){return n===Fe(e.name)?(t={io1:r,io2:i,io3:0},o=!0,!1):(ie(e,"cmps")&&yt(e.cmps,(function(e,a){if(n===Fe(e.name))return t={io1:r,io2:i,io3:a},o=!0,!1})),!o&&void 0)})),!o&&void 0)})),t}(function(n){if(!ir(n))return{};if(n=Yt(n,"?"),!ir(n=ie(n,"[1]")))return{};var e=Yt(n,"&");return e=tr(e,(function(n){return Yt(n,"=")})),or(e)}(location.href).cmp),e.io1=n.io1,e.io2=n.io2,e.io3=n.io3},computed:{useL2Cmps:function(){return ie(this,"sCmps.".concat(this.io1,".cmps"))},useL3Cmps:function(){var n=this;return ie(n,"sCmps.".concat(n.io1,".cmps.").concat(n.io2,".cmps"))},useCmpName:function(){var n=this,e="unknow";return(e=ie(n,"sCmps.".concat(n.io1,".cmps.").concat(n.io2,".cmps.").concat(n.io3,".name")))||(e=ie(n,"sCmps.".concat(n.io1,".cmps.").concat(n.io2,".name")))?e:(e=ie(n,"sCmps.".concat(n.io1,".name")))||e},isNarrow:function(){return window.innerWidth<1e3}},methods:{resetUrl:function(){try{window.history.replaceState({},"","//yuda-lyu.github.io/w-component-vue/examples/app.html")}catch(n){}},clickMenu1:function(n){var e=this;e.resetUrl(),e.$nextTick((function(){e.io1=n,e.io2=0,e.io3=0}))},clickMenu2:function(n){var e=this;e.resetUrl(),e.$nextTick((function(){e.io2=n,e.io3=0}))},clickMenu3:function(n){var e=this;e.resetUrl(),e.$nextTick((function(){e.io3=n}))}}};var Uf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("v-app",{staticStyle:{"font-family":"inherit"}},[n.isNarrow?n._e():[t("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-component-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[t("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[t("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),t("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),t("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],n._v(" "),t("div",[t("v-tabs",{attrs:{"background-color":"grey lighten-3",color:"grey darken-4","slider-color":"red"},model:{value:n.io1,callback:function(e){n.io1=e},expression:"io1"}},n._l(n.sCmps,(function(e,o){return t("v-tab",{key:"l1"+o,on:{click:function(e){return n.clickMenu1(o)}}},[t("span",{staticStyle:{"text-transform":"none"}},[n._v("\n                    "+n._s(n.kebabCase(e.name))+"\n                ")])])})),1),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}}),n._v(" "),n.useL2Cmps?[t("v-tabs",{attrs:{"background-color":"grey lighten-3",color:"grey darken-4","slider-color":"red"},model:{value:n.io2,callback:function(e){n.io2=e},expression:"io2"}},n._l(n.useL2Cmps,(function(e,o){return t("v-tab",{key:"l2"+o,on:{click:function(e){return n.clickMenu2(o)}}},[t("span",{staticStyle:{"text-transform":"none"}},[n._v("\n                        "+n._s(n.kebabCase(e.name))+"\n                    ")])])})),1),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}})]:n._e(),n._v(" "),n.useL3Cmps?[t("v-tabs",{attrs:{"background-color":"grey lighten-3",color:"grey darken-4","slider-color":"red"},model:{value:n.io3,callback:function(e){n.io3=e},expression:"io3"}},n._l(n.useL3Cmps,(function(e,o){return t("v-tab",{key:"l3"+o,on:{click:function(e){return n.clickMenu3(o)}}},[t("span",{staticStyle:{"text-transform":"none"}},[n._v("\n                        "+n._s(n.kebabCase(e.name))+"\n                    ")])])})),1),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}})]:n._e()],2),n._v(" "),t("div",{staticStyle:{padding:"20px"}},["WBadge"===n.useCmpName?t("AppZoneWBadge"):n._e(),n._v(" "),"WPanelStripe"===n.useCmpName?t("AppZoneWPanelStripe"):n._e(),n._v(" "),"WPanelBulge"===n.useCmpName?t("AppZoneWPanelBulge"):n._e(),n._v(" "),"WPanelScrolly"===n.useCmpName?t("AppZoneWPanelScrolly"):n._e(),n._v(" "),"WPanelDivideHorizontal"===n.useCmpName?t("AppZoneWPanelDivideHorizontal"):n._e(),n._v(" "),"WPanelDivideVertical"===n.useCmpName?t("AppZoneWPanelDivideVertical"):n._e(),n._v(" "),"WPanelScale"===n.useCmpName?t("AppZoneWPanelScale"):n._e(),n._v(" "),"WIconSvg"===n.useCmpName?t("AppZoneWIconSvg"):n._e(),n._v(" "),"WDropfiles"===n.useCmpName?t("AppZoneWDropfiles"):n._e(),n._v(" "),"WButtonChip"===n.useCmpName?t("AppZoneWButtonChip"):n._e(),n._v(" "),"WButtonCircle"===n.useCmpName?t("AppZoneWButtonCircle"):n._e(),n._v(" "),"WProgressBar"===n.useCmpName?t("AppZoneWProgressBar"):n._e(),n._v(" "),"WProgressCircle"===n.useCmpName?t("AppZoneWProgressCircle"):n._e(),n._v(" "),"WSwitch"===n.useCmpName?t("AppZoneWSwitch"):n._e(),n._v(" "),"WCheckbox"===n.useCmpName?t("AppZoneWCheckbox"):n._e(),n._v(" "),"WAlert"===n.useCmpName?t("AppZoneWAlert"):n._e(),n._v(" "),"WDialog"===n.useCmpName?t("AppZoneWDialog"):n._e(),n._v(" "),"WConfirm"===n.useCmpName?t("AppZoneWConfirm"):n._e(),n._v(" "),"WPopup"===n.useCmpName?t("AppZoneWPopup"):n._e(),n._v(" "),"WPopupEditText"===n.useCmpName?t("AppZoneWPopupEditText"):n._e(),n._v(" "),"WGroupTags"===n.useCmpName?t("AppZoneWGroupTags"):n._e(),n._v(" "),"WGroupDragdrop"===n.useCmpName?t("AppZoneWGroupDragdrop"):n._e(),n._v(" "),"WListVertical"===n.useCmpName?t("AppZoneWListVertical"):n._e(),n._v(" "),"WGroupCheck"===n.useCmpName?t("AppZoneWGroupCheck"):n._e(),n._v(" "),"WGroupRadio"===n.useCmpName?t("AppZoneWGroupRadio"):n._e(),n._v(" "),"WText"===n.useCmpName?t("AppZoneWText"):n._e(),n._v(" "),"WTextInt"===n.useCmpName?t("AppZoneWTextInt"):n._e(),n._v(" "),"WTextarea"===n.useCmpName?t("AppZoneWTextarea"):n._e(),n._v(" "),"WTextSelect"===n.useCmpName?t("AppZoneWTextSelect"):n._e(),n._v(" "),"WTextSuggest"===n.useCmpName?t("AppZoneWTextSuggest"):n._e(),n._v(" "),"WTimeday"===n.useCmpName?t("AppZoneWTimeday"):n._e(),n._v(" "),"WTimeminute"===n.useCmpName?t("AppZoneWTimeminute"):n._e(),n._v(" "),"WTimedayRange"===n.useCmpName?t("AppZoneWTimedayRange"):n._e(),n._v(" "),"WTimeminuteRange"===n.useCmpName?t("AppZoneWTimeminuteRange"):n._e(),n._v(" "),"WDynamicList"===n.useCmpName?t("AppZoneWDynamicList"):n._e(),n._v(" "),"WJsonView"===n.useCmpName?t("AppZoneWJsonView"):n._e(),n._v(" "),"WTree"===n.useCmpName?t("AppZoneWTree"):n._e(),n._v(" "),"WHighchartsVueDyn"===n.useCmpName?t("AppZoneWHighchartsVueDyn"):n._e(),n._v(" "),"WHighchartsBitmapDyn"===n.useCmpName?t("AppZoneWHighchartsBitmapDyn"):n._e(),n._v(" "),"WHighstockVueDyn"===n.useCmpName?t("AppZoneWHighstockVueDyn"):n._e(),n._v(" "),"WEchartsVueDyn"===n.useCmpName?t("AppZoneWEchartsVueDyn"):n._e(),n._v(" "),"WPanelChart"===n.useCmpName?t("AppZoneWPanelChart"):n._e(),n._v(" "),"WAggridVueDyn"===n.useCmpName?t("AppZoneWAggridVueDyn"):n._e(),n._v(" "),"WTableDyn"===n.useCmpName?t("AppZoneWTableDyn"):n._e(),n._v(" "),"WImageViewerDyn"===n.useCmpName?t("AppZoneWImageViewerDyn"):n._e(),n._v(" "),"WImageCascadingDyn"===n.useCmpName?t("AppZoneWImageCascadingDyn"):n._e(),n._v(" "),"WCkeditorVueDyn"===n.useCmpName?t("AppZoneWCkeditorVueDyn"):n._e(),n._v(" "),"WTinymceVueDyn"===n.useCmpName?t("AppZoneWTinymceVueDyn"):n._e(),n._v(" "),"WQuillVueDyn"===n.useCmpName?t("AppZoneWQuillVueDyn"):n._e(),n._v(" "),"WLeafletVueDyn"===n.useCmpName?t("AppZoneWLeafletVueDyn"):n._e()],1)],2)};Uf._withStripped=!0;return Fr({render:Uf,staticRenderFns:[]},(function(n){n&&n("data-v-8ac21e76_0",{source:"\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background-color: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    margin: 10px 0px 0px 0px;\n    padding: 0px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n.bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n}\n.dz {\n        width: 400px;\n}\n}\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\App.vue"],names:[],mappings:";AAovBA;IACA,2DAAA;IACA,uBAAA;IACA,2BAAA;IACA,oBAAA;IACA,sBAAA;AACA;AACA;IACA,WAAA;IACA,yBAAA;IACA,iBAAA;AACA;AACA;IACA,mBAAA;IACA,wBAAA;IACA,yBAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,qBAAA;QACA,wBAAA;AACA;AACA;QACA,YAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <v-app style=\"font-family:inherit;\">\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-component-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div>\n\n\n            <v-tabs\n                v-model=\"io1\"\n                background-color=\"grey lighten-3\"\n                color=\"grey darken-4\"\n                slider-color=\"red\"\n            >\n                <v-tab\n                    v-for=\"(o1,ko1) in sCmps\"\n                    :key=\"'l1'+ko1\"\n                    @click=\"clickMenu1(ko1)\"\n                >\n                    <span style=\"text-transform:none\">\n                        {{kebabCase(o1.name)}}\n                    </span>\n                </v-tab>\n            </v-tabs>\n            <div style=\"padding-top:5px;\"></div>\n\n\n            <template v-if=\"useL2Cmps\">\n\n                <v-tabs\n                    v-model=\"io2\"\n                    background-color=\"grey lighten-3\"\n                    color=\"grey darken-4\"\n                    slider-color=\"red\"\n                >\n                    <v-tab\n                        v-for=\"(o2,ko2) in useL2Cmps\"\n                        :key=\"'l2'+ko2\"\n                        @click=\"clickMenu2(ko2)\"\n                    >\n                        <span style=\"text-transform:none\">\n                            {{kebabCase(o2.name)}}\n                        </span>\n                    </v-tab>\n                </v-tabs>\n                <div style=\"padding-top:5px;\"></div>\n\n            </template>\n\n\n            <template v-if=\"useL3Cmps\">\n\n                <v-tabs\n                    v-model=\"io3\"\n                    background-color=\"grey lighten-3\"\n                    color=\"grey darken-4\"\n                    slider-color=\"red\"\n                >\n                    <v-tab\n                        v-for=\"(o3,ko3) in useL3Cmps\"\n                        :key=\"'l3'+ko3\"\n                        @click=\"clickMenu3(ko3)\"\n                    >\n                        <span style=\"text-transform:none\">\n                            {{kebabCase(o3.name)}}\n                        </span>\n                    </v-tab>\n                </v-tabs>\n                <div style=\"padding-top:5px;\"></div>\n\n            </template>\n\n\n        </div>\n\n\n        <div style=\"padding:20px;\">\n\n\n            <AppZoneWBadge\n                v-if=\"useCmpName==='WBadge'\"\n            ></AppZoneWBadge>\n\n\n            <AppZoneWPanelStripe\n                v-if=\"useCmpName==='WPanelStripe'\"\n            ></AppZoneWPanelStripe>\n\n\n            <AppZoneWPanelBulge\n                v-if=\"useCmpName==='WPanelBulge'\"\n            ></AppZoneWPanelBulge>\n\n\n            <AppZoneWPanelScrolly\n                v-if=\"useCmpName==='WPanelScrolly'\"\n            ></AppZoneWPanelScrolly>\n\n\n            <AppZoneWPanelDivideHorizontal\n                v-if=\"useCmpName==='WPanelDivideHorizontal'\"\n            ></AppZoneWPanelDivideHorizontal>\n\n\n            <AppZoneWPanelDivideVertical\n                v-if=\"useCmpName==='WPanelDivideVertical'\"\n            ></AppZoneWPanelDivideVertical>\n\n\n            <AppZoneWPanelScale\n                v-if=\"useCmpName==='WPanelScale'\"\n            ></AppZoneWPanelScale>\n\n\n            <AppZoneWIconSvg\n                v-if=\"useCmpName==='WIconSvg'\"\n            ></AppZoneWIconSvg>\n\n\n            <AppZoneWDropfiles\n                v-if=\"useCmpName==='WDropfiles'\"\n            ></AppZoneWDropfiles>\n\n\n            <AppZoneWButtonChip\n                v-if=\"useCmpName==='WButtonChip'\"\n            ></AppZoneWButtonChip>\n\n\n            <AppZoneWButtonCircle\n                v-if=\"useCmpName==='WButtonCircle'\"\n            ></AppZoneWButtonCircle>\n\n\n            <AppZoneWProgressBar\n                v-if=\"useCmpName==='WProgressBar'\"\n            ></AppZoneWProgressBar>\n\n\n            <AppZoneWProgressCircle\n                v-if=\"useCmpName==='WProgressCircle'\"\n            ></AppZoneWProgressCircle>\n\n\n            <AppZoneWSwitch\n                v-if=\"useCmpName==='WSwitch'\"\n            ></AppZoneWSwitch>\n\n\n            <AppZoneWCheckbox\n                v-if=\"useCmpName==='WCheckbox'\"\n            ></AppZoneWCheckbox>\n\n\n            <AppZoneWAlert\n                v-if=\"useCmpName==='WAlert'\"\n            ></AppZoneWAlert>\n\n\n            <AppZoneWDialog\n                v-if=\"useCmpName==='WDialog'\"\n            ></AppZoneWDialog>\n\n\n            <AppZoneWConfirm\n                v-if=\"useCmpName==='WConfirm'\"\n            ></AppZoneWConfirm>\n\n\n            <AppZoneWPopup\n                v-if=\"useCmpName==='WPopup'\"\n            ></AppZoneWPopup>\n\n\n            <AppZoneWPopupEditText\n                v-if=\"useCmpName==='WPopupEditText'\"\n            ></AppZoneWPopupEditText>\n\n\n            <AppZoneWGroupTags\n                v-if=\"useCmpName==='WGroupTags'\"\n            ></AppZoneWGroupTags>\n\n\n            <AppZoneWGroupDragdrop\n                v-if=\"useCmpName==='WGroupDragdrop'\"\n            ></AppZoneWGroupDragdrop>\n\n\n            <AppZoneWListVertical\n                v-if=\"useCmpName==='WListVertical'\"\n            ></AppZoneWListVertical>\n\n\n            <AppZoneWGroupCheck\n                v-if=\"useCmpName==='WGroupCheck'\"\n            ></AppZoneWGroupCheck>\n\n\n            <AppZoneWGroupRadio\n                v-if=\"useCmpName==='WGroupRadio'\"\n            ></AppZoneWGroupRadio>\n\n\n            <AppZoneWText\n                v-if=\"useCmpName==='WText'\"\n            ></AppZoneWText>\n\n\n            <AppZoneWTextInt\n                v-if=\"useCmpName==='WTextInt'\"\n            ></AppZoneWTextInt>\n\n\n            <AppZoneWTextarea\n                v-if=\"useCmpName==='WTextarea'\"\n            ></AppZoneWTextarea>\n\n\n            <AppZoneWTextSelect\n                v-if=\"useCmpName==='WTextSelect'\"\n            ></AppZoneWTextSelect>\n\n\n            <AppZoneWTextSuggest\n                v-if=\"useCmpName==='WTextSuggest'\"\n            ></AppZoneWTextSuggest>\n\n\n            <AppZoneWTimeday\n                v-if=\"useCmpName==='WTimeday'\"\n            ></AppZoneWTimeday>\n\n\n            <AppZoneWTimeminute\n                v-if=\"useCmpName==='WTimeminute'\"\n            ></AppZoneWTimeminute>\n\n\n            <AppZoneWTimedayRange\n                v-if=\"useCmpName==='WTimedayRange'\"\n            ></AppZoneWTimedayRange>\n\n\n            <AppZoneWTimeminuteRange\n                v-if=\"useCmpName==='WTimeminuteRange'\"\n            ></AppZoneWTimeminuteRange>\n\n\n            <AppZoneWDynamicList\n                v-if=\"useCmpName==='WDynamicList'\"\n            ></AppZoneWDynamicList>\n\n\n            <AppZoneWJsonView\n                v-if=\"useCmpName==='WJsonView'\"\n            ></AppZoneWJsonView>\n\n\n            <AppZoneWTree\n                v-if=\"useCmpName==='WTree'\"\n            ></AppZoneWTree>\n\n\n            <AppZoneWHighchartsVueDyn\n                v-if=\"useCmpName==='WHighchartsVueDyn'\"\n            ></AppZoneWHighchartsVueDyn>\n\n\n            <AppZoneWHighchartsBitmapDyn\n                v-if=\"useCmpName==='WHighchartsBitmapDyn'\"\n            ></AppZoneWHighchartsBitmapDyn>\n\n\n            <AppZoneWHighstockVueDyn\n                v-if=\"useCmpName==='WHighstockVueDyn'\"\n            ></AppZoneWHighstockVueDyn>\n\n\n            <AppZoneWEchartsVueDyn\n                v-if=\"useCmpName==='WEchartsVueDyn'\"\n            ></AppZoneWEchartsVueDyn>\n\n\n            <AppZoneWPanelChart\n                v-if=\"useCmpName==='WPanelChart'\"\n            ></AppZoneWPanelChart>\n\n\n            <AppZoneWAggridVueDyn\n                v-if=\"useCmpName==='WAggridVueDyn'\"\n            ></AppZoneWAggridVueDyn>\n\n\n            <AppZoneWTableDyn\n                v-if=\"useCmpName==='WTableDyn'\"\n            ></AppZoneWTableDyn>\n\n\n            <AppZoneWImageViewerDyn\n                v-if=\"useCmpName==='WImageViewerDyn'\"\n            ></AppZoneWImageViewerDyn>\n\n\n            <AppZoneWImageCascadingDyn\n                v-if=\"useCmpName==='WImageCascadingDyn'\"\n            ></AppZoneWImageCascadingDyn>\n\n\n            <AppZoneWCkeditorVueDyn\n                v-if=\"useCmpName==='WCkeditorVueDyn'\"\n            ></AppZoneWCkeditorVueDyn>\n\n\n            <AppZoneWTinymceVueDyn\n                v-if=\"useCmpName==='WTinymceVueDyn'\"\n            ></AppZoneWTinymceVueDyn>\n\n\n            <AppZoneWQuillVueDyn\n                v-if=\"useCmpName==='WQuillVueDyn'\"\n            ></AppZoneWQuillVueDyn>\n\n\n            <AppZoneWLeafletVueDyn\n                v-if=\"useCmpName==='WLeafletVueDyn'\"\n            ></AppZoneWLeafletVueDyn>\n\n\n        </div>\n\n\n    </v-app>\n</template>\n\n<script>\nimport { mdiCheckCircle, mdiCheckboxBlankCircleOutline } from '@mdi/js'\nimport get from 'lodash/get'\nimport kebabCase from 'lodash/kebabCase'\nimport each from 'lodash/each'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport AppZoneWBadge from './AppZoneWBadge.vue'\nimport AppZoneWPanelStripe from './AppZoneWPanelStripe.vue'\nimport AppZoneWPanelBulge from './AppZoneWPanelBulge.vue'\nimport AppZoneWPanelScrolly from './AppZoneWPanelScrolly.vue'\nimport AppZoneWPanelDivideHorizontal from './AppZoneWPanelDivideHorizontal.vue'\nimport AppZoneWPanelDivideVertical from './AppZoneWPanelDivideVertical.vue'\nimport AppZoneWPanelScale from './AppZoneWPanelScale.vue'\nimport AppZoneWIconSvg from './AppZoneWIconSvg.vue'\nimport AppZoneWDropfiles from './AppZoneWDropfiles.vue'\nimport AppZoneWDialog from './AppZoneWDialog.vue'\nimport AppZoneWConfirm from './AppZoneWConfirm.vue'\nimport AppZoneWPopup from './AppZoneWPopup.vue'\nimport AppZoneWPopupEditText from './AppZoneWPopupEditText.vue'\nimport AppZoneWButtonChip from './AppZoneWButtonChip.vue'\nimport AppZoneWButtonCircle from './AppZoneWButtonCircle.vue'\nimport AppZoneWProgressBar from './AppZoneWProgressBar.vue'\nimport AppZoneWProgressCircle from './AppZoneWProgressCircle.vue'\nimport AppZoneWSwitch from './AppZoneWSwitch.vue'\nimport AppZoneWCheckbox from './AppZoneWCheckbox.vue'\nimport AppZoneWAlert from './AppZoneWAlert.vue'\nimport AppZoneWGroupTags from './AppZoneWGroupTags.vue'\nimport AppZoneWGroupDragdrop from './AppZoneWGroupDragdrop.vue'\nimport AppZoneWListVertical from './AppZoneWListVertical.vue'\nimport AppZoneWGroupCheck from './AppZoneWGroupCheck.vue'\nimport AppZoneWGroupRadio from './AppZoneWGroupRadio.vue'\nimport AppZoneWText from './AppZoneWText.vue'\nimport AppZoneWTextInt from './AppZoneWTextInt.vue'\nimport AppZoneWTextarea from './AppZoneWTextarea.vue'\nimport AppZoneWTextSelect from './AppZoneWTextSelect.vue'\nimport AppZoneWTextSuggest from './AppZoneWTextSuggest.vue'\nimport AppZoneWTimeday from './AppZoneWTimeday.vue'\nimport AppZoneWTimeminute from './AppZoneWTimeminute.vue'\nimport AppZoneWTimedayRange from './AppZoneWTimedayRange.vue'\nimport AppZoneWTimeminuteRange from './AppZoneWTimeminuteRange.vue'\nimport AppZoneWDynamicList from './AppZoneWDynamicList.vue'\nimport AppZoneWJsonView from './AppZoneWJsonView.vue'\nimport AppZoneWTree from './AppZoneWTree.vue'\nimport AppZoneWHighchartsVueDyn from './AppZoneWHighchartsVueDyn.vue'\nimport AppZoneWHighchartsBitmapDyn from './AppZoneWHighchartsBitmapDyn.vue'\nimport AppZoneWHighstockVueDyn from './AppZoneWHighstockVueDyn.vue'\nimport AppZoneWEchartsVueDyn from './AppZoneWEchartsVueDyn.vue'\nimport AppZoneWPanelChart from './AppZoneWPanelChart.vue'\nimport AppZoneWAggridVueDyn from './AppZoneWAggridVueDyn.vue'\nimport AppZoneWTableDyn from './AppZoneWTableDyn.vue'\nimport AppZoneWImageViewerDyn from './AppZoneWImageViewerDyn.vue'\nimport AppZoneWImageCascadingDyn from './AppZoneWImageCascadingDyn.vue'\nimport AppZoneWCkeditorVueDyn from './AppZoneWCkeditorVueDyn.vue'\nimport AppZoneWTinymceVueDyn from './AppZoneWTinymceVueDyn.vue'\nimport AppZoneWQuillVueDyn from './AppZoneWQuillVueDyn.vue'\nimport AppZoneWLeafletVueDyn from './AppZoneWLeafletVueDyn.vue'\n\n\nexport default {\n    components: {\n        AppZoneWBadge,\n        AppZoneWPanelStripe,\n        AppZoneWPanelBulge,\n        AppZoneWPanelScrolly,\n        AppZoneWPanelDivideHorizontal,\n        AppZoneWPanelDivideVertical,\n        AppZoneWPanelScale,\n        AppZoneWIconSvg,\n        AppZoneWDropfiles,\n        AppZoneWDialog,\n        AppZoneWConfirm,\n        AppZoneWPopup,\n        AppZoneWPopupEditText,\n        AppZoneWButtonChip,\n        AppZoneWButtonCircle,\n        AppZoneWProgressBar,\n        AppZoneWProgressCircle,\n        AppZoneWSwitch,\n        AppZoneWCheckbox,\n        AppZoneWAlert,\n        AppZoneWGroupTags,\n        AppZoneWGroupDragdrop,\n        AppZoneWListVertical,\n        AppZoneWGroupCheck,\n        AppZoneWGroupRadio,\n        AppZoneWText,\n        AppZoneWTextInt,\n        AppZoneWTextarea,\n        AppZoneWTextSelect,\n        AppZoneWTextSuggest,\n        AppZoneWTimeday,\n        AppZoneWTimeminute,\n        AppZoneWTimedayRange,\n        AppZoneWTimeminuteRange,\n        AppZoneWDynamicList,\n        AppZoneWJsonView,\n        AppZoneWTree,\n        AppZoneWHighchartsVueDyn,\n        AppZoneWHighchartsBitmapDyn,\n        AppZoneWHighstockVueDyn,\n        AppZoneWEchartsVueDyn,\n        AppZoneWPanelChart,\n        AppZoneWAggridVueDyn,\n        AppZoneWTableDyn,\n        AppZoneWImageViewerDyn,\n        AppZoneWImageCascadingDyn,\n        AppZoneWCkeditorVueDyn,\n        AppZoneWTinymceVueDyn,\n        AppZoneWQuillVueDyn,\n        AppZoneWLeafletVueDyn,\n    },\n    data: function() {\n        return {\n            get,\n            kebabCase,\n\n            mdiCheckCircle,\n            mdiCheckboxBlankCircleOutline,\n            io1: 0,\n            io2: 0,\n            io3: 0,\n            sCmps: [\n                {\n                    name: 'basic',\n                    cmps: [\n                        { name: 'WBadge' },\n                        { name: 'WSwitch' },\n                        { name: 'WCheckbox' },\n                        { name: 'WIconSvg' },\n                        { name: 'WDropfiles' },\n                        { name: 'WProgressBar' },\n                        { name: 'WProgressCircle' },\n                    ]\n                },\n                {\n                    name: 'panel',\n                    cmps: [\n                        { name: 'WPanelStripe' },\n                        { name: 'WPanelBulge' },\n                        { name: 'WPanelScrolly' },\n                        { name: 'WPanelDivideHorizontal' },\n                        { name: 'WPanelDivideVertical' },\n                        { name: 'WPanelScale' },\n                    ]\n                },\n                {\n                    name: 'button',\n                    cmps: [\n                        { name: 'WButtonChip' },\n                        { name: 'WButtonCircle' },\n                    ]\n                },\n                {\n                    name: 'group',\n                    cmps: [\n                        { name: 'WGroupCheck' },\n                        { name: 'WGroupRadio' },\n                        { name: 'WGroupTags' },\n                        { name: 'WGroupDragdrop' },\n                    ]\n                },\n                {\n                    name: 'list',\n                    cmps: [\n                        { name: 'WListVertical' },\n                        { name: 'WDynamicList' },\n                    ]\n                },\n                {\n                    name: 'text',\n                    cmps: [\n                        { name: 'WText' },\n                        { name: 'WTextarea' },\n                        { name: 'WTextInt' },\n                        { name: 'WTextSelect' },\n                        { name: 'WTextSuggest' },\n                    ]\n                },\n                {\n                    name: 'time',\n                    cmps: [\n                        { name: 'WTimeday' },\n                        { name: 'WTimeminute' },\n                        { name: 'WTimedayRange' },\n                        { name: 'WTimeminuteRange' },\n                    ]\n                },\n                {\n                    name: 'tree',\n                    cmps: [\n                        { name: 'WJsonView' },\n                        { name: 'WTree' },\n\n                    ]\n                },\n                {\n                    name: 'window',\n                    cmps: [\n                        { name: 'WAlert' },\n                        { name: 'WDialog' },\n                        { name: 'WConfirm' },\n                        { name: 'WPopup' },\n                        { name: 'WPopupEditText' },\n                    ]\n                },\n                {\n                    name: 'dynamic',\n                    cmps: [\n                        {\n                            name: 'plot',\n                            cmps: [\n                                { name: 'WHighchartsVueDyn' },\n                                { name: 'WHighchartsBitmapDyn' },\n                                { name: 'WHighstockVueDyn' },\n                                { name: 'WEchartsVueDyn' },\n                                { name: 'WPanelChart' },\n                            ],\n                        },\n                        {\n                            name: 'table',\n                            cmps: [\n                                { name: 'WAggridVueDyn' },\n                                { name: 'WTableDyn' },\n                            ],\n                        },\n                        {\n                            name: 'map',\n                            cmps: [\n                                { name: 'WLeafletVueDyn' },\n                            ],\n                        },\n                        {\n                            name: 'imageViewer',\n                            cmps: [\n                                { name: 'WImageViewerDyn' },\n                                { name: 'WImageCascadingDyn' },\n                            ],\n                        },\n                        {\n                            name: 'editor',\n                            cmps: [\n                                { name: 'WTinymceVueDyn' },\n                                { name: 'WCkeditorVueDyn' },\n                                { name: 'WQuillVueDyn' },\n                            ],\n                        },\n                    ],\n                },\n            ],\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        let getCmpLoc = (cmpName) => {\n            // console.log('getCmpLoc', cmpName)\n            let mt = {\n                io1: 0,\n                io2: 0,\n                io3: 0,\n            }\n            let done = false\n            each(vo.sCmps, (v, k) => {\n                // console.log('l1', kebabCase(v.name), k)\n                if (cmpName === kebabCase(v.name)) {\n                    mt = {\n                        io1: k,\n                        io2: 0,\n                        io3: 0,\n                    }\n                    done = true\n                    return false\n                }\n                if (get(v, 'cmps')) {\n                    each(v.cmps, (vv, kk) => {\n                        // console.log('l2', kebabCase(vv.name), kk)\n                        if (cmpName === kebabCase(vv.name)) {\n                            mt = {\n                                io1: k,\n                                io2: kk,\n                                io3: 0,\n                            }\n                            done = true\n                            return false\n                        }\n                        if (get(vv, 'cmps')) {\n                            each(vv.cmps, (vvv, kkk) => {\n                                // console.log('l3', kebabCase(vvv.name), kkk)\n                                if (cmpName === kebabCase(vvv.name)) {\n                                    mt = {\n                                        io1: k,\n                                        io2: kk,\n                                        io3: kkk,\n                                    }\n                                    done = true\n                                    return false\n                                }\n                                // if (done) {\n                                //     return false\n                                // }\n                            })\n                        }\n                        if (done) {\n                            return false\n                        }\n                    })\n                }\n                if (done) {\n                    return false\n                }\n            })\n            return mt\n        }\n\n        let autoViewCmp = () => {\n\n            ////yuda-lyu.github.io/w-component-vue/examples/app.html?level1=basic&level2=w-switch\n            ////yuda-lyu.github.io/w-component-vue/examples/app.html?level1=dynamic&level2=editor&level3=w-quill-vue-dyn\n            ////yuda-lyu.github.io/w-component-vue/examples/app.html?cmp=w-switch\n            ////yuda-lyu.github.io/w-component-vue/examples/app.html?cmp=w-quill-vue-dyn\n\n            //urlParse\n            let p = urlParse(location.href)\n            // console.log('p', p)\n\n            let mt = getCmpLoc(p.cmp)\n            // console.log('mt', mt)\n\n            vo.io1 = mt.io1\n            vo.io2 = mt.io2\n            vo.io3 = mt.io3\n\n        }\n        autoViewCmp()\n\n    },\n    computed: {\n\n        useL2Cmps: function() {\n            let vo = this\n            return get(vo, `sCmps.${vo.io1}.cmps`)\n        },\n\n        useL3Cmps: function() {\n            let vo = this\n            return get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.cmps`)\n        },\n\n        useCmpName: function () {\n            let vo = this\n            let name = 'unknow'\n            name = get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.cmps.${vo.io3}.name`)\n            if (name) {\n                return name\n            }\n            name = get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.name`)\n            if (name) {\n                return name\n            }\n            name = get(vo, `sCmps.${vo.io1}.name`)\n            if (name) {\n                return name\n            }\n            return name\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        resetUrl: function() {\n            try {\n                //開發端是localhost無法刷history至不同網站(因此為正式網站位址)\n                window.history.replaceState({}, '', '//yuda-lyu.github.io/w-component-vue/examples/app.html')\n            }\n            catch (err) {\n                // console.log(err)\n            }\n        },\n\n        clickMenu1: function (io1) {\n            let vo = this\n            vo.resetUrl()\n            vo.$nextTick(() => {\n                vo.io1 = io1\n                vo.io2 = 0\n                vo.io3 = 0\n            })\n        },\n\n        clickMenu2: function (io2) {\n            let vo = this\n            vo.resetUrl()\n            vo.$nextTick(() => {\n                vo.io2 = io2\n                vo.io3 = 0\n            })\n        },\n\n        clickMenu3: function (io3) {\n            let vo = this\n            vo.resetUrl()\n            vo.$nextTick(() => {\n                vo.io3 = io3\n            })\n        },\n\n    }\n}\n<\/script>\n\n<style>\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background-color: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    margin: 10px 0px 0px 0px;\n    padding: 0px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n    .bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n    }\n    .dz {\n        width: 400px;\n    }\n}\n</style>\n"]},media:void 0})}),Qf,undefined,false,undefined,!1,Dr,void 0,void 0)}));
+//# sourceMappingURL=app.umd.js.map