w-component-vue 2.1.57

package/docs/examples/app.umd.js

@@ -0,0 +1,7 @@
+/*!
+ * app v2.1.57
+ * (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),r="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",o="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",s="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",l="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",v="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",g="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",f="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",h="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",w="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",S="M8,5.14V19.14L19,12.14L8,5.14Z",_="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",W="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",T="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",A="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z",I="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",B=Array.isArray;function H(n){return(H="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 j="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function P(n){var e={exports:{}};return n(e,e.exports),e.exports}var D="object"==H(j)&&j&&j.Object===Object&&j,$="object"==("undefined"==typeof self?"undefined":H(self))&&self&&self.Object===Object&&self,z=D||$||Function("return this")(),E=z.Symbol,F=Object.prototype,L=F.hasOwnProperty,R=F.toString,V=E?E.toStringTag:void 0;var M=function(n){var e=L.call(n,V),t=n[V];try{n[V]=void 0;var r=!0}catch(n){}var o=R.call(n);return r&&(e?n[V]=t:delete n[V]),o},O=Object.prototype.toString;var N=function(n){return O.call(n)},G=E?E.toStringTag:void 0;var Z=function(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":G&&G in Object(n)?M(n):N(n)};var U=function(n){return null!=n&&"object"==H(n)};var q=function(n){return"symbol"==H(n)||U(n)&&"[object Symbol]"==Z(n)},Y=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,K=/^\w*$/;var X=function(n,e){if(B(n))return!1;var t=H(n);return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!q(n))||(K.test(n)||!Y.test(n)||null!=e&&n in Object(e))};var Q=function(n){var e=H(n);return null!=n&&("object"==e||"function"==e)};var J,nn=function(n){if(!Q(n))return!1;var e=Z(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},en=z["__core-js_shared__"],tn=(J=/[^.]+$/.exec(en&&en.keys&&en.keys.IE_PROTO||""))?"Symbol(src)_1."+J:"";var rn=function(n){return!!tn&&tn in n},on=Function.prototype.toString;var an=function(n){if(null!=n){try{return on.call(n)}catch(n){}try{return n+""}catch(n){}}return""},sn=/^\[object .+?Constructor\]$/,ln=Function.prototype,cn=Object.prototype,dn=ln.toString,un=cn.hasOwnProperty,pn=RegExp("^"+dn.call(un).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var mn=function(n){return!(!Q(n)||rn(n))&&(nn(n)?pn:sn).test(an(n))};var vn=function(n,e){return null==n?void 0:n[e]};var gn=function(n,e){var t=vn(n,e);return mn(t)?t:void 0},fn=gn(Object,"create");var hn=function(){this.__data__=fn?fn(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(fn){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 fn?void 0!==e[n]:kn.call(e,n)};var wn=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=fn&&void 0===e?"__lodash_hash_undefined__":e,this};function Sn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}Sn.prototype.clear=hn,Sn.prototype.delete=bn,Sn.prototype.get=xn,Sn.prototype.has=Cn,Sn.prototype.set=wn;var _n=Sn;var Wn=function(){this.__data__=[],this.size=0};var Tn=function(n,e){return n===e||n!=n&&e!=e};var An=function(n,e){for(var t=n.length;t--;)if(Tn(n[t][0],e))return t;return-1},In=Array.prototype.splice;var Bn=function(n){var e=this.__data__,t=An(e,n);return!(t<0)&&(t==e.length-1?e.pop():In.call(e,t,1),--this.size,!0)};var Hn=function(n){var e=this.__data__,t=An(e,n);return t<0?void 0:e[t][1]};var jn=function(n){return An(this.__data__,n)>-1};var Pn=function(n,e){var t=this.__data__,r=An(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};function Dn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}Dn.prototype.clear=Wn,Dn.prototype.delete=Bn,Dn.prototype.get=Hn,Dn.prototype.has=jn,Dn.prototype.set=Pn;var $n=Dn,zn=gn(z,"Map");var En=function(){this.size=0,this.__data__={hash:new _n,map:new(zn||$n),string:new _n}};var Fn=function(n){var e=H(n);return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==n:null===n};var Ln=function(n,e){var t=n.__data__;return Fn(e)?t["string"==typeof e?"string":"hash"]:t.map};var Rn=function(n){var e=Ln(this,n).delete(n);return this.size-=e?1:0,e};var Vn=function(n){return Ln(this,n).get(n)};var Mn=function(n){return Ln(this,n).has(n)};var On=function(n,e){var t=Ln(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this};function Nn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}Nn.prototype.clear=En,Nn.prototype.delete=Rn,Nn.prototype.get=Vn,Nn.prototype.has=Mn,Nn.prototype.set=On;var Gn=Nn;function Zn(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var t=function t(){var r=arguments,o=e?e.apply(this,r):r[0],i=t.cache;if(i.has(o))return i.get(o);var a=n.apply(this,r);return t.cache=i.set(o,a)||i,a};return t.cache=new(Zn.Cache||Gn),t}Zn.Cache=Gn;var Un=Zn;var qn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Yn=/\\(\\)?/g,Kn=function(n){var e=Un(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(qn,(function(n,t,r,o){e.push(r?o.replace(Yn,"$1"):t||n)})),e}));var Xn=function(n,e){for(var t=-1,r=null==n?0:n.length,o=Array(r);++t<r;)o[t]=e(n[t],t,n);return o},Qn=E?E.prototype:void 0,Jn=Qn?Qn.toString:void 0;var ne=function n(e){if("string"==typeof e)return e;if(B(e))return Xn(e,n)+"";if(q(e))return Jn?Jn.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 B(n)?n:X(n,e)?[n]:Kn(ee(n))};var re=function(n){if("string"==typeof n||q(n))return n;var e=n+"";return"0"==e&&1/n==-Infinity?"-0":e};var oe=function(n,e){for(var t=0,r=(e=te(e,n)).length;null!=n&&t<r;)n=n[re(e[t++])];return t&&t==r?n:void 0};var ie=function(n,e,t){var r=null==n?void 0:oe(n,e);return void 0===r?t:r};var ae=function(n,e,t,r){var o=-1,i=null==n?0:n.length;for(r&&i&&(t=n[++o]);++o<i;)t=e(t,n[o],o,n);return t};var se=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"}),le=/[\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(le,se).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 ve=function(n){return me.test(n)},ge="\\u2700-\\u27bf",fe="a-z\\xdf-\\xf6\\xf8-\\xff",he="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="["+fe+"]",we="[^\\ud800-\\udfff"+be+xe+ge+fe+he+"]",Se="(?:\\ud83c[\\udde6-\\uddff]){2}",_e="[\\ud800-\\udbff][\\udc00-\\udfff]",We="["+he+"]",Te="(?:"+Ce+"|"+we+")",Ae="(?:"+We+"|"+we+")",Ie="(?:['’](?:d|ll|m|re|s|t|ve))?",Be="(?:['’](?:D|LL|M|RE|S|T|VE))?",He="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",je="[\\ufe0e\\ufe0f]?",Pe=je+He+("(?:\\u200d(?:"+["[^\\ud800-\\udfff]",Se,_e].join("|")+")"+je+He+")*"),De="(?:"+[ke,Se,_e].join("|")+")"+Pe,$e=RegExp([We+"?"+Ce+"+"+Ie+"(?="+[ye,We,"$"].join("|")+")",Ae+"+"+Be+"(?="+[ye,We+Te,"$"].join("|")+")",We+"?"+Te+"+"+Ie,We+"+"+Be,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",xe,De].join("|"),"g");var ze=function(n){return n.match($e)||[]};var Ee=function(n,e,t){return n=ee(n),void 0===(e=t?void 0:e)?ve(n)?ze(n):pe(n):n.match(e)||[]},Fe=RegExp("['’]","g");var Le=function(n){return function(e){return ae(Ee(de(e).replace(Fe,"")),n,"")}},Re=Le((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()}));var Ve=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n};var Me=function(n){return function(e,t,r){for(var o=-1,i=Object(e),a=r(e),s=a.length;s--;){var l=a[n?s:++o];if(!1===t(i[l],l,i))break}return e}}();var Oe=function(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r};var Ne=function(n){return U(n)&&"[object Arguments]"==Z(n)},Ge=Object.prototype,Ze=Ge.hasOwnProperty,Ue=Ge.propertyIsEnumerable,qe=Ne(function(){return arguments}())?Ne:function(n){return U(n)&&Ze.call(n,"callee")&&!Ue.call(n,"callee")};var Ye=function(){return!1},Ke=P((function(n,e){var t=e&&!e.nodeType&&e,r=t&&n&&!n.nodeType&&n,o=r&&r.exports===t?z.Buffer:void 0,i=(o?o.isBuffer:void 0)||Ye;n.exports=i})),Xe=/^(?:0|[1-9]\d*)$/;var Qe=function(n,e){var t=H(n);return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&Xe.test(n))&&n>-1&&n%1==0&&n<e};var Je=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 U(n)&&Je(n.length)&&!!nt[Z(n)]};var tt=function(n){return function(e){return n(e)}},rt=P((function(n,e){var t=e&&!e.nodeType&&e,r=t&&n&&!n.nodeType&&n,o=r&&r.exports===t&&D.process,i=function(){try{var n=r&&r.require&&r.require("util").types;return n||o&&o.binding&&o.binding("util")}catch(n){}}();n.exports=i})),ot=rt&&rt.isTypedArray,it=ot?tt(ot):et,at=Object.prototype.hasOwnProperty;var st=function(n,e){var t=B(n),r=!t&&qe(n),o=!t&&!r&&Ke(n),i=!t&&!r&&!o&&it(n),a=t||r||o||i,s=a?Oe(n.length,String):[],l=s.length;for(var c in n)!e&&!at.call(n,c)||a&&("length"==c||o&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Qe(c,l))||s.push(c);return s},lt=Object.prototype;var ct=function(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||lt)};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 vt=function(n){return null!=n&&Je(n.length)&&!nn(n)};var gt=function(n){return vt(n)?st(n):mt(n)};var ft=function(n,e){return function(t,r){if(null==t)return t;if(!vt(t))return n(t,r);for(var o=t.length,i=e?o:-1,a=Object(t);(e?i--:++i<o)&&!1!==r(a[i],i,a););return t}}((function(n,e){return n&&Me(n,e,gt)}));var ht=function(n){return n};var bt=function(n){return"function"==typeof n?n:ht};var yt=function(n,e){return(B(n)?Ve:ft)(n,bt(e))};var xt=function(n,e,t){var r=-1,o=n.length;e<0&&(e=-e>o?0:o+e),(t=t>o?o:t)<0&&(t+=o),o=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=n[r+e];return i};var kt=function(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:xt(n,e,t)},Ct=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var wt=function(n){return Ct.test(n)};var St=function(n,e,t){if(!Q(t))return!1;var r=H(e);return!!("number"==r?vt(t)&&Qe(e,t.length):"string"==r&&e in t)&&Tn(t[e],n)};var _t=function(n){return U(n)&&"[object RegExp]"==Z(n)},Wt=rt&&rt.isRegExp,Tt=Wt?tt(Wt):_t;var At=function(n){return n.split("")},It="[\\ud800-\\udfff]",Bt="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ht="\\ud83c[\\udffb-\\udfff]",jt="[^\\ud800-\\udfff]",Pt="(?:\\ud83c[\\udde6-\\uddff]){2}",Dt="[\\ud800-\\udbff][\\udc00-\\udfff]",$t="(?:"+Bt+"|"+Ht+")"+"?",zt="[\\ufe0e\\ufe0f]?",Et=zt+$t+("(?:\\u200d(?:"+[jt,Pt,Dt].join("|")+")"+zt+$t+")*"),Ft="(?:"+[jt+Bt+"?",Bt,Pt,Dt,It].join("|")+")",Lt=RegExp(Ht+"(?="+Ht+")|"+Ft+Et,"g");var Rt=function(n){return n.match(Lt)||[]};var Vt=function(n){return wt(n)?Rt(n):At(n)};var Mt=function(n,e,t){return t&&"number"!=typeof t&&St(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=ee(n))&&("string"==typeof e||null!=e&&!Tt(e))&&!(e=ne(e))&&wt(n)?kt(Vt(n),0,t):n.split(e,t):[]};var Ot=function(){this.__data__=new $n,this.size=0};var Nt=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t};var Gt=function(n){return this.__data__.get(n)};var Zt=function(n){return this.__data__.has(n)};var Ut=function(n,e){var t=this.__data__;if(t instanceof $n){var r=t.__data__;if(!zn||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new Gn(r)}return t.set(n,e),this.size=t.size,this};function qt(n){var e=this.__data__=new $n(n);this.size=e.size}qt.prototype.clear=Ot,qt.prototype.delete=Nt,qt.prototype.get=Gt,qt.prototype.has=Zt,qt.prototype.set=Ut;var Yt=qt;var Kt=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this};var Xt=function(n){return this.__data__.has(n)};function Qt(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new Gn;++e<t;)this.add(n[e])}Qt.prototype.add=Qt.prototype.push=Kt,Qt.prototype.has=Xt;var Jt=Qt;var nr=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1};var er=function(n,e){return n.has(e)};var tr=function(n,e,t,r,o,i){var a=1&t,s=n.length,l=e.length;if(s!=l&&!(a&&l>s))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 Jt:void 0;for(i.set(n,e),i.set(e,n);++u<s;){var v=n[u],g=e[u];if(r)var f=a?r(g,v,u,e,n,i):r(v,g,u,n,e,i);if(void 0!==f){if(f)continue;p=!1;break}if(m){if(!nr(e,(function(n,e){if(!er(m,e)&&(v===n||o(v,n,t,r,i)))return m.push(e)}))){p=!1;break}}else if(v!==g&&!o(v,g,t,r,i)){p=!1;break}}return i.delete(n),i.delete(e),p},rr=z.Uint8Array;var or=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n,r){t[++e]=[r,n]})),t};var ir=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t},ar=E?E.prototype:void 0,sr=ar?ar.valueOf:void 0;var lr=function(n,e,t,r,o,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 rr(n),new rr(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Tn(+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 s=or;case"[object Set]":var l=1&r;if(s||(s=ir),n.size!=e.size&&!l)return!1;var c=a.get(n);if(c)return c==e;r|=2,a.set(n,e);var d=tr(s(n),s(e),r,o,i,a);return a.delete(n),d;case"[object Symbol]":if(sr)return sr.call(n)==sr.call(e)}return!1};var cr=function(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n};var dr=function(n,e,t){var r=e(n);return B(n)?r:cr(r,t(n))};var ur=function(n,e){for(var t=-1,r=null==n?0:n.length,o=0,i=[];++t<r;){var a=n[t];e(a,t,n)&&(i[o++]=a)}return i};var pr=function(){return[]},mr=Object.prototype.propertyIsEnumerable,vr=Object.getOwnPropertySymbols,gr=vr?function(n){return null==n?[]:(n=Object(n),ur(vr(n),(function(e){return mr.call(n,e)})))}:pr;var fr=function(n){return dr(n,gt,gr)},hr=Object.prototype.hasOwnProperty;var br=function(n,e,t,r,o,i){var a=1&t,s=fr(n),l=s.length;if(l!=fr(e).length&&!a)return!1;for(var c=l;c--;){var d=s[c];if(!(a?d in e:hr.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 v=a;++c<l;){var g=n[d=s[c]],f=e[d];if(r)var h=a?r(f,g,d,e,n,i):r(g,f,d,n,e,i);if(!(void 0===h?g===f||o(g,f,t,r,i):h)){m=!1;break}v||(v="constructor"==d)}if(m&&!v){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},yr=gn(z,"DataView"),xr=gn(z,"Promise"),kr=gn(z,"Set"),Cr=gn(z,"WeakMap"),wr="[object Map]",Sr="[object Promise]",_r="[object Set]",Wr="[object WeakMap]",Tr="[object DataView]",Ar=an(yr),Ir=an(zn),Br=an(xr),Hr=an(kr),jr=an(Cr),Pr=Z;(yr&&Pr(new yr(new ArrayBuffer(1)))!=Tr||zn&&Pr(new zn)!=wr||xr&&Pr(xr.resolve())!=Sr||kr&&Pr(new kr)!=_r||Cr&&Pr(new Cr)!=Wr)&&(Pr=function(n){var e=Z(n),t="[object Object]"==e?n.constructor:void 0,r=t?an(t):"";if(r)switch(r){case Ar:return Tr;case Ir:return wr;case Br:return Sr;case Hr:return _r;case jr:return Wr}return e});var Dr=Pr,$r="[object Arguments]",zr="[object Array]",Er="[object Object]",Fr=Object.prototype.hasOwnProperty;var Lr=function(n,e,t,r,o,i){var a=B(n),s=B(e),l=a?zr:Dr(n),c=s?zr:Dr(e),d=(l=l==$r?Er:l)==Er,u=(c=c==$r?Er:c)==Er,p=l==c;if(p&&Ke(n)){if(!Ke(e))return!1;a=!0,d=!1}if(p&&!d)return i||(i=new Yt),a||it(n)?tr(n,e,t,r,o,i):lr(n,e,l,t,r,o,i);if(!(1&t)){var m=d&&Fr.call(n,"__wrapped__"),v=u&&Fr.call(e,"__wrapped__");if(m||v){var g=m?n.value():n,f=v?e.value():e;return i||(i=new Yt),o(g,f,t,r,i)}}return!!p&&(i||(i=new Yt),br(n,e,t,r,o,i))};var Rr=function n(e,t,r,o,i){return e===t||(null==e||null==t||!U(e)&&!U(t)?e!=e&&t!=t:Lr(e,t,r,o,n,i))};var Vr=function(n,e,t,r){var o=t.length,i=o,a=!r;if(null==n)return!i;for(n=Object(n);o--;){var s=t[o];if(a&&s[2]?s[1]!==n[s[0]]:!(s[0]in n))return!1}for(;++o<i;){var l=(s=t[o])[0],c=n[l],d=s[1];if(a&&s[2]){if(void 0===c&&!(l in n))return!1}else{var u=new Yt;if(r)var p=r(c,d,l,n,e,u);if(!(void 0===p?Rr(d,c,3,r,u):p))return!1}}return!0};var Mr=function(n){return n==n&&!Q(n)};var Or=function(n){for(var e=gt(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,Mr(o)]}return e};var Nr=function(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}};var Gr=function(n){var e=Or(n);return 1==e.length&&e[0][2]?Nr(e[0][0],e[0][1]):function(t){return t===n||Vr(t,n,e)}};var Zr=function(n,e){return null!=n&&e in Object(n)};var Ur=function(n,e,t){for(var r=-1,o=(e=te(e,n)).length,i=!1;++r<o;){var a=re(e[r]);if(!(i=null!=n&&t(n,a)))break;n=n[a]}return i||++r!=o?i:!!(o=null==n?0:n.length)&&Je(o)&&Qe(a,o)&&(B(n)||qe(n))};var qr=function(n,e){return null!=n&&Ur(n,e,Zr)};var Yr=function(n,e){return X(n)&&Mr(e)?Nr(re(n),e):function(t){var r=ie(t,n);return void 0===r&&r===e?qr(t,n):Rr(e,r,3)}};var Kr=function(n){return function(e){return null==e?void 0:e[n]}};var Xr=function(n){return function(e){return oe(e,n)}};var Qr=function(n){return X(n)?Kr(re(n)):Xr(n)};var Jr=function(n){return"function"==typeof n?n:null==n?ht:"object"==H(n)?B(n)?Yr(n[0],n[1]):Gr(n):Qr(n)};var no=function(n,e){var t=-1,r=vt(n)?Array(n.length):[];return ft(n,(function(n,o,i){r[++t]=e(n,o,i)})),r};var eo=function(n,e){return(B(n)?Xn:no)(n,Jr(e))};var to=function(n){for(var e=-1,t=null==n?0:n.length,r={};++e<t;){var o=n[e];r[o[0]]=o[1]}return r};function ro(n){return"[object String]"===Object.prototype.toString.call(n)}function oo(n){return!(!ro(n)||""===n)}var io=/\s/;var ao=function(n){for(var e=n.length;e--&&io.test(n.charAt(e)););return e},so=/^\s+/;var lo=function(n){return n?n.slice(0,ao(n)+1).replace(so,""):n};var co=function(n,e,t,r){for(var o=n.length,i=t+(r?1:-1);r?i--:++i<o;)if(e(n[i],i,n))return i;return-1};var uo=function(n){return n!=n};var po=function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1};var mo=function(n,e,t){return e==e?po(n,e,t):co(n,uo,t)};var vo=function(n,e){for(var t=n.length;t--&&mo(e,n[t],0)>-1;);return t};var go=function(n,e){for(var t=-1,r=n.length;++t<r&&mo(e,n[t],0)>-1;);return t};var fo=function(n,e,t){if((n=ee(n))&&(t||void 0===e))return lo(n);if(!n||!(e=ne(e)))return n;var r=Vt(n),o=Vt(e),i=go(r,o),a=vo(r,o)+1;return kt(r,i,a).join("")};var ho=function(n,e){var t=[];return ft(n,(function(n,r,o){e(n,r,o)&&t.push(n)})),t};var bo=function(n,e){return(B(n)?ur:ho)(n,Jr(e))};var yo=function(n){return ee(n).toUpperCase()};var xo=function(n){return"string"==typeof n||!B(n)&&U(n)&&"[object String]"==Z(n)},ko=Kr("length"),Co="[\\ud800-\\udfff]",wo="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",So="\\ud83c[\\udffb-\\udfff]",_o="[^\\ud800-\\udfff]",Wo="(?:\\ud83c[\\udde6-\\uddff]){2}",To="[\\ud800-\\udbff][\\udc00-\\udfff]",Ao="(?:"+wo+"|"+So+")"+"?",Io="[\\ufe0e\\ufe0f]?",Bo=Io+Ao+("(?:\\u200d(?:"+[_o,Wo,To].join("|")+")"+Io+Ao+")*"),Ho="(?:"+[_o+wo+"?",wo,Wo,To,Co].join("|")+")",jo=RegExp(So+"(?="+So+")|"+Ho+Bo,"g");var Po=function(n){for(var e=jo.lastIndex=0;jo.test(n);)++e;return e};var Do=function(n){return wt(n)?Po(n):ko(n)};var $o=function(n){if(null==n)return 0;if(vt(n))return xo(n)?Do(n):n.length;var e=Dr(n);return"[object Map]"==e||"[object Set]"==e?n.size:mt(n).length},zo=Array.prototype.join;var Eo=function(n,e){return null==n?"":zo.call(n,e)};function Fo(n){return function(n){var e=Mt(n,"&");e=eo(e,(function(n){return fo(n)}));var t=$o(e);t=Math.min(4,t);for(var r=[],o=0;o<t;o++)r.push(e[o]);return Eo(r,"_")}(n)}var Lo={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(Fo(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 Ro(n,e,t,r,o,i,a,s,l,c){"boolean"!=typeof a&&(l=s,s=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,o&&(u.functional=!0)),r&&(u._scopeId=r),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,l(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,s(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 Vo,Mo="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function Oo(n){return function(n,e){return function(n,e){var t=Mo?e.media||"default":n,r=No[t]||(No[t]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);var o=e.source;if(e.map&&(o+="\n/*# sourceURL="+e.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===Vo&&(Vo=document.head||document.getElementsByTagName("head")[0]),Vo.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(o),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var i=r.ids.size-1,a=document.createTextNode(o),s=r.element.childNodes;s[i]&&r.element.removeChild(s[i]),s.length?r.element.insertBefore(a,s[i]):r.element.appendChild(a)}}}(n,e)}}var No={};const Go=Lo;var Zo=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 r=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}},r),[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 r=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}},r),[t("v-icon",{attrs:{small:""}},[n._v(n._s(n.mdiUnfoldMoreVertical))])],1)]}}])},[n._v(" "),t("span",[n._v("code")])])],1)};Zo._withStripped=!0;const Uo=Ro({render:Zo,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})}),Go,"data-v-1cb3bc40",false,undefined,!1,Oo,void 0,void 0);function qo(n,e,t){if(!oo(n))return"";if(!oo(e))return"";if(!ro(t))return"";var r=new RegExp(e,"g");return String(n).replace(r,t)}var Yo=function(n){return function(e){e=ee(e);var t=wt(e)?Vt(e):void 0,r=t?t[0]:e.charAt(0),o=t?kt(t,1).join(""):e.slice(1);return r[n]()+o}}("toUpperCase");var Ko=function(n){return Yo(ee(n).toLowerCase())},Xo=Le((function(n,e,t){return e=e.toLowerCase(),n+(t?Ko(e):e)})),Qo={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 Jo(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=Mt(n," ");return 1===$o(e)&&(e[1]=null),e}(n);return function(n,e,t){var r=ie(Qo,"default.".concat(n,".").concat(e),null);return null===r&&(r=t),r}(function(n){var e=n.trim();return Xo(e)}(e[0]),function(n){oo(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,ri=/^0o[0-7]+$/i,oi=parseInt;var ii=function(n){if("number"==typeof n)return n;if(q(n))return NaN;if(Q(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=Q(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=lo(n);var t=ti.test(n);return t||ri.test(n)?oi(n.slice(2),t?2:8):ei.test(n)?NaN:+n},ai=1/0;var si=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 li=function(n){var e=si(n),t=e%1;return e==e?t?e-t:e:0};var ci=function(n){return"number"==typeof n&&n==li(n)};function di(n){var e=!1;return oo(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)?si(n):0}function pi(n){return!!di(n)&&(n=ui(n),ci(n))}var mi=z.isFinite,vi=Math.min;var gi=function(n){var e=Math[n];return function(n,t){if(n=ii(n),(t=null==t?0:vi(li(t),292))&&mi(n)){var r=(ee(n)+"e").split("e"),o=e(r[0]+"e"+(+r[1]+t));return+((r=(ee(o)+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round");function fi(n){if(!di(n))return 0;n=ui(n);var e=gi(n);return"0"===String(e)?0:e}function hi(n){return!!pi(n)&&fi(n)>0}var bi=P((function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,a){if("function"!=typeof r)throw new TypeError("The listener must be a function");var s=new o(r,i||n,a),l=t?t+e:e;return n._events[l]?n._events[l].fn?n._events[l]=[n._events[l],s]:n._events[l].push(s):(n._events[l]=s,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new r:delete n._events[e]}function s(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),s.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},s.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,a=new Array(i);o<i;o++)a[o]=r[o].fn;return a},s.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},s.prototype.emit=function(n,e,r,o,i,a){var s=t?t+n:n;if(!this._events[s])return!1;var l,c,d=this._events[s],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,r),!0;case 4:return d.fn.call(d.context,e,r,o),!0;case 5:return d.fn.call(d.context,e,r,o,i),!0;case 6:return d.fn.call(d.context,e,r,o,i,a),!0}for(c=1,l=new Array(u-1);c<u;c++)l[c-1]=arguments[c];d.fn.apply(d.context,l)}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,r);break;case 4:d[c].fn.call(d[c].context,e,r,o);break;default:if(!l)for(p=1,l=new Array(u-1);p<u;p++)l[p-1]=arguments[p];d[c].fn.apply(d[c].context,l)}}return!0},s.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},s.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},s.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var s=this._events[i];if(s.fn)s.fn!==e||o&&!s.once||r&&s.context!==r||a(this,i);else{for(var l=0,c=[],d=s.length;l<d;l++)(s[l].fn!==e||o&&!s[l].once||r&&s[l].context!==r)&&c.push(s[l]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},s.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new r,this._eventsCount=0),this},s.prototype.off=s.prototype.removeListener,s.prototype.addListener=s.prototype.on,s.prefixed=t,s.EventEmitter=s,n.exports=s}));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 r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}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 wi="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Si=wi.length;function _i(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=hi(n)?fi(n):32;for(var t=0;t<n;t++)e[t]=wi[0|Math.random()*Si];var r=e.join("");return r}function Wi(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Ti(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Wi(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Wi(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Ai(){var n={};return{bind:function(e,t,r){var o="r".concat(_i());e.setAttribute("ev-resize",o);var i=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=ie(e,"timeInterval",null);hi(t)||(t=20);var r=ie(e,"tolerancePixel",null);hi(r)||(r=1);var o,i=yi(),a={offsetWidth:0,offsetHeight:0};if(!xi(n))return console.log("invalid f",n),null;o=setInterval((function(){var e=n();if(e){var t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight},o=Math.abs(a.offsetWidth-t.offsetWidth)>r,s=Math.abs(a.offsetHeight-t.offsetHeight)>r;if(o||s){var l=Ci({},a);setTimeout((function(){t.offsetWidth>0&&t.offsetHeight>0&&(i.emit("resize",{sold:l,snew:t,ele:e}),i.emit("resizeWithWindow",{sold:l,snew:t,ele:e,from:"dom"}))}),1)}a=t}}),t);var s=function(n){i.emit("resizeWithWindow",{snew:a,from:"window"})};return window.addEventListener("resize",s),i.clear=function(){clearInterval(o),window.removeEventListener("resize",s)},i}((function(){return e}));i.on("resizeWithWindow",(function(n){var e=window.innerHeight,t=Ti(Ti({},n),{},{winHeight:e});!function(n,e,t){var r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domresize",t)})),n[o]=i},unbind:function(e){var t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),delete n[t])}}}const Ii={directives:{domresize:Ai()},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=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(this.textColor)},useBackgroundColor:function(){return Jo(this.backgroundColor)},useBorderColor:function(){return Jo(this.borderColor)}},methods:{resize:function(n){var e=this,t=ie(e,"$refs.badge");if(t){var r=ie(t,"offsetWidth",null),o=ie(t,"offsetHeight",null);r&&o&&(e.paddingTop=.5*o,e.paddingRight=r*e.multiplyW-e.shiftX,e.$emit("resize",n))}}}};var Bi=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)])])};Bi._withStripped=!0;const Hi={components:{demolink:Uo,WBadge:Ro({render:Bi,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})}),Ii,"data-v-06a57a4d",false,undefined,!1,Oo,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"]'}]}}};var ji=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)])])};ji._withStripped=!0;const Pi=Ro({render:ji,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-6e358814_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBadge.vue"},media:void 0})}),Hi,"data-v-6e358814",false,undefined,!1,Oo,void 0,void 0);const Di={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"]=Jo(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"]=Jo(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",r="0 0";return n.hasHeader||(t="".concat(n.borderRadius,"px ").concat(n.borderRadius,"px")),n.hasFooter||(r="".concat(n.borderRadius,"px ").concat(n.borderRadius,"px")),e["border-radius"]="".concat(t," ").concat(r),e},useFooterStyle:function(){var n=this,e={};return e.padding="".concat(n.padding,"px"),e["border-top"]="1px solid #ddd",e["background-color"]=Jo(n.footerBackgroundColor),e["border-radius"]="0 0 ".concat(n.borderRadius,"px ").concat(n.borderRadius,"px"),e}},methods:{}};var $i=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()])};$i._withStripped=!0;const zi={components:{demolink:Uo,WPanelStripe:Ro({render:$i,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})}),Di,"data-v-0e00d4b8",false,undefined,!1,Oo,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 Ei=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)])])};Ei._withStripped=!0;const Fi=Ro({render:Ei,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})}),zi,"data-v-e6d45ccc",false,undefined,!1,Oo,void 0,void 0);const Li={directives:{domresize:Ai()},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 Jo(this.headerTextColor)},useHeaderBackgroundColor:function(){return Jo(this.headerBackgroundColor)},useHeaderPadding:function(){var n=this;return di(n.headerPadding)?"".concat(n.headerPadding,"px"):n.headerPadding},useContentBackgroundColor:function(){return Jo(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 Ri=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)])])])};Ri._withStripped=!0;const Vi=Ro({render:Ri,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,Oo,void 0,void 0);var Mi=function(n,e){return Rr(n,e)},Oi=function(){try{var n=gn(Object,"defineProperty");return n({},"",{}),n}catch(n){}}();var Ni=function(n,e,t){"__proto__"==e&&Oi?Oi(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t},Gi=Object.prototype.hasOwnProperty;var Zi=function(n,e,t){var r=n[e];Gi.call(n,e)&&Tn(r,t)&&(void 0!==t||e in n)||Ni(n,e,t)};var Ui=function(n,e,t,r){var o=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var s=e[i],l=r?r(t[s],n[s],s,t,n):void 0;void 0===l&&(l=n[s]),o?Ni(t,s,l):Zi(t,s,l)}return t};var qi=function(n,e){return n&&Ui(e,gt(e),n)};var Yi=function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e},Ki=Object.prototype.hasOwnProperty;var Xi=function(n){if(!Q(n))return Yi(n);var e=ct(n),t=[];for(var r in n)("constructor"!=r||!e&&Ki.call(n,r))&&t.push(r);return t};var Qi=function(n){return vt(n)?st(n,!0):Xi(n)};var Ji=function(n,e){return n&&Ui(e,Qi(e),n)},na=P((function(n,e){var t=e&&!e.nodeType&&e,r=t&&n&&!n.nodeType&&n,o=r&&r.exports===t?z.Buffer:void 0,i=o?o.allocUnsafe:void 0;n.exports=function(n,e){if(e)return n.slice();var t=n.length,r=i?i(t):new n.constructor(t);return n.copy(r),r}}));var ea=function(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e};var ta=function(n,e){return Ui(n,gr(n),e)},ra=dt(Object.getPrototypeOf,Object),oa=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)cr(e,gr(n)),n=ra(n);return e}:pr;var ia=function(n,e){return Ui(n,oa(n),e)};var aa=function(n){return dr(n,Qi,oa)},sa=Object.prototype.hasOwnProperty;var la=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&sa.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 rr(e).set(new rr(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=E?E.prototype:void 0,va=ma?ma.valueOf:void 0;var ga=function(n){return va?Object(va.call(n)):{}};var fa=function(n,e){var t=e?ca(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)};var ha=function(n,e,t){var r=n.constructor;switch(e){case"[object ArrayBuffer]":return ca(n);case"[object Boolean]":case"[object Date]":return new r(+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 fa(n,t);case"[object Map]":return new r;case"[object Number]":case"[object String]":return new r(n);case"[object RegExp]":return pa(n);case"[object Set]":return new r;case"[object Symbol]":return ga(n)}},ba=Object.create,ya=function(){function n(){}return function(e){if(!Q(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(ra(n))};var ka=function(n){return U(n)&&"[object Map]"==Dr(n)},Ca=rt&&rt.isMap,wa=Ca?tt(Ca):ka;var Sa=function(n){return U(n)&&"[object Set]"==Dr(n)},_a=rt&&rt.isSet,Wa=_a?tt(_a):Sa,Ta="[object Arguments]",Aa="[object Function]",Ia="[object Object]",Ba={};Ba[Ta]=Ba["[object Array]"]=Ba["[object ArrayBuffer]"]=Ba["[object DataView]"]=Ba["[object Boolean]"]=Ba["[object Date]"]=Ba["[object Float32Array]"]=Ba["[object Float64Array]"]=Ba["[object Int8Array]"]=Ba["[object Int16Array]"]=Ba["[object Int32Array]"]=Ba["[object Map]"]=Ba["[object Number]"]=Ba[Ia]=Ba["[object RegExp]"]=Ba["[object Set]"]=Ba["[object String]"]=Ba["[object Symbol]"]=Ba["[object Uint8Array]"]=Ba["[object Uint8ClampedArray]"]=Ba["[object Uint16Array]"]=Ba["[object Uint32Array]"]=!0,Ba["[object Error]"]=Ba[Aa]=Ba["[object WeakMap]"]=!1;var Ha=function n(e,t,r,o,i,a){var s,l=1&t,c=2&t,d=4&t;if(r&&(s=i?r(e,o,i,a):r(e)),void 0!==s)return s;if(!Q(e))return e;var u=B(e);if(u){if(s=la(e),!l)return ea(e,s)}else{var p=Dr(e),m=p==Aa||"[object GeneratorFunction]"==p;if(Ke(e))return na(e,l);if(p==Ia||p==Ta||m&&!i){if(s=c||m?{}:xa(e),!l)return c?ia(e,Ji(s,e)):ta(e,qi(s,e))}else{if(!Ba[p])return i?e:{};s=ha(e,p,l)}}a||(a=new Yt);var v=a.get(e);if(v)return v;a.set(e,s),Wa(e)?e.forEach((function(o){s.add(n(o,t,r,o,e,a))})):wa(e)&&e.forEach((function(o,i){s.set(i,n(o,t,r,i,e,a))}));var g=u?void 0:(d?c?aa:fr:c?Qi:gt)(e);return Ve(g||e,(function(o,i){g&&(o=e[i=o]),Zi(s,i,n(o,t,r,i,e,a))})),s};var ja=function(n){return Ha(n,5)};function Pa(n){return"[object Array]"===Object.prototype.toString.call(n)}function Da(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function $a(n){return"[object Object]"===Object.prototype.toString.call(n)}function za(n){if($a(n)){for(var e in n)return!1;return!0}return!1}function Ea(n){return!!Da(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!za(n)||(!!function(n){return!(!ro(n)||""!==n)}(n)||!!function(n){return!!Pa(n)&&0===n.length}(n))))}var Fa=function(n){return!0===n||!1===n||U(n)&&"[object Boolean]"==Z(n)};function La(n){return Fa(n)}function Ra(n,e){if(!oo(n))return[];if(!oo(e))return[];var t=function(n,e){return oo(n)&&oo(e)?n.split(e):[]}(n,e),r=[];return yt(t,(function(n){oo(n)&&r.push(n)})),r}function Va(){var n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var Ma=function(n){return ee(n).toLowerCase()};function Oa(n){if($a(n)){for(var e in n)return!0;return!1}return!1}function Na(n,e){return oo(n)&&hi(e)?n.substr(0,e):""}function Ga(n,e){if(!oo(n))return"";if(!hi(e))return"";var t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function Za(n,e){return oo(n)&&hi(e)?Ga(n,n.length-e):""}function Ua(n){return oo(n)||di(n)?String(n):""}function qa(n,e){return!!$a(n)&&(!!oo(e)&&e in n)}function Ya(n){return!!pi(n)&&fi(n)>=0}function Ka(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return oo(n)&&Ya(e)?(t=hi(t)?fi(t):1,n.substring(e,e+t)):""}var Xa={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 Qa(n){return ns(n,1)}function Ja(n){return ns(n,360)}function ns(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!di(n=qo(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 es(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 ts(n){var e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!Pa(n))throw new Error("invalid colors array");var r=ie(n,0,0),o=ie(n,1,0),i=ie(n,2,0),a=ie(n,3,1);if(t=t.split(""),4!==$o(t))throw new Error("tar.length !== 4");var s=ie(t,0),l=ie(t,1),c=ie(t,2),d=ie(t,3);return ni(e={},s,r),ni(e,l,o),ni(e,c,i),ni(e,d,a),e}function rs(n){n=Za(n,1);var e=$o(n);if(2===e)n="".concat(n).concat(n).concat(n,"ff");else if(3===e){var t=Ka(n,0,1),r=Ka(n,1,1),o=Ka(n,2,1);n="".concat(t).concat(t).concat(r).concat(r).concat(o).concat(o,"ff")}else if(6===e)n="".concat(n,"ff");else if(8!==e)throw new Error("invalid hex color");function i(n){if(2!==$o(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(Ka(n,0,2)),g:i(Ka(n,2,2)),b:i(Ka(n,4,2)),a:i(Ka(n,6,2))}}function os(n){return n=ts(n=eo(n,(function(n,e){return e<=2?ns(n,255):3===e?es(n):null})),"rgba")}function is(n){return n=us(n=ts(n=eo(n,(function(n,e){return 0===e?Ja(n):1===e||2===e?Qa(n):3===e?es(n):null})),"hsla"))}function as(n){return n=ps(n=ts(n=eo(n,(function(n,e){return 0===e?Ja(n):1===e||2===e?Qa(n):3===e?es(n):null})),"hsva"))}function ss(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return qa(Xa,n)}(n))return rs(n="#".concat(Xa[n]));if(function(n){return"#"===Na(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 rs(n);if(function(n){return"rgb"===Na(n,3)||"rgba"===Na(n,4)}(n))return function(n){return n=qo(n,"rgba",""),n=qo(n,"rgb",""),os(Ra(n=qo(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===Na(n,3)||"hsla"===Na(n,4)}(n))return function(n){return n=qo(n,"hsla",""),n=qo(n,"hsl",""),is(Ra(n=qo(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===Na(n,3)||"hsva"===Na(n,4)}(n))return function(n){return n=qo(n,"hsva",""),n=qo(n,"hsv",""),as(Ra(n=qo(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function ls(n,e){return!!qa(n,e=Ma(e))||!!qa(n,e=yo(e))}function cs(n,e,t){var r;return null!==(r=ie(n,e,null))?r:(e=yo(e),null!==(r=ie(n,e,null))?r:t)}function ds(n){if(function(n){var e=ls(n,"r"),t=ls(n,"g"),r=ls(n,"b");return e&&t&&r}(n))return function(n){var e=[cs(n,"r",null),cs(n,"g",null),cs(n,"b",null),cs(n,"a",1)];return os(e=eo(e,Ua))}(n);if(function(n){var e=ls(n,"h"),t=ls(n,"s"),r=ls(n,"l");return e&&t&&r}(n))return function(n){var e=[cs(n,"h",null),cs(n,"s",null),cs(n,"l",null),cs(n,"a",1)];return is(e=eo(e,Ua))}(n);if(function(n){var e=ls(n,"h"),t=ls(n,"s"),r=ls(n,"v");return e&&t&&r}(n))return function(n){var e=[cs(n,"h",null),cs(n,"s",null),cs(n,"v",null),cs(n,"a",1)];return as(e=eo(e,Ua))}(n);throw new Error("color object is not rgba, hsla, hsva")}function us(n){var e,t,r,o=n.h,i=n.s,a=n.l;function s(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=r=a;else{var l=a<.5?a*(1+i):a+i-a*i,c=2*a-l;e=s(c,l,o+1/3),t=s(c,l,o),r=s(c,l,o-1/3)}return{r:e,g:t,b:r,a:n.a}}function ps(n){var e,t,r,o=n.h,i=n.s,a=n.v,s=Math.floor(6*o),l=6*o-s,c=a*(1-i),d=a*(1-l*i),u=a*(1-(1-l)*i);switch(s%6){case 0:e=a,t=u,r=c;break;case 1:e=d,t=a,r=c;break;case 2:e=c,t=a,r=u;break;case 3:e=c,t=d,r=a;break;case 4:e=u,t=c,r=a;break;case 5:e=a,t=c,r=d}return{r:e,g:t,b:r,a:n.a}}function ms(n){return gi(n,0)}function vs(n){return gi(n,3)}function gs(n){return{r:ms(255*n.r),g:ms(255*n.g),b:ms(255*n.b),a:vs(n.a)}}function fs(n){return"rgba(".concat(ms(255*n.r),", ").concat(ms(255*n.g),", ").concat(ms(255*n.b),", ").concat(vs(n.a),")")}function hs(n){var e=null,t=null,r=null;if(oo(n))e=Ma(fo(n));else{if(!Oa(n))throw console.log("color=",n),new Error("color is not string or object");t=n}if(null!==e)try{r=ss(e)}catch(n){throw console.log(n),new Error("can not parse color: ".concat(e))}else if(null!==t)try{r=ds(t)}catch(n){throw console.log(n),new Error("can not parse color: ".concat(JSON.stringify(t)))}return r}var bs=function(n){return gs(hs(n))},ys=function(n){return fs(hs(n))};function xs(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function ks(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{xs()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}var Cs=function(n){return"number"==typeof n||U(n)&&"[object Number]"==Z(n)};function ws(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=ie(e,"parse");La(t)||(t=!0);var r=ie(e,"ext");Oa(r)||(r={});var o=ie(e,"semicolon");La(o)||(o=!0);var i=ie(e,"returnObj");La(i)||(i=!1);var a=0,s=0,l=0,c=0;t&&(Cs(ie(n,"h"))&&(s=a=ie(n,"h")),Cs(ie(n,"v"))&&(c=l=ie(n,"v")),Cs(ie(n,"left"))&&(a=ie(n,"left")),Cs(ie(n,"right"))&&(s=ie(n,"right")),Cs(ie(n,"top"))&&(l=ie(n,"top")),Cs(ie(n,"bottom"))&&(c=ie(n,"bottom"))),a+=ie(r,"left",0),s+=ie(r,"right",0),l+=ie(r,"top",0),c+=ie(r,"bottom",0);var d=null;return i?d={left:a,right:s,top:l,bottom:c}:(d="".concat(l,"px ").concat(s,"px ").concat(c,"px ").concat(a,"px"),o&&(d="".concat(d,";"))),d}var Ss=Function.prototype,_s=Object.prototype,Ws=Ss.toString,Ts=_s.hasOwnProperty,As=Ws.call(Object);var Is=function(n){if(!U(n)||"[object Object]"!=Z(n))return!1;var e=ra(n);if(null===e)return!0;var t=Ts.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&Ws.call(t)==As};var Bs=function(n){return U(n)&&1===n.nodeType&&!Is(n)};function Hs(n){return Bs(n)}function js(n){function e(n){n.parentNode.removeChild(n)}if(Hs(n))e(n);else if(oo(n)){var t=function(n){return document.querySelectorAll(n)}(n);yt(t,(function(n){e(n)}))}}function Ps(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=ie(t,"timeDuration",null);hi(r)||(r=1e3);var o=ie(t,"color",null);if(oo(o)||(o="rgba(255, 255, 255, 0.5)"),Hs(n)){n.style.position="relative",n.style.overflow="hidden";var i=n.getBoundingClientRect(),a=e.clientX-i.left,s=e.clientY-i.top,l=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width="".concat(l,"px"),c.style.height="".concat(l,"px"),c.style.transition="all ".concat(r/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(s,"px"),c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=o,n.appendChild(c),setTimeout((function(){c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((function(){js(c)}),r)}}function Ds(){var n={};function e(e,t){var r=e.getAttribute("ev-ripple"),o=ie(t,"value");if(o=Oa(o)){var i=ie(t,"value.color");oo(i)||(i="rgba(255, 255, 255, 0.5)"),i=Jo(i);var a=ie(t,"value.timeDuration");di(a)||(a=1e3),a=ui(a),e.addEventListener("click",s,!1),n[r]=s}function s(n){Ps(n.currentTarget,n,{color:i,timeDuration:a})}}function t(e){var t=e.getAttribute("ev-ripple");if(n[t]){var r=n[t];e.removeEventListener("click",r,!1),delete n[t]}}return{bind:function(n,t,r){var o="r".concat(_i());n.setAttribute("ev-ripple",o),e(n,t)},update:function(n,r){t(n),e(n,r)},unbind:function(n){t(n),n.setAttribute("ev-ripple",null)}}}const $s={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 zs=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()};zs._withStripped=!0;const Es=Ro({render:zs,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})}),$s,"data-v-7d5ebe18",false,undefined,!1,Oo,void 0,void 0);const Fs={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 Jo(this.color)}},methods:{}};var Ls=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)};Ls._withStripped=!0;const Rs=Ro({render:Ls,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})}),Fs,"data-v-24329dfe",false,undefined,!1,Oo,void 0,void 0);const Vs={directives:{domripple:Ds()},components:{WIcon:Es,WIconLoading:Rs},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:f,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=ws(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},effIconColor:function(){return Jo(this.iconColor)},effIconColorHover:function(){return Jo(this.iconColorHover)},effIconColorActive:function(){return Jo(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 Jo(this.disabledColor)},effProgColor:function(){return Jo(this.progColor)},effProgBackgroundColor:function(){return Jo(this.progBackgroundColor)},effTextColor:function(){return Jo(this.textColor)},effTextColorHover:function(){return Jo(this.textColorHover)},effTextColorActive:function(){return Jo(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=qo(n,";",""),"font-size:".concat(n,";")},effBorderColor:function(){return Jo(this.borderColor)},effBorderColorHover:function(){return Jo(this.borderColorHover)},effBorderColorActive:function(){return Jo(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=eo(e.useBorderUsed,(function(e,t){var r=e?n:"transparent";return"border-".concat(t,"-color:").concat(r,";")}));return Eo(t," ")},useBorderUsed:function(){var n=this,e=!0,t=!0,r=!0,o=!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"))&&(r=ie(n,"borderUsed.top")),La(ie(n,"borderUsed.bottom"))&&(o=ie(n,"borderUsed.bottom")),{left:e,right:t,top:r,bottom:o}},useBorderWidth:function(){var n=ws(this.borderWidth);return"border-width:".concat(n,";")},useBorderRadiusStyle:function(){var n=this,e=0,t=0,r=0,o=0;return!0===ie(n,"borderRadiusStyle.left")&&(e=n.borderRadius,r=n.borderRadius),!0===ie(n,"borderRadiusStyle.right")&&(t=n.borderRadius,o=n.borderRadius),!0===ie(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===ie(n,"borderRadiusStyle.bottom")&&(r=n.borderRadius,o=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")||(r=n.borderRadius),!0!==ie(n,"borderRadiusStyle.bottomRight")&&!0!==ie(n,"borderRadiusStyle.bottom-right")||(o=n.borderRadius),"border-top-left-radius:".concat(e,"px; border-top-right-radius:").concat(t,"px; border-bottom-left-radius:").concat(r,"px; border-bottom-right-radius:").concat(o,"px;")},effBackgroundColor:function(){return Jo(this.backgroundColor)},effBackgroundColorHover:function(){return Jo(this.backgroundColorHover)},effBackgroundColorActive:function(){return Jo(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=Jo(n),r=bs(t);return r.a=e,ys(r)}function t(n,t,r){var o=Ra(n=qo(n,"}","{"),"{");return o=eo(o,(function(n){if(n.indexOf(t)>=0){var o=Ra(n,"=")[1];return o=di(o)?ui(o):.2,e(r,o)}return n})),Eo(o,"")}return n.active&&n.shadowActive?oo(n.shadowActiveStyle)?t(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&oo(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 Jo(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 r=Va();t.pm=r,r.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;ks(n),e.editable&&e.$nextTick((function(){e.$emit("click-close")}))}}};var Ms=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 r=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)}}},r),[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)])};Ms._withStripped=!0;const Os=Ro({render:Ms,staticRenderFns:[]},(function(n){n&&n("data-v-73d53c26_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),Vs,"data-v-73d53c26",false,undefined,!1,Oo,void 0,void 0);const Ns={components:{WButtonChip:Os},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 Pa(n)?n:[n]}if(Ea(n))return!1;if(0===(n=t(n)).length)return!1;if(Ea(n))return!1;if(0===(e=t(e)).length)return!1;for(var r=0;r<n.length;r++)for(var o=0;o<e.length;o++)if(Mi(n[r],e[o]))return!0;return!1}(n.value,e):Mi(e,n.value)}var t=ja(n.items),r=eo(t,(function(t){return{active:e(t),hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),o=eo(t,(function(e,o){var i={data:e},a=r[o];i.ia=a,i.active=a.active,i.hover=!1;var s=null;o>0&&(s=r[o-1]);var l=null;o<t.length-1&&(l=r[o+1]);var c={};n.group&&(0===o&&(!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)),o===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===o&&(d.left=n.borderWidth.left),o===t.length-1&&(d.right=n.borderWidth.right)),i.spcBorderWidth=d;var u={};n.group&&(u=n.getSpcBorderUsed(o,!1,s,a,l)),i.spcBorderUsed=u,i.spcBorderUsedBackup=ja(u);var p=0,m=0;return n.group&&(0===o?p=n.groupShift:o===t.length-1&&(m=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=m,i}));return n.itemsTrans=o,""},useMarginStyle:function(){var n=ws(this.marginStyle,{parse:!this.group});return"margin:".concat(n,";")}},methods:{getSpcBorderUsed:function(n,e,t,r,o){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 s=null;s=r.hover?r.borderColorHover:r.borderColor;var l=!1;a===(s=r.active?r.borderColorActive:s)&&(l=!0);var c=!1;t.active&&!r.active&&(c=!0);var d=!1;r.hover&&(d=!0);var u=!1;d||(u=c),u=u||l,i.left=!u}if(o){var p=!1;o.active&&!r.active&&(p=!0);var m=!1;r.hover&&(m=!0);var v=!1;m||(v=p),i.right=!v}return i},mouseenter:function(n,e){var t=this;yt(t.itemsTrans,(function(n,r){t.itemsTrans[r].ia.hover=r===e})),yt(t.itemsTrans,(function(n,r){var o=ie(t,"itemsTrans[".concat(r,"].ia"),null),i=ie(t,"itemsTrans[".concat(r-1,"].ia"),null),a=ie(t,"itemsTrans[".concat(r+1,"].ia"),null),s=t.getSpcBorderUsed(r,r===e,i,o,a);t.itemsTrans[r].spcBorderUsed=s}))},mouseleave:function(n,e){var t=this;yt(t.itemsTrans,(function(n,e){t.itemsTrans[e].spcBorderUsed=ja(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){var e=this;if(!1!==e.editable)if(e.multiCheck){var t=ja(e.value);if(n.active){var r=[];yt(t,(function(e){Mi(e,n.data)||r.push(e)})),t=r}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 Gs=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,r){return[t("WButtonChip",{key:r,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,r)},mouseleave:function(t){return n.mouseleave(e,r)}}},[n._t("default",null,{item:e,kitem:r})],2)]}))],2)};Gs._withStripped=!0;const Zs=Ro({render:Gs,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})}),Ns,"data-v-3e839266",false,undefined,!1,Oo,void 0,void 0);const Us={components:{WGroupCheck:Zs},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 qs=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))};qs._withStripped=!0;const Ys=Ro({render:qs,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})}),Us,"data-v-3220a0f5",false,undefined,!1,Oo,void 0,void 0);const Ks={components:{demolink:Uo,WPanelBulge:Vi,WGroupRadio:Ys},props:{},data:function(){return{mdiViewDashboard:A,mdiClockTimeEightOutline:v,mdiBlenderSoftware:a,mdiSpoonSugar:W,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:A},{text:"Schedule",icon:v},{text:"Profile",icon:a},{text:"History",icon:W}],select:{text:"Dashboard",icon:A}}},actions:[]}}};var Xs=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)])])};Xs._withStripped=!0;const Qs=Ro({render:Xs,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})}),Ks,"data-v-3c2d8d92",false,undefined,!1,Oo,void 0,void 0);function Js(n,e,t,r,o,i,a){try{var s=n[i](a),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(r,o)}function nl(n){return function(){var e=this,t=arguments;return new Promise((function(r,o){var i=n.apply(e,t);function a(n){Js(i,r,o,a,s,"next",n)}function s(n){Js(i,r,o,a,s,"throw",n)}a(void 0)}))}}var el=P((function(n){var e=function(n){var e,t=Object.prototype,r=t.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function l(n,e,t){return Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),n[e]}try{l({},"")}catch(n){l=function(n,e,t){return n[e]=t}}function c(n,e,t,r){var o=e&&e.prototype instanceof f?e:f,i=Object.create(o.prototype),a=new A(r||[]);return i._invoke=function(n,e,t){var r=u;return function(o,i){if(r===m)throw new Error("Generator is already running");if(r===v){if("throw"===o)throw i;return B()}for(t.method=o,t.arg=i;;){var a=t.delegate;if(a){var s=_(a,t);if(s){if(s===g)continue;return s}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if(r===u)throw r=v,t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);r=m;var l=d(n,e,t);if("normal"===l.type){if(r=t.done?v:p,l.arg===g)continue;return{value:l.arg,done:t.done}}"throw"===l.type&&(r=v,t.method="throw",t.arg=l.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",v="completed",g={};function f(){}function h(){}function b(){}var y={};y[i]=function(){return this};var x=Object.getPrototypeOf,k=x&&x(x(I([])));k&&k!==t&&r.call(k,i)&&(y=k);var C=b.prototype=f.prototype=Object.create(y);function w(n){["next","throw","return"].forEach((function(e){l(n,e,(function(n){return this._invoke(e,n)}))}))}function S(n,e){function t(o,i,a,s){var l=d(n[o],n,i);if("throw"!==l.type){var c=l.arg,u=c.value;return u&&"object"===H(u)&&r.call(u,"__await")?e.resolve(u.__await).then((function(n){t("next",n,a,s)}),(function(n){t("throw",n,a,s)})):e.resolve(u).then((function(n){c.value=n,a(c)}),(function(n){return t("throw",n,a,s)}))}s(l.arg)}var o;this._invoke=function(n,r){function i(){return new e((function(e,o){t(n,r,e,o)}))}return o=o?o.then(i,i):i()}}function _(n,t){var r=n.iterator[t.method];if(r===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=e,_(n,t),"throw"===t.method))return g;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return g}var o=d(r,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,g;var i=o.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,g):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,g)}function W(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 T(n){var e=n.completion||{};e.type="normal",delete e.arg,n.completion=e}function A(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(W,this),this.reset(!0)}function I(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 o=-1,a=function t(){for(;++o<n.length;)if(r.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=e,t.done=!0,t};return a.next=a}}return{next:B}}function B(){return{value:e,done:!0}}return h.prototype=C.constructor=b,b.constructor=h,h.displayName=l(b,s,"GeneratorFunction"),n.isGeneratorFunction=function(n){var e="function"==typeof n&&n.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,b):(n.__proto__=b,l(n,s,"GeneratorFunction")),n.prototype=Object.create(C),n},n.awrap=function(n){return{__await:n}},w(S.prototype),S.prototype[a]=function(){return this},n.AsyncIterator=S,n.async=function(e,t,r,o,i){void 0===i&&(i=Promise);var a=new S(c(e,t,r,o),i);return n.isGeneratorFunction(t)?a:a.next().then((function(n){return n.done?n.value:a.next()}))},w(C),l(C,s,"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 r=e.pop();if(r in n)return t.value=r,t.done=!1,t}return t.done=!0,t}},n.values=I,A.prototype={constructor:A,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(T),!n)for(var t in this)"t"===t.charAt(0)&&r.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 o(r,o){return s.type="throw",s.arg=n,t.next=r,o&&(t.method="next",t.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var l=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(l&&c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(n,e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;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,g):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),g},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(t),g}},catch:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.tryLoc===n){var r=t.completion;if("throw"===r.type){var o=r.arg;T(t)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,r){return this.delegate={iterator:I(n),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=e),g}},n}(n.exports);try{regeneratorRuntime=e}catch(n){Function("r","regeneratorRuntime = r")(e)}}));function tl(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=null,o=null,i=null,a=null,s=null,l=null,c=null,d=null,u=null,p=null,m=null,v=null,g=null,f=null,h=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);Fa(k)||(k=!1);var C=ie(t,"stopTouchDragPropagationForPanel",null);Fa(C)||(C=!1);var w=ie(t,"useTouchDragForPanel",null);Fa(w)||(w=!0);var S=n,_=e,W=yi();function T(){r=function(n){var e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);W.emit("scrollPanel",{ratioY:e,ratioX:t}),k&&ks(n)},S.addEventListener("wheel",r),o=function(n){if(w){var e=ie(n,"touches.0.clientY",0),t=ie(n,"touches.0.clientX",0),r=-e*y(),o=-t*x();b=!0,W.emit("pressBar",{clientY:r,clientX:o}),C&&ks(n)}},S.addEventListener("touchstart",o),i=function(n){if(w&&b){var e=ie(n,"touches.0.clientY",0),t=ie(n,"touches.0.clientX",0),r=-e*y(),o=-t*x();W.emit("dragBar",{clientY:r,clientX:o}),C&&ks(n)}},S.addEventListener("touchmove",i,{passive:!1}),a=function(n){w&&b&&(b=!1,W.emit("freeBar"),C&&ks(n))},S.addEventListener("touchend",a),s=function(n){b=!0,W.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},_.addEventListener("mousedown",s),l=function(n){b&&(b=!1,W.emit("freeBar"))},_.addEventListener("mouseup",l),c=function(n){b=!0,W.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},_.addEventListener("touchstart",c),d=function(n){b&&(W.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),ks(n))},_.addEventListener("touchmove",d,{passive:!1}),u=function(n){b&&(b=!1,W.emit("freeBar"))},_.addEventListener("touchend",u),p=function(n){b&&W.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),m=function(n){b&&(b=!1,W.emit("freeBar"),k&&ks(n))},window.addEventListener("mouseup",m),v=function(n){},window.addEventListener("scroll",v,{passive:!1}),g=function(n){},window.addEventListener("wheel",g,{passive:!1}),f=function(n){},document.addEventListener("scroll",f,{passive:!1}),h=function(n){},document.addEventListener("wheel",h,{passive:!1})}function A(){S.removeEventListener("wheel",r),S.removeEventListener("touchstart",o),S.removeEventListener("touchmove",i),S.removeEventListener("touchend",a),_.removeEventListener("mousedown",s),_.removeEventListener("mouseup",l),_.removeEventListener("touchstart",c),_.removeEventListener("touchmove",d),_.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",m),window.removeEventListener("scroll",v),window.removeEventListener("wheel",g),document.removeEventListener("scroll",f),document.removeEventListener("wheel",h)}return T(),W.clear=A,W}function rl(){var n={};return{bind:function(e,t,r){var o="r".concat(_i());e.setAttribute("ev-mutation",o);var i=new MutationObserver((function(n){!function(n,e,t){var r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){var t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}const ol={directives:{domresize:Ai(),dommutation:rl()},props:{viewHeightMax:{type:Number,default:400},contentHeight:{type:Number,default:1e4},scrollDelta:{type:Number,default:100},barColor:{type:String,default:"rgba(0,0,0,0.15)"},barColorHover:{type:String,default:"rgba(0,0,0,0.3)"},barBackgroundColor:{type:String,default:"transparent"},barBackgroundColorHover:{type:String,default:"transparent"},barWidth:{type:Number,default:8},barHeightMin:{type:Number,default:50},ratio:{type:Number,default:0}},data:function(){return{das:null,mouseEntering:!1,ratioTrans:0,barPressY:null,nativeBarWidth:100,barPanelPadding:1,scrollInforLast:null,scrollInforTemp:null,timerScrollTop:null}},mounted:function(){var n=this,e=tl(n.$refs.divPanel,n.$refs.divBar,{getHeighRatio:function(){return n.heighRatio}});e.on("scrollPanel",n.dgScrollPanel),e.on("pressBar",n.dgPressBar),e.on("dragBar",n.dgDragBar),e.on("freeBar",n.dgFreeBar),n.das=e,n.timerScrollTop=setInterval((function(){n.resetScrollTop()}),100)},beforeDestroy:function(){var n=this;n.das&&n.das.clear(),clearInterval(n.timerScrollTop)},watch:{viewHeightMax:function(){this.scrollInforTemp=ja(this.scrollInforLast)}},computed:{changeRatio:function(){var n=this.ratio;return n=Math.max(n,0),n=Math.min(n,1),this.ratioTrans=n,""},changeViewHeightMax:function(){var n=this,e=n.viewHeightMax;return n.keepRatioByChangeViewHeightMax(),n.___viewHeightMax___=e,""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},extHeight:function(){var n=10,e=0;return this.nativeBarWidth<=0&&(n=.2,e=2),this.viewHeightMax*n+e},useEntering:function(){return this.mouseEntering||this.barPressY},useBarColor:function(){var n=this;return n.useEntering?Jo(n.barColorHover):Jo(n.barColor)},useBarBackgroundColor:function(){var n=this;return n.useEntering?Jo(n.barBackgroundColorHover):Jo(n.barBackgroundColor)},heighRatio:function(){var n=this.contentHeight;return this.viewHeightMax/Math.max(n,1)},barSize:function(){var n=this,e=n.viewHeightMax/n.contentHeight,t=Math.max(e*n.viewHeightMax,n.barHeightMin);return t},barLoc:function(){return this.ratioTrans*this.viewHeightEff},contentHeightEff:function(){var n=this,e=n.contentHeight-n.viewHeightMax;return e=Math.max(e,0),n.triggerEvent("changeHeight"),e},viewHeightEff:function(){var n=this,e=n.viewHeightMax-n.barSize-2*n.barPanelPadding;return e=Math.max(e,0)},viewTop:function(){return this.ratioTrans*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax},isMobile:function(){return this.nativeBarWidth<=0},extWidth:function(){return this.isMobile?20:0},fakeScrollTop:function(){return this.extHeight/2}},methods:{scroll:function(n){this.resetScrollTop()},resetScrollTopDelay:function(){var n=this;n.$nextTick((function(){n.resetScrollTop()}))},resetScrollTop:function(){var n=this,e=ie(n,"$refs.divPanel",null);Hs(e)&&e.scrollTop!==n.fakeScrollTop&&(e.scrollTop=n.fakeScrollTop)},keepRatioByChangeViewHeightMax:function(){var n=this;n.resetScrollTop(),n.$nextTick((function(){n.resumeRatio()}))},resumeRatio:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this;if(null===n&&(n=e.scrollInforTemp),null!==n){var t=0;e.contentHeight>0&&n.ch>0&&(t=(e.contentHeight,n.ch,e.contentHeight<=e.viewHeightMax?0:n.t/(e.contentHeight-e.viewHeightMax))),e.updateRatioTrans(t)}},resize:function(n){var e=this;if(ie(e,"$refs.divPanel")){var t=e.$refs.divPanel.offsetWidth-e.$refs.divPanel.clientWidth;e.nativeBarWidth=t}e.resetScrollTop(),e.triggerEvent("resize")},mutation:function(n){this.triggerEvent("mutation")},updateRatioTrans:function(n){var e=this;n=Math.max(n,0),n=Math.min(n,1),0===e.contentHeightEff&&(n=0);var t=e.ratioTrans!==n;return t&&(e.ratioTrans=n,e.triggerEvent("scroll")),t},dgPressBar:function(n){var e=n.clientY;e&&(this.barPressY=e)},dgDragBar:function(n){var e=n.clientY,t=this,r=(e-t.barPressY)/t.viewHeightEff;t.scrollByDeltaRatio(r),t.barPressY=e},dgFreeBar:function(){this.barPressY=null,this.triggerEvent("dgFreeBar")},getScrollInfor:function(n){var e=this;return{from:n,r:e.ratioTrans,t:e.viewTop,b:e.viewBottom,ch:e.contentHeight}},triggerEvent:function(n){var e=this;e.$nextTick((function(){var t=e.getScrollInfor(n);e.$emit("update:ratio",e.ratioTrans),n&&e.$emit(n,t),e.$emit("change",t),e.scrollInforLast=ja(t)}))},scrollByDeltaRatio:function(n){var e=this.ratioTrans;e>=0&&e<=1&&(e+=n),this.updateRatioTrans(e)},scrollByDelta:function(n){var e=n/this.contentHeight;this.scrollByDeltaRatio(e)},dgScrollPanel:function(n){var e=n.ratioY*this.scrollDelta;this.scrollByDelta(e)}}};var il=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"height:"+n.panelHeight+"px; box-sizing:content-box;",attrs:{changeRatio:n.changeRatio,changeViewHeightMax:n.changeViewHeightMax},on:{domresize:n.resize,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{style:"position:relative; overflow:hidden; height:"+n.viewHeightMax+"px;"},[t("div",{directives:[{name:"show",rawName:"v-show",value:n.contentHeightEff>0,expression:"contentHeightEff>0"}],style:"position:absolute; top:0px; right:0px; z-index:1; height:"+n.viewHeightMax+"px;"},[t("div",{style:"box-sizing:border-box; padding:"+n.barPanelPadding+"px 1px; position:relative; width:"+n.barWidth+"px; height:100%; background:"+n.useBarBackgroundColor+"; transition:background 0.5s;"},[t("div",{ref:"divBar",style:"transform:translateY("+n.barLoc+"px); width:100%; height:"+n.barSize+"px; user-select:none; cursor:pointer; border-radius:15px; background:"+n.useBarColor+"; transition:background 0.5s;"})])]),n._v(" "),t("div",{ref:"divPanel",staticClass:"clsPanel",style:"position:relative; overflow-x:hidden; overflow-y:auto; width:calc( 100% + "+(n.nativeBarWidth+n.extWidth)+"px ); height:"+n.panelHeight+"px;",on:{scroll:n.scroll}},[t("div",{style:"position:absolute; top:0px; left:0px; width:calc( 100% + "+n.extWidth+"px ); height:"+(n.viewHeightMax+n.extHeight)+"px;"}),n._v(" "),t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"}],ref:"divSlot",style:"position:absolute; top:"+n.fakeScrollTop+"px; left:0px; overflow:hidden; width:calc( 100% + "+n.extWidth+"px ); height:"+n.viewHeightMax+"px;",on:{dommutation:n.mutation}},[n._t("default")],2)])])])};il._withStripped=!0;const al=Ro({render:il,staticRenderFns:[]},(function(n){n&&n("data-v-8f4c7c44_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\r\n\r\n/* 針對Chrome,Edge,Opera,Safari把捲軸顏色改透明, 避免有時渲染問題出現捲軸左側 */\n.clsPanel[data-v-8f4c7c44]::-webkit-scrollbar {\r\n    width: 1em;\n}\n.clsPanel[data-v-8f4c7c44]::-webkit-scrollbar-thumb {\r\n    background-color: transparent;\n}\n.clsPanel[data-v-8f4c7c44]::-webkit-scrollbar-track {\r\n    box-shadow: transparent;\n}\n.clsPanel[data-v-8f4c7c44]::-webkit-scrollbar-track-piece{\r\n    background: transparent;\n}\n.clsPanel[data-v-8f4c7c44]::-webkit-scrollbar-button{\r\n    background: transparent;\n}\r\n\r\n",map:{version:3,sources:["D:\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6uBA,uDAAA;AACA;IACA,UAAA;AACA;AACA;IACA,6BAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`height:${panelHeight}px; box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeRatio=\"changeRatio\"\r\n        :changeViewHeightMax=\"changeViewHeightMax\"\r\n    >\r\n\r\n        \x3c!-- 不能設定border-width=0, 瀏覽器會額外進行偵測渲染導致抖動 --\x3e\r\n        <div :style=\"`position:relative; overflow:hidden; height:${viewHeightMax}px;`\">\r\n\r\n            \x3c!-- bar區 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:0px; z-index:1; height:${viewHeightMax}px;`\" v-show=\"contentHeightEff>0\">\r\n                \x3c!-- 外層設定box-sizing=content-box也就是高度不包括border與padding, 內層高度就會是viewHeightMax不需減少, 此時bar的設定box-sizing=border-box才能自動考量padding影響 --\x3e\r\n                <div :style=\"`box-sizing:border-box; padding:${barPanelPadding}px 1px; position:relative; width:${barWidth}px; height:100%; background:${useBarBackgroundColor}; transition:background 0.5s;`\">\r\n                    <div\r\n                        ref=\"divBar\"\r\n                        :style=\"`transform:translateY(${barLoc}px); width:100%; height:${barSize}px; user-select:none; cursor:pointer; border-radius:15px; background:${useBarColor}; transition:background 0.5s;`\"\r\n                    ></div>\r\n                </div>\r\n            </div>\r\n\r\n            \x3c!-- 內容區 --\x3e\r\n            <div\r\n                ref=\"divPanel\"\r\n                class=\"clsPanel\"\r\n                :style=\"`position:relative; overflow-x:hidden; overflow-y:auto; width:calc( 100% + ${nativeBarWidth+extWidth}px ); height:${panelHeight}px;`\"\r\n                @scroll=\"scroll\"\r\n            >\r\n\r\n                \x3c!-- 通過高度設定為viewHeightMax+extHeight使divPanel出現捲軸, 並強制設定scrollTop=extHeight/2可使保持監聽上下捲動與拖曳事件 --\x3e\r\n                <div :style=\"`position:absolute; top:0px; left:0px; width:calc( 100% + ${extWidth}px ); height:${viewHeightMax+extHeight}px;`\"></div>\r\n\r\n                <div\r\n                    ref=\"divSlot\"\r\n                    :style=\"`position:absolute; top:${fakeScrollTop}px; left:0px; overflow:hidden; width:calc( 100% + ${extWidth}px ); height:${viewHeightMax}px;`\"\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        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport isEle from 'wsemi/src/isEle.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport color2hex from '../js/vuetifyColor.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} [contentHeight=10000] 輸入內容最大高度，單位為px，預設10000\r\n * @vue-prop {Number} [scrollDelta=100] 輸入一次捲動高度，單位為px，預設100\r\n * @vue-prop {String} [barColor='rgba(0,0,0,0.15)'] 輸入捲軸內區塊顏色字串，預設'rgba(0,0,0,0.15)'\r\n * @vue-prop {String} [barColorHover='rgba(0,0,0,0.3)'] 輸入滑鼠移入時捲軸內區塊顏色字串，預設'rgba(0,0,0,0.3)'\r\n * @vue-prop {String} [barBackgroundColor='transparent'] 輸入捲軸背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [barBackgroundColorHover='transparent'] 輸入滑鼠移入時捲軸背景顏色字串，預設'transparent'\r\n * @vue-prop {Number} [barWidth=8] 輸入捲軸區寬度，單位為px，預設8\r\n * @vue-prop {Number} [barHeightMin=50] 輸入捲軸內區塊最小高度，單位為px，預設50\r\n * @vue-prop {Number} [ratio=0] 輸入目前捲動比例數字，預設0\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        contentHeight: {\r\n            type: Number,\r\n            default: 10000,\r\n        },\r\n        scrollDelta: {\r\n            type: Number,\r\n            default: 100,\r\n        },\r\n        barColor: {\r\n            type: String,\r\n            default: 'rgba(0,0,0,0.15)',\r\n        },\r\n        barColorHover: {\r\n            type: String,\r\n            default: 'rgba(0,0,0,0.3)',\r\n        },\r\n        barBackgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        barBackgroundColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        barWidth: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        barHeightMin: {\r\n            type: Number,\r\n            default: 50,\r\n        },\r\n        ratio: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            das: null,\r\n\r\n            mouseEntering: false, //滑鼠移入中\r\n            ratioTrans: 0, //捲動比例\r\n            barPressY: null, //bar按下準備拖曳前y座標\r\n            nativeBarWidth: 100, //原生捲軸寬度, 預設給超大值避免初始化時顯示捲軸出來\r\n            barPanelPadding: 1, //捲軸內與區塊的y向內間距\r\n            scrollInforLast: null, //上次算得的捲軸資訊\r\n            scrollInforTemp: null, //要恢復上次捲軸位置時用暫存的捲軸資訊\r\n            timerScrollTop: null, //偵測顯示區捲軸變動的timer\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        //das\r\n        let das = domDragBarAndScroll(vo.$refs.divPanel, vo.$refs.divBar, {\r\n            getHeighRatio: () => vo.heighRatio,\r\n            //stopScrollPropagationForPanel: true, //禁止滑鼠捲動事件傳遞至外, 現已強制原生捲軸再攔截相關事件, 故不需要停用傳遞\r\n            //stopTouchDragPropagationForPanel: true, //禁止觸控拖曳事件傳遞至外, 現已強制原生捲軸再攔截相關事件, 故不需要停用傳遞\r\n        })\r\n        das.on('scrollPanel', vo.dgScrollPanel)\r\n        das.on('pressBar', vo.dgPressBar)\r\n        das.on('dragBar', vo.dgDragBar)\r\n        das.on('freeBar', vo.dgFreeBar)\r\n\r\n        //save\r\n        vo.das = das\r\n\r\n        //detect\r\n        vo.timerScrollTop = setInterval(() => {\r\n\r\n            //resetScrollTop, 因vue切換組件時若為共用狀態則mounted只會觸發1次, 此導致顯示區塊的scrollTop會自動被歸0但又不觸發scroll事件, 故需通過timer偵測並重設scrollTop\r\n            vo.resetScrollTop()\r\n\r\n        }, 100)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //clear\r\n        if (vo.das) {\r\n            vo.das.clear()\r\n        }\r\n\r\n        //clearInterval\r\n        clearInterval(vo.timerScrollTop)\r\n\r\n    },\r\n    watch: {\r\n\r\n        viewHeightMax: function() {\r\n            //console.log('watch viewHeightMax')\r\n\r\n            let vo = this\r\n\r\n            //由watch處儲存捲軸資訊scrollInfor供後續恢復, 因放在computed會被vue偵測記憶體變動\r\n            vo.scrollInforTemp = cloneDeep(vo.scrollInforLast)\r\n\r\n        },\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeRatio: function () {\r\n            //console.log('computed changeRatio')\r\n\r\n            let vo = this\r\n\r\n            //ratioTrans\r\n            let ratioTrans = vo.ratio\r\n\r\n            //limit\r\n            ratioTrans = Math.max(ratioTrans, 0)\r\n            ratioTrans = Math.min(ratioTrans, 1)\r\n\r\n            //save\r\n            vo.ratioTrans = ratioTrans\r\n\r\n            return ''\r\n        },\r\n\r\n        changeViewHeightMax: function() {\r\n            //console.log('computed changeViewHeightMax')\r\n\r\n            let vo = this\r\n\r\n            //viewHeightMax for trigger\r\n            let viewHeightMax = vo.viewHeightMax\r\n\r\n            //keepRatioByChangeViewHeightMax\r\n            vo.keepRatioByChangeViewHeightMax()\r\n\r\n            vo.___viewHeightMax___ = viewHeightMax\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        extHeight: function() {\r\n            //console.log('computed extHeight')\r\n\r\n            let vo = this\r\n\r\n            //放大比率(依照viewHeightMax)與增量\r\n            let r = 10 //桌機需高放大比率, 於複雜dom中比較有緩衝能平滑拖曳, 不容易觸發拖曳外層document\r\n            let d = 0\r\n            if (vo.nativeBarWidth <= 0) {\r\n                r = 0.2 //手機需低放大比率, 大值時拖曳會出現回彈效果使用者體驗比較好, 但會常觸發回彈導致無法拖曳\r\n                d = 2\r\n            }\r\n\r\n            //額外撐開高度, 最小上下留1px也就是需為viewHeightMax+2\r\n            let h = vo.viewHeightMax * r + d\r\n\r\n            return h\r\n        },\r\n\r\n        useEntering: function() {\r\n            //console.log('computed useEntering')\r\n\r\n            let vo = this\r\n\r\n            //滑鼠移入以及對捲軸按下正在拖曳中時, 都視為滑鼠移入狀態\r\n            return vo.mouseEntering || vo.barPressY\r\n        },\r\n\r\n        useBarColor: function() {\r\n            //console.log('computed useBarColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.useEntering) {\r\n                return color2hex(vo.barColorHover)\r\n            }\r\n            return color2hex(vo.barColor)\r\n        },\r\n\r\n        useBarBackgroundColor: function() {\r\n            //console.log('computed useBarBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.useEntering) {\r\n                return color2hex(vo.barBackgroundColorHover)\r\n            }\r\n            return color2hex(vo.barBackgroundColor)\r\n        },\r\n\r\n        heighRatio: function() {\r\n            //console.log('computed heighRatio')\r\n\r\n            let vo = this\r\n\r\n            //r, 顯示區與實際內容高度比, 此處只有domDragBarAndScroll會調用, 也就是使用者拖曳捲軸才觸發\r\n            let ch = vo.contentHeight\r\n            let r = vo.viewHeightMax / Math.max(ch, 1)\r\n\r\n            return r\r\n        },\r\n\r\n        barSize: function() {\r\n            //console.log('computed barSize')\r\n\r\n            let vo = this\r\n\r\n            //r size ratio\r\n            let r = vo.viewHeightMax / vo.contentHeight\r\n\r\n            //barSize\r\n            let barSize = Math.max(r * vo.viewHeightMax, vo.barHeightMin)\r\n\r\n            return barSize\r\n        },\r\n\r\n        barLoc: function() {\r\n            //console.log('computed barLoc')\r\n\r\n            let vo = this\r\n\r\n            return vo.ratioTrans * vo.viewHeightEff\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            //console.log('computed contentHeightEff')\r\n\r\n            let vo = this\r\n\r\n            //v\r\n            let v = vo.contentHeight - vo.viewHeightMax\r\n            v = Math.max(v, 0)\r\n\r\n            //triggerEvent, 若內容高度contentHeight或顯示區最大高度viewHeightMax變更則需要triggerEvent\r\n            vo.triggerEvent('changeHeight')\r\n\r\n            return v\r\n        },\r\n\r\n        viewHeightEff: function() {\r\n            //console.log('computed viewHeightEff')\r\n\r\n            let vo = this\r\n\r\n            //v\r\n            let v = vo.viewHeightMax - vo.barSize - vo.barPanelPadding * 2\r\n            v = Math.max(v, 0)\r\n\r\n            return v\r\n        },\r\n\r\n        viewTop: function() {\r\n            //console.log('computed viewTop')\r\n\r\n            let vo = this\r\n            return vo.ratioTrans * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            //console.log('computed viewBottom')\r\n\r\n            let vo = this\r\n\r\n            return vo.viewTop + 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        extWidth: function() {\r\n            //console.log('computed extWidth')\r\n\r\n            let vo = this\r\n\r\n            //額外撐開寬度, 當手機瀏覽時會沒有原生捲軸寬度, 此時需額外撐開使捲軸隱藏\r\n            if (vo.isMobile) {\r\n                return 20\r\n            }\r\n            return 0\r\n        },\r\n\r\n        fakeScrollTop: function() {\r\n            //console.log('computed fakeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            let st\r\n\r\n            //依照ratioTrans調整scrollTop\r\n            // if (vo.isMobile) {\r\n            //     st = vo.ratioTrans * vo.extHeight\r\n            // }\r\n            // else {\r\n            //     st = vo.extHeight / 2\r\n            // }\r\n\r\n            // //resetScrollTopDelay\r\n            // vo.resetScrollTopDelay()\r\n\r\n            //固定scrollTop為extHeight/2, 支援桌機, 手機拖曳捲軸正常但拖曳內容較卡\r\n            st = vo.extHeight / 2\r\n\r\n            return st\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        scroll: function(e) {\r\n            //console.log('scroll', e)\r\n\r\n            let vo = this\r\n\r\n            // //div\r\n            // let div = get(e, 'target')\r\n\r\n            //resetScrollTop\r\n            vo.resetScrollTop()\r\n\r\n        },\r\n\r\n        resetScrollTopDelay: function() {\r\n            //console.log('resetScrollTopDelay')\r\n\r\n            let vo = this\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n                vo.resetScrollTop()\r\n            })\r\n\r\n        },\r\n\r\n        resetScrollTop: function() {\r\n            //console.log('resetScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //div\r\n            let div = get(vo, '$refs.divPanel', null)\r\n\r\n            //check\r\n            if (!isEle(div)) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (div.scrollTop !== vo.fakeScrollTop) {\r\n\r\n                //修改scrollTop, 使內容物捲軸位置置中可持續接收上下捲動與拖曳事件\r\n                div.scrollTop = vo.fakeScrollTop\r\n\r\n            }\r\n\r\n        },\r\n\r\n        keepRatioByChangeViewHeightMax: function() {\r\n            //console.log('keepRatioByChangeViewHeightMax')\r\n\r\n            let vo = this\r\n\r\n            //resetScrollTop, 因變更viewHeightMax會影響extHeight, 故需重設ScrollTop\r\n            vo.resetScrollTop()\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //resumeRatio\r\n                vo.resumeRatio()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        resumeRatio: function(si = null) {\r\n            // console.log('resumeRatio', si)\r\n\r\n            let vo = this\r\n\r\n            //si\r\n            if (si === null) {\r\n                //若非外部調用直接傳入, 則使用組件自己儲存的scrollInforTemp\r\n                si = vo.scrollInforTemp\r\n            }\r\n\r\n            //check, 因vue-cli編譯會重置組件導致scrollInforTemp恢復初始值null\r\n            if (si === null) {\r\n                return\r\n            }\r\n\r\n            //重算ratioTrans\r\n            let ratioTrans = 0\r\n            if (vo.contentHeight > 0 && si.ch > 0) { //已有內容資料\r\n\r\n                //內容高度變少\r\n                if (vo.contentHeight < si.ch) {\r\n\r\n                    //內容高度小於等於當前視窗高度\r\n                    if (vo.contentHeight <= vo.viewHeightMax) {\r\n                        ratioTrans = 0\r\n                        //console.log('內容高度變少, 內容高度小於當前視窗高度故改為置頂, ratioTrans=', ratioTrans)\r\n                    }\r\n                    // else if (si.r === 0) { //置底(si.r === 1)不需維持避免內容撐開過多時無法固定畫面於原本瀏覽處\r\n                    //     ratioTrans = si.r\r\n                    //     //console.log('內容高度變少, 原本為置頂故需維持, ratioTrans=', ratioTrans)\r\n                    // }\r\n                    //內容高度大於當前視窗高度\r\n                    else {\r\n                        ratioTrans = si.t / (vo.contentHeight - vo.viewHeightMax)\r\n                        //console.log('內容高度變少, 內容高度大於當前視窗高度, ratioTrans=', ratioTrans, si.t, vo.contentHeight, vo.viewHeightMax)\r\n                    }\r\n\r\n                }\r\n                //內容高度變高或不變\r\n                else {\r\n\r\n                    //內容高度小於等於當前視窗高度\r\n                    if (vo.contentHeight <= vo.viewHeightMax) {\r\n                        ratioTrans = 0\r\n                        //console.log('內容高度變高或不變, 內容高度小於當前視窗高度故改為置頂, ratioTrans=', ratioTrans)\r\n                    }\r\n                    // else if (si.r === 0) { //置底(si.r === 1)不需維持避免內容撐開過多時無法固定畫面於原本瀏覽處\r\n                    //     ratioTrans = si.r\r\n                    //     //console.log('內容高度變高或不變, 原本為置頂故需維持, ratioTrans=', ratioTrans)\r\n                    // }\r\n                    //內容高度大於當前視窗高度\r\n                    else {\r\n                        ratioTrans = si.t / (vo.contentHeight - vo.viewHeightMax)\r\n                        //console.log('內容高度變高或不變, 內容高度大於當前視窗高度, ratioTrans=', ratioTrans, si.t, vo.contentHeight, vo.viewHeightMax)\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatioTrans\r\n            vo.updateRatioTrans(ratioTrans)\r\n\r\n        },\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            //nativeBarWidth\r\n            let divPanel = get(vo, '$refs.divPanel')\r\n            if (divPanel) { //未顯示組件會無\r\n\r\n                //nativeBarWidth\r\n                let nativeBarWidth = vo.$refs.divPanel.offsetWidth - vo.$refs.divPanel.clientWidth\r\n\r\n                //save\r\n                vo.nativeBarWidth = nativeBarWidth\r\n\r\n            }\r\n\r\n            //resetScrollTop, 初始化、顯示、嵌入彈窗出現元素或resize時就需重設ScrollTop\r\n            vo.resetScrollTop()\r\n\r\n            //triggerEvent, resize觸發事件\r\n            vo.triggerEvent('resize')\r\n\r\n            // //emit, 有triggerEvent故取消emit\r\n            // vo.$emit('resize', msg)\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            //triggerEvent, 內容slot有dom變更時觸發事件\r\n            vo.triggerEvent('mutation')\r\n\r\n        },\r\n\r\n        updateRatioTrans: function(ratioTrans) {\r\n            //console.log('methods updateRatioTrans', ratioTrans)\r\n\r\n            let vo = this\r\n\r\n            //limit\r\n            ratioTrans = Math.max(ratioTrans, 0)\r\n            ratioTrans = Math.min(ratioTrans, 1)\r\n\r\n            //check\r\n            if (vo.contentHeightEff === 0) {\r\n                ratioTrans = 0\r\n            }\r\n\r\n            //changed\r\n            let changed = vo.ratioTrans !== ratioTrans\r\n            if (changed) {\r\n\r\n                //ratioTrans\r\n                vo.ratioTrans = ratioTrans\r\n\r\n                //triggerEvent, 捲動觸發事件\r\n                vo.triggerEvent('scroll')\r\n\r\n            }\r\n\r\n            return changed\r\n        },\r\n\r\n        dgPressBar: function({ clientY }) {\r\n            //console.log('methods dgPressBar', clientY)\r\n\r\n            let vo = this\r\n\r\n            //save clientY\r\n            if (clientY) {\r\n\r\n                //barPressY\r\n                vo.barPressY = clientY //e.clientY\r\n\r\n            }\r\n\r\n        },\r\n\r\n        dgDragBar: function({ clientY }) {\r\n            //console.log('methods dgDragBar', clientY)\r\n\r\n            let vo = this\r\n\r\n            //d\r\n            let d = clientY - vo.barPressY //e.clientY\r\n\r\n            //deltaRatio\r\n            let deltaRatio = d / vo.viewHeightEff\r\n\r\n            //scrollByDeltaRatio\r\n            vo.scrollByDeltaRatio(deltaRatio)\r\n\r\n            //update\r\n            vo.barPressY = clientY //e.clientY\r\n\r\n        },\r\n\r\n        dgFreeBar: function() {\r\n            //console.log('methods dgFreeBar')\r\n\r\n            let vo = this\r\n\r\n            //barPressY\r\n            vo.barPressY = null\r\n\r\n            //triggerEvent, 拖曳時有些外部組件處理過慢, 導致節點位置未更新完畢, 故於放掉滑鼠按鍵時triggerEvent, 使外部組件再次接收事件進行更新節點\r\n            vo.triggerEvent('dgFreeBar')\r\n\r\n        },\r\n\r\n        getScrollInfor: function(from) {\r\n            //console.log('methods getScrollInfor', from)\r\n\r\n            let vo = this\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                from,\r\n                r: vo.ratioTrans,\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n            }\r\n\r\n            return scrollInfor\r\n        },\r\n\r\n        triggerEvent: function(from) {\r\n            // console.log('methods triggerEvent', from)\r\n\r\n            let vo = this\r\n\r\n            //nextTick, 因為外部可以因變更而呼叫triggerEvent, throttle第1次觸發是直接呼叫執行, 導致還沒收到外部傳入數據就由當前資訊emit出去\r\n            vo.$nextTick(() => {\r\n\r\n                //scrollInfor, 計算捲軸資訊\r\n                let scrollInfor = vo.getScrollInfor(from)\r\n\r\n                //emit ratio\r\n                vo.$emit('update:ratio', vo.ratioTrans)\r\n\r\n                //emit from\r\n                if (from) {\r\n                    vo.$emit(from, scrollInfor)\r\n                }\r\n\r\n                //emit change\r\n                vo.$emit('change', scrollInfor)\r\n\r\n                //save scrollInforLast, 紀錄捲軸資訊, 供恢復捲軸資訊之用\r\n                vo.scrollInforLast = cloneDeep(scrollInfor)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        scrollByDeltaRatio: function(deltaRatio) {\r\n            //console.log('methods scrollByDeltaRatio', deltaRatio)\r\n\r\n            let vo = this\r\n\r\n            //ratioTrans\r\n            let ratioTrans = vo.ratioTrans\r\n\r\n            //update\r\n            if (ratioTrans >= 0 && ratioTrans <= 1) {\r\n                ratioTrans += deltaRatio\r\n            }\r\n\r\n            //updateRatioTrans\r\n            vo.updateRatioTrans(ratioTrans)\r\n\r\n        },\r\n\r\n        scrollByDelta: function(delta) {\r\n            //console.log('methods scrollByDelta', delta)\r\n\r\n            let vo = this\r\n\r\n            //deltaRatio\r\n            let deltaRatio = delta / vo.contentHeight\r\n\r\n            //scrollByDeltaRatio\r\n            vo.scrollByDeltaRatio(deltaRatio)\r\n\r\n        },\r\n\r\n        dgScrollPanel: function({ ratioY }) {\r\n            //console.log('methods dgScrollPanel', ratioY)\r\n\r\n            let vo = this\r\n\r\n            //delta\r\n            let delta = ratioY * vo.scrollDelta\r\n\r\n            //scrollByDelta\r\n            vo.scrollByDelta(delta)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n/* 針對Chrome,Edge,Opera,Safari把捲軸顏色改透明, 避免有時渲染問題出現捲軸左側 */\r\n.clsPanel::-webkit-scrollbar {\r\n    width: 1em;\r\n}\r\n.clsPanel::-webkit-scrollbar-thumb {\r\n    background-color: transparent;\r\n}\r\n.clsPanel::-webkit-scrollbar-track {\r\n    box-shadow: transparent;\r\n}\r\n.clsPanel::-webkit-scrollbar-track-piece{\r\n    background: transparent;\r\n}\r\n.clsPanel::-webkit-scrollbar-button{\r\n    background: transparent;\r\n}\r\n\r\n</style>\r\n\r\n"]},media:void 0})}),ol,"data-v-8f4c7c44",false,undefined,!1,Oo,void 0,void 0);var sl;const ll={directives:{domresize:Ai()},components:{WPanelScrollyCore:al},props:{scrollDelta:{type:Number,default:100},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1},barColor:{type:String,default:"rgba(0,0,0,0.15)"},barColorHover:{type:String,default:"rgba(0,0,0,0.3)"},barBackgroundColor:{type:String,default:"transparent"},barBackgroundColorHover:{type:String,default:"transparent"},barWidth:{type:Number,default:8},barHeightMin:{type:Number,default:50},ratio:{type:Number,default:0}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight,this.triggerEvent("changeViewHeight")},resizeContent:function(n){this.contentHeight=n.snew.offsetHeight,this.triggerEvent("changeContentHeight")},scrollItems:(sl=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:(t=this).top=-e.t,t.emitEvent("scroll",e),t.emitEvent("update:ratio",e.r);case 4:case"end":return n.stop()}}),n,this)}))),function(n){return sl.apply(this,arguments)}),emitEvent:function(n,e){var t=this;t.$nextTick((function(){t.$emit(n,e)}))},triggerEvent:function(n){var e=ie(this,"$refs.wpsc.triggerEvent",null);e&&e(n)}}};var cl=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",{ref:"wpsc",attrs:{viewHeightMax:n.viewHeight,contentHeight:n.contentHeight,scrollDelta:n.scrollDelta,barColor:n.barColor,barColorHover:n.barColorHover,barBackgroundColor:n.barBackgroundColor,barBackgroundColorHover:n.barBackgroundColorHover,barWidth:n.barWidth,barHeightMin:n.barHeightMin,ratio:n.ratio},on:{change:n.scrollItems}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"position:absolute; top:"+n.top+"px; left:0px; width:100%;",on:{domresize:n.resizeContent}},[n._t("default")],2)])],1)};cl._withStripped=!0;const dl=Ro({render:cl,staticRenderFns:[]},(function(n){n&&n("data-v-0db86493_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),ll,"data-v-0db86493",false,undefined,!1,Oo,void 0,void 0);const ul={components:{demolink:Uo,WPanelScrolly:dl},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;",ratio:.5},actions:[]}},methods:{scroll:function(n){},updateRatio:function(n){}}};var pl=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"},on:{scroll:n.scroll}},[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:"scrollDelta"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{scrollDelta:200}},[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:"barColor & barColorHover"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barColor:"transparent",barColorHover:"rgba(0,0,0,0.2)"}},[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:"barColor & barColorHover & barBackgroundColor & barBackgroundColorHover"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barColor:"rgba(250,255,255,0.4)",barColorHover:"rgba(250,255,255,0.8)",barBackgroundColor:"rgba(0,0,0,0.02)",barBackgroundColorHover:"rgba(0,0,0,0.04)"}},[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:"barWidth"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barWidth:6}},[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:"barHeightMin"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barHeightMin:20}},[t("div",{staticStyle:{height:"10000px","background-image":"linear-gradient(141deg, #4cc5f8 0%, #fae 75%)"}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[n._v("ratio: "+n._s(n.WPanelScrolly.ratio))]),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{ratio:n.WPanelScrolly.ratio},on:{"update:ratio":[function(e){return n.$set(n.WPanelScrolly,"ratio",e)},n.updateRatio]}},[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)])])};pl._withStripped=!0;const ml=Ro({render:pl,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-1e8e7133_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScrolly.vue"},media:void 0})}),ul,"data-v-1e8e7133",false,undefined,!1,Oo,void 0,void 0);const vl={directives:{domresize:Ai()},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=tl(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,r=t.$el.getBoundingClientRect(),o=e,i=t.$el.offsetWidth,a=0;i>0&&(a=(o-r.left)/i),a=Math.min(a,t.max),a=Math.max(a,t.min),t.r=a,t.$emit("update:ratio",a)}}};var gl=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)])])};gl._withStripped=!0;const fl={components:{demolink:Uo,WPanelDivideHorizontal:Ro({render:gl,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})}),vl,"data-v-62e2bae2",false,undefined,!1,Oo,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 hl=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)])])};hl._withStripped=!0;const bl=Ro({render:hl,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})}),fl,"data-v-25149add",false,undefined,!1,Oo,void 0,void 0);const yl={directives:{domresize:Ai()},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=tl(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,r=t.$el.getBoundingClientRect(),o=e,i=t.$el.offsetHeight,a=0;i>0&&(a=(o-r.top)/i),a=Math.min(a,t.max),a=Math.max(a,t.min),t.r=a,t.$emit("update:ratio",a)}}};var xl=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)])])};xl._withStripped=!0;const kl={components:{demolink:Uo,WPanelDivideVertical:Ro({render:xl,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})}),yl,"data-v-0bc47acd",false,undefined,!1,Oo,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 Cl=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)])])};Cl._withStripped=!0;const wl=Ro({render:Cl,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})}),kl,"data-v-2317d90e",false,undefined,!1,Oo,void 0,void 0);const Sl={directives:{domresize:Ai(),dommutation:rl()},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(Hs(e)){var t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var _l=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)])])])])};_l._withStripped=!0;const Wl=Ro({render:_l,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})}),Sl,"data-v-2df1dddc",false,undefined,!1,Oo,void 0,void 0);const Tl={components:{WIcon:Es},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"]=Jo(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=Jo(n.backgroundColorHover),e):(e["background-color"]=Jo(n.backgroundColor),e)},useBorder:function(){var n=this,e={};return n.focusedTrans?(e.border="".concat(n.borderWidth,"px solid ").concat(Jo(n.borderColorFocus)),e):n.hoveredTrans?(e.border="".concat(n.borderWidth,"px solid ").concat(Jo(n.borderColorHover)),e):(e.border="".concat(n.borderWidth,"px solid ").concat(Jo(n.borderColor)),e)},useLeftIconColor:function(){var n=this;return n.focusedTrans?Jo(n.leftIconColorFocus):n.hoveredTrans?Jo(n.leftIconColorHover):Jo(n.leftIconColor)},useRightIconColor:function(){var n=this;return n.focusedTrans?Jo(n.rightIconColorFocus):n.hoveredTrans?Jo(n.rightIconColorHover):Jo(n.rightIconColor)},useTitleColor:function(){var n={};return n.color=Jo(this.titleColor),n},usePadding:function(){return{padding:ws(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 Al=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 r=e.on;return[t("div",n._g({attrs:{ShellEllipse:"leftIcon"}},Object.assign({},r)),[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 r=e.on;return[t("div",n._g({attrs:{ShellEllipse:"rightIcon"}},Object.assign({},r)),[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()])])};Al._withStripped=!0;const Il=Ro({render:Al,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})}),Tl,"data-v-37c5968f",false,undefined,!1,Oo,void 0,void 0);var Bl=function(n){var e=null==n?0:n.length;return e?n[e-1]:void 0};var Hl=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)},jl=Math.max;var Pl=function(n,e,t){return e=jl(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=jl(r.length-e,0),a=Array(i);++o<i;)a[o]=r[e+o];o=-1;for(var s=Array(e+1);++o<e;)s[o]=r[o];return s[e]=t(a),Hl(n,this,s)}};var Dl=function(n){return function(){return n}},$l=Oi?function(n,e){return Oi(n,"toString",{configurable:!0,enumerable:!1,value:Dl(e),writable:!0})}:ht,zl=Date.now;var El=function(n){var e=0,t=0;return function(){var r=zl(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}($l);var Fl=function(n,e){return El(Pl(n,e,ht),n+"")};var Ll=function(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1},Rl=Array.prototype.splice;var Vl=function(n,e,t,r){var o=r?Ll:mo,i=-1,a=e.length,s=n;for(n===e&&(e=ea(e)),t&&(s=Xn(n,tt(t)));++i<a;)for(var l=0,c=e[i],d=t?t(c):c;(l=o(s,d,l,r))>-1;)s!==n&&Rl.call(s,l,1),Rl.call(n,l,1);return n};var Ml=Fl((function(n,e){return n&&n.length&&e&&e.length?Vl(n,e):n}));function Ol(n,e,t){if(Cs(n))if(Cs(e)){if(Hs(t)){var r;try{r=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}var o=!1;try{o=n>=r.left&&n<=r.right&&e>=r.top&&e<=r.bottom}catch(n){console.log("catch when calculating page information of element",n)}return o}console.log("ele is not HTMLElement",t)}else console.log("clientY is not Number",e);else console.log("clientX is not Number",n)}function Nl(n,e){var t=n.getBoundingClientRect();return{width:t.width/1,height:t.height/1,top:t.top/1,right:t.right/1,bottom:t.bottom/1,left:t.left/1,x:t.left/1,y:t.top/1}}function Gl(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function Zl(n){var e=Gl(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ul(n){return n instanceof Gl(n).Element||n instanceof Element}function ql(n){return n instanceof Gl(n).HTMLElement||n instanceof HTMLElement}function Yl(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Gl(n).ShadowRoot||n instanceof ShadowRoot)}function Kl(n){return n?(n.nodeName||"").toLowerCase():null}function Xl(n){return((Ul(n)?n.ownerDocument:n.document)||window.document).documentElement}function Ql(n){return Nl(Xl(n)).left+Zl(n).scrollLeft}function Jl(n){return Gl(n).getComputedStyle(n)}function nc(n){var e=Jl(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function ec(n,e,t){void 0===t&&(t=!1);var r=ql(e);ql(e)&&function(n){var e=n.getBoundingClientRect(),t=e.width/n.offsetWidth||1,r=e.height/n.offsetHeight||1}(e);var o,i,a=Xl(e),s=Nl(n),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!t)&&(("body"!==Kl(e)||nc(a))&&(l=(o=e)!==Gl(o)&&ql(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:Zl(o)),ql(e)?((c=Nl(e)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Ql(a))),{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function tc(n){return"html"===Kl(n)?n:n.assignedSlot||n.parentNode||(Yl(n)?n.host:null)||Xl(n)}function rc(n){return["html","body","#document"].indexOf(Kl(n))>=0?n.ownerDocument.body:ql(n)&&nc(n)?n:rc(tc(n))}function oc(n,e){var t;void 0===e&&(e=[]);var r=rc(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Gl(r),a=o?[i].concat(i.visualViewport||[],nc(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(oc(tc(a)))}function ic(n){return["table","td","th"].indexOf(Kl(n))>=0}function ac(n){return ql(n)&&"fixed"!==Jl(n).position?n.offsetParent:null}function sc(n){for(var e=Gl(n),t=ac(n);t&&ic(t)&&"static"===Jl(t).position;)t=ac(t);return t&&("html"===Kl(t)||"body"===Kl(t)&&"static"===Jl(t).position)?e:t||function(n){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&ql(n)&&"fixed"===Jl(n).position)return null;for(var t=tc(n);ql(t)&&["html","body"].indexOf(Kl(t))<0;){var r=Jl(t);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return t;t=t.parentNode}return null}(n)||e}var lc="top",cc="bottom",dc="right",uc="left",pc="auto",mc=[lc,cc,dc,uc],vc="start",gc="end",fc="viewport",hc="popper",bc=mc.reduce((function(n,e){return n.concat([e+"-"+vc,e+"-"+gc])}),[]),yc=[].concat(mc,[pc]).reduce((function(n,e){return n.concat([e,e+"-"+vc,e+"-"+gc])}),[]),xc=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function kc(n){var e=new Map,t=new Set,r=[];function o(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var r=e.get(n);r&&o(r)}})),r.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||o(n)})),r}function Cc(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var wc='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',Sc=["name","enabled","phase","fn","effect","requires","options"];function _c(n){return n.split("-")[0]}var Wc=Math.max,Tc=Math.min,Ac=Math.round;function Ic(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function Bc(n,e){return e===fc?Ic(function(n){var e=Gl(n),t=Xl(n),r=e.visualViewport,o=t.clientWidth,i=t.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Ql(n),y:s}}(n)):ql(e)?function(n){var e=Nl(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):Ic(function(n){var e,t=Xl(n),r=Zl(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=Wc(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Wc(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Ql(n),l=-r.scrollTop;return"rtl"===Jl(o||t).direction&&(s+=Wc(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(Xl(n)))}function Hc(n){var e=oc(tc(n)),t=["absolute","fixed"].indexOf(Jl(n).position)>=0&&ql(n)?sc(n):n;return Ul(t)?e.filter((function(n){return Ul(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&Yl(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}(n,t)&&"body"!==Kl(n)})):[]}function jc(n){return n.split("-")[1]}function Pc(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?_c(o):null,a=o?jc(o):null,s=t.x+t.width/2-r.width/2,l=t.y+t.height/2-r.height/2;switch(i){case lc:e={x:s,y:t.y-r.height};break;case cc:e={x:s,y:t.y+t.height};break;case dc:e={x:t.x+t.width,y:l};break;case uc:e={x:t.x-r.width,y:l};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 vc:e[c]=e[c]-(t[d]/2-r[d]/2);break;case gc:e[c]=e[c]+(t[d]/2-r[d]/2)}}return e}function Dc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=void 0===r?n.placement:r,i=t.boundary,a=void 0===i?"clippingParents":i,s=t.rootBoundary,l=void 0===s?fc:s,c=t.elementContext,d=void 0===c?hc:c,u=t.altBoundary,p=void 0!==u&&u,m=t.padding,v=void 0===m?0:m,g=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof v?v:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(v,mc)),f=d===hc?"reference":hc,h=n.rects.popper,b=n.elements[p?f:d],y=function(n,e,t){var r="clippingParents"===e?Hc(n):[].concat(e),o=[].concat(r,[t]),i=o[0],a=o.reduce((function(e,t){var r=Bc(n,t);return e.top=Wc(r.top,e.top),e.right=Tc(r.right,e.right),e.bottom=Tc(r.bottom,e.bottom),e.left=Wc(r.left,e.left),e}),Bc(n,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(Ul(b)?b:b.contextElement||Xl(n.elements.popper),a,l),x=Nl(n.elements.reference),k=Pc({reference:x,element:h,strategy:"absolute",placement:o}),C=Ic(Object.assign({},h,k)),w=d===hc?C:x,S={top:y.top-w.top+g.top,bottom:w.bottom-y.bottom+g.bottom,left:y.left-w.left+g.left,right:w.right-y.right+g.right},_=n.modifiersData.offset;if(d===hc&&_){var W=_[o];Object.keys(S).forEach((function(n){var e=[dc,cc].indexOf(n)>=0?1:-1,t=[lc,cc].indexOf(n)>=0?"y":"x";S[n]+=W[t]*e}))}return S}var $c="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",zc={placement:"bottom",modifiers:[],strategy:"absolute"};function Ec(){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 Fc(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?zc:o;return function(n,e,t){void 0===t&&(t=i);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zc,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},l=[],c=!1,d={state:s,setOptions:function(t){var o="function"==typeof t?t(s.options):t;u(),s.options=Object.assign({},i,s.options,o),s.scrollParents={reference:Ul(n)?oc(n):n.contextElement?oc(n.contextElement):[],popper:oc(e)};var a=function(n){var e=kc(n);return xc.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(r,s.options.modifiers)));(s.orderedModifiers=a.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),Sc).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(Cc(wc,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(Cc(wc,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":xc.indexOf(e.phase)<0&&console.error(Cc(wc,e.name,'"phase"',"either "+xc.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(Cc(wc,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(Cc(wc,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(Cc(wc,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(Cc(wc,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 '+Sc.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(Cc('Popper: modifier "%s" requires "%s", but "%s" modifier is not available',String(e.name),t,t))}))}))}))}((c=[].concat(a,s.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})))),_c(s.options.placement)===pc)&&(s.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,v=Jl(e);return[v.marginTop,v.marginRight,v.marginBottom,v.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(" ")),s.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,r=void 0===t?{}:t,o=n.effect;if("function"==typeof o){var i=o({state:s,name:e,instance:d,options:r}),a=function(){};l.push(i||a)}})),d.update()},forceUpdate:function(){if(!c){var n=s.elements,e=n.reference,t=n.popper;if(Ec(e,t)){var r,o,i,a;s.rects={reference:ec(e,sc(t),"fixed"===s.options.strategy),popper:(r=t,o=Nl(r),i=r.offsetWidth,a=r.offsetHeight,Math.abs(o.width-i)<=1&&(i=o.width),Math.abs(o.height-a)<=1&&(a=o.height),{x:r.offsetLeft,y:r.offsetTop,width:i,height:a})},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(n){return s.modifiersData[n.name]=Object.assign({},n.data)}));for(var l=0,u=0;u<s.orderedModifiers.length;u++){if((l+=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!==s.reset){var p=s.orderedModifiers[u],m=p.fn,v=p.options,g=void 0===v?{}:v,f=p.name;"function"==typeof m&&(s=m({state:s,options:g,name:f,instance:d})||s)}else s.reset=!1,u=-1}}else console.error($c)}},update:(o=function(){return new Promise((function(n){d.forceUpdate(),n(s)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(o())}))}))),a}),destroy:function(){u(),c=!0}};if(!Ec(n,e))return console.error($c),d;function u(){l.forEach((function(n){return n()})),l=[]}return d.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),d}}var Lc={passive:!0};var Rc={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vc(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,a=n.offsets,s=n.position,l=n.gpuAcceleration,c=n.adaptive,d=n.roundOffsets,u=!0===d?function(n){var e=n.x,t=n.y,r=window.devicePixelRatio||1;return{x:Ac(Ac(e*r)/r)||0,y:Ac(Ac(t*r)/r)||0}}(a):"function"==typeof d?d(a):a,p=u.x,m=void 0===p?0:p,v=u.y,g=void 0===v?0:v,f=a.hasOwnProperty("x"),h=a.hasOwnProperty("y"),b=uc,y=lc,x=window;if(c){var k=sc(t),C="clientHeight",w="clientWidth";k===Gl(t)&&"static"!==Jl(k=Xl(t)).position&&"absolute"===s&&(C="scrollHeight",w="scrollWidth"),k=k,o!==lc&&(o!==uc&&o!==dc||i!==gc)||(y=cc,g-=k[C]-r.height,g*=l?1:-1),o!==uc&&(o!==lc&&o!==cc||i!==gc)||(b=dc,m-=k[w]-r.width,m*=l?1:-1)}var S,_=Object.assign({position:s},c&&Rc);return l?Object.assign({},_,((S={})[y]=h?"0":"",S[b]=f?"0":"",S.transform=(x.devicePixelRatio||1)<=1?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",S)):Object.assign({},_,((e={})[y]=h?g+"px":"",e[b]=f?m+"px":"",e.transform="",e))}var Mc=Fc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,r=n.options,o=r.scroll,i=void 0===o||o,a=r.resize,s=void 0===a||a,l=Gl(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,Lc)})),s&&l.addEventListener("resize",t.update,Lc),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,Lc)})),s&&l.removeEventListener("resize",t.update,Lc)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=Pc({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,r=t.gpuAcceleration,o=void 0===r||r,i=t.adaptive,a=void 0===i||i,s=t.roundOffsets,l=void 0===s||s,c=Jl(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:_c(e.placement),variation:jc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Vc(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Vc(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),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]||{},r=e.attributes[n]||{},o=e.elements[n];ql(o)&&Kl(o)&&(Object.assign(o.style,t),Object.keys(r).forEach((function(n){var e=r[n];!1===e?o.removeAttribute(n):o.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 r=e.elements[n],o=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});ql(r)&&Kl(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(n){r.removeAttribute(n)})))}))}},requires:["computeStyles"]}]}),Oc={left:"right",right:"left",bottom:"top",top:"bottom"};function Nc(n){return n.replace(/left|right|bottom|top/g,(function(n){return Oc[n]}))}var Gc={start:"end",end:"start"};function Zc(n){return n.replace(/start|end/g,(function(n){return Gc[n]}))}function Uc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=t.boundary,i=t.rootBoundary,a=t.padding,s=t.flipVariations,l=t.allowedAutoPlacements,c=void 0===l?yc:l,d=jc(r),u=d?s?bc:bc.filter((function(n){return jc(n)===d})):mc,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]=Dc(n,{placement:t,boundary:o,rootBoundary:i,padding:a})[_c(t)],e}),{});return Object.keys(m).sort((function(n,e){return m[n]-m[e]}))}var qc={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,i=void 0===o||o,a=t.altAxis,s=void 0===a||a,l=t.fallbackPlacements,c=t.padding,d=t.boundary,u=t.rootBoundary,p=t.altBoundary,m=t.flipVariations,v=void 0===m||m,g=t.allowedAutoPlacements,f=e.options.placement,h=_c(f),b=l||(h===f||!v?[Nc(f)]:function(n){if(_c(n)===pc)return[];var e=Nc(n);return[Zc(n),e,Zc(e)]}(f)),y=[f].concat(b).reduce((function(n,t){return n.concat(_c(t)===pc?Uc(e,{placement:t,boundary:d,rootBoundary:u,padding:c,flipVariations:v,allowedAutoPlacements:g}):t)}),[]),x=e.rects.reference,k=e.rects.popper,C=new Map,w=!0,S=y[0],_=0;_<y.length;_++){var W=y[_],T=_c(W),A=jc(W)===vc,I=[lc,cc].indexOf(T)>=0,B=I?"width":"height",H=Dc(e,{placement:W,boundary:d,rootBoundary:u,altBoundary:p,padding:c}),j=I?A?dc:uc:A?cc:lc;x[B]>k[B]&&(j=Nc(j));var P=Nc(j),D=[];if(i&&D.push(H[T]<=0),s&&D.push(H[j]<=0,H[P]<=0),D.every((function(n){return n}))){S=W,w=!1;break}C.set(W,D)}if(w)for(var $=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 S=e,"break"},z=v?3:1;z>0;z--){if("break"===$(z))break}e.placement!==S&&(e.modifiersData[r]._skip=!0,e.placement=S,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Yc={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.offset,i=void 0===o?[0,0]:o,a=yc.reduce((function(n,t){return n[t]=function(n,e,t){var r=_c(n),o=[uc,lc].indexOf(r)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[uc,dc].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}(t,e.rects,i),n}),{}),s=a[e.placement],l=s.x,c=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a}};function Kc(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 Xc(n){return[lc,dc,cc,uc].some((function(e){return n[e]>=0}))}var Qc={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=Dc(e,{elementContext:"reference"}),s=Dc(e,{altBoundary:!0}),l=Kc(a,r),c=Kc(s,o,i),d=Xc(l),u=Xc(c);e.modifiersData[t]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}},Jc=[];const nd={directives:{domresize:Ai()},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=_i(),n.windowMousedown=function(e){var t=ie(n,"$refs.divTrigger",null);n.clickTriggerInner=!!t&&Ol(e.clientX,e.clientY,t);var r=ie(n,"$refs.divContent",null);n.valueTrans&&r?n.clickContentInner=Ol(e.clientX,e.clientY,r):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=function(e){var t;(t=n.mmkey,Bl(Jc)===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 Cs(n.minWidth)&&(e=n.minWidth),"min-width:".concat(e,"px;")},useMaxWidth:function(){return Cs(this.maxWidth)?"max-width:".concat(this.maxWidth,"px;"):""},useBorderRadius:function(){return Cs(this.borderRadius)?"border-radius:".concat(this.borderRadius,"px;"):""},useBackgroundColor:function(){return Jo(this.backgroundColor)},useShadow:function(){if(!this.shadow)return"";var n=qo(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 r;r=n.mmkey,Jc.push(r);var o={strategy:"fixed",placement:"bottom-start",modifiers:[qc,Qc,Yc,{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=Mc(e,t,o)}}},hidePopper:function(){var n=this;n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null),setTimeout((function(){var e;e=n.mmkey,Ml(Jc,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 ed=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)])])};ed._withStripped=!0;const td=Ro({render:ed,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})}),nd,"data-v-1712408f",false,undefined,!1,Oo,void 0,void 0);function rd(n){return!!pi(n)&&fi(n)<0}function od(n,e){var t,r=!1,o="";if("isstr"===e)ro(n)||(r=!0,o="需要為字串",n="");else if("isnum"===e)di(n)||(r=!0,o="需要為數字",n=0);else if("isp0num"===e)di(t=n)&&ui(t)>=0||(r=!0,o="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!di(n)&&ui(n)<=0})(n)||(r=!0,o="需要為含0的負浮點數",n=0);else if("isint"===e)pi(n)||(r=!0,o="需要為整數",n=0);else if("ispint"===e)hi(n)||(r=!0,o="需要為不含0正整數",n=0);else if("isp0int"===e)Ya(n)||(r=!0,o="需要為含0正整數",n=0);else if("isnint"===e)rd(n)||(r=!0,o="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!pi(n)&&fi(n)<=0})(n)||(r=!0,o="需要為含0負整數",n=0);else if(xi(e)){n=e(n)}else"any"===e?di(n)||ro(n)||(r=!0,o="需要為字串或數字",n=""):(r=!0,o="需要指定驗證類型",n=null);return{value:n,err:r,errmsg:o}}const id={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=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(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=od(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 ad=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)}}})])};ad._withStripped=!0;const sd=Ro({render:ad,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})}),id,"data-v-410527a2",false,undefined,!1,Oo,void 0,void 0);var ld=function(n,e){return Xn(e,(function(e){return n[e]}))};var cd=function(n){return null==n?[]:ld(n,gt(n))};function dd(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;di(n)||(n=10);var e=Va();return setTimeout((function(){e.resolve()}),n),e}function ud(n){return!!Pa(n)&&(0!==n.length&&(1!==n.length||!Ea(n[0])))}function pd(n,e){if(!ud(n))return[];if(!oo(e))return[];var t=Ra(e," "),r=$o(t);return eo(n,(function(n){return function(n){for(var e=!1,o=0,i=0;i<r;i++){var a=t[i],s=a,l="+"===Na(a,1),c="-"===Na(a,1);if((l||c)&&(s=Za(a,1)),""!==fo(s)){var d=n.indexOf(s)>=0;if(l&&!d){e=!1,o=0;break}if(c&&d){e=!1,o=0;break}if(d){e=!0;var u=1-i/r;o+=u=Math.pow(u,2)}}}return{hasKeyword:e,weight:o}}(n)}))}function md(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(Da(n))return"";var t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function vd(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function gd(n){return function(n){if(Array.isArray(n))return vd(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 vd(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)?vd(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 fd(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;function e(n){var e=[],t=null,r=null;function o(){null===t&&(t=setInterval((function(){if(Date.now()-r>n){var o=e.pop();e=[],o.func.apply(o,gd(o.input))}0===e.length&&(clearInterval(t),t=null)}),10))}return hi(n)||(n=300),n=fi(n),function(n){if(xi(n)){r=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}),o()}else console.log("func is not function")}}return new e(n)}function hd(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 bd(n){return function(){var e=Va(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):hd(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 yd(){var n=yi(),e=[],t=null,r=!1;function o(){null===t&&(t=setInterval(nl(el.mark((function o(){var i,a,s,l,c,d;return el.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!r){o.next=2;break}return o.abrupt("return");case 2:for(r=!0,i=e.pop(),a=0;a<e.length;a++)s=e[a].id,l={state:"cancelled"},n.emit(s,l);if(e=[],!i){o.next=16;break}if(d=i.id,!xi(i.func)){o.next=14;break}return o.next=11,bd(i.func).apply(void 0,gd(i.input));case 11:c=o.sent,o.next=15;break;case 14:c={state:"error",msg:"fun is not function"};case 15:n.emit(d,c);case 16:(r=!1)||0!==e.length||(clearInterval(t),t=null);case 18:case"end":return o.stop()}}),o)}))),10))}return function(t){var r=Va();if(xi(t)){for(var i=_i(),a=arguments.length,s=new Array(a>1?a-1:0),l=1;l<a;l++)s[l-1]=arguments[l];return e.push({id:i,func:t,input:s}),o(),n.once(i,(function(n){"success"===n.state?r.resolve(n.msg):"cancelled"===n.state?r.reject({reason:"cancelled"}):r.reject(n.msg)})),r}console.log("func is not function")}}var xd=function(n,e,t){for(var r=-1,o=n.length;++r<o;){var i=n[r],a=e(i);if(null!=a&&(void 0===s?a==a&&!q(a):t(a,s)))var s=a,l=i}return l};var kd=function(n,e){return n>e};var Cd=function(n,e){return n&&n.length?xd(n,Jr(e),kd):void 0};function wd(n,e){for(var t=$o(n),r=0,o=e(r),i=t-1,a=e(i),s=!0,l=null;s;){var c=Math.floor((i+r)/2),d=e(c);if(o<0&&d<0&&a<0){l=null,s=!1;break}if(o>0&&d>0&&a>0){l=null,s=!1;break}if(0===o){l=r,s=!1;break}if(0===d){l=c,s=!1;break}if(0===a){l=i,s=!1;break}if(c===r||c===i){var u=[{i:r,v:o},{i:c,v:d},{i:i,v:a}];u=bo(u,(function(n){return n.v<=0})),l=Cd(u,"v").i,s=!1;break}o*d>0?(r=c,o=d):(i=c,a=d)}return l}var Sd={};function _d(){return{set:function(n,e){Sd[n]=e},get:function(n){return Sd[n]},remove:function(n){delete Sd[n]}}}function Wd(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Td(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Wd(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Wd(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var Ad,Id,Bd,Hd,jd=_d();const Pd={components:{WPanelScrollyCore:al},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},searchEmpty:{type:String,default:"Empty"},separatorHeight:{type:Number,default:1},separatorColor:{type:String,default:"transparent"},show:{type:Boolean,default:!0}},data:function(){return{pmt:yd(),dbc:fd(),mmkey:null,changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromProcess:!1,lockFromSetRows:!1,scrollRatio:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,useItems:[],emItemsTemp:[],iNochangeScrollInfor:0,tNochangeScrollInfor:0}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){null!==this.mmkey&&jd.remove(this.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler:function(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){var n=this.filterKeywords;return this.refreshDebounce("changeFilterKeyWords"),n},useSeparatorColor:function(){return Jo(this.separatorColor)}},methods:{getSeparatorHeight:function(n){return n>0?this.separatorHeight:0},setRowsCore:function(n){var e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Pa(n)){return"rows is not array"}if(0===$o(n)){return"rows is empty"}null===e.mmkey?e.mmkey=_i():jd.remove(e.mmkey);var t=eo(n,(function(n,t){return{index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}}));jd.set(e.mmkey,t),e.changeDisplay=!0},setRows:function(n){var e=this;function t(){return(t=nl(el.mark((function t(){return el.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e.lockFromSetRows=!0,e.scrollInforTemp=ja(e.scrollInfor),e.setRowsCore(n),t.next=5,e.refreshCore("setRows");case 5:e.resumeScrollRatio(),e.triggerEvent("setRows"),e.lockFromSetRows=!1;case 8:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},refresh:function(n){this.pmt(this.refreshCore,n).catch((function(){}))},refreshCore:(Hd=nl(el.mark((function n(e){var t,r,o,i,a,s,l,c,d;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(l=function(){return(l=nl(el.mark((function n(){var e;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,i();case 2:e=n.sent;case 3:if(!e){n.next=9;break}return n.next=6,i();case 6:e=n.sent,n.next=3;break;case 9:case"end":return n.stop()}}),n)})))).apply(this,arguments)},s=function(){return l.apply(this,arguments)},a=function(){return(a=nl(el.mark((function n(){var e,i;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=Va(),!((r+=1)>o)){n.next=5;break}return e.resolve(!1),n.abrupt("return",e);case 5:return t.genUseItems(),n.next=8,dd(1);case 8:return t.filterItems(),n.next=11,dd(1);case 11:return i=t.updateItemsHeight(),e.resolve(i),n.abrupt("return",e);case 14: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:return r=0,o=3,n.next=11,s();case 11:for(t.genUseItems(),c=0;c<$o(t.useItems);c++)(d=t.useItems[c]).delayShow||(d.delayShow=!0);case 13:case"end":return n.stop()}}),n,this)}))),function(n){return Hd.apply(this,arguments)}),refreshDebounce:function(n){var e=this;e.dbc((function(){e.refresh(n)}))},genUseItems:function(){var n=this;if(null!==n.mmkey){null===n.scrollInfor&&(n.scrollInfor={r:0,t:0,b:n.viewHeightMax,ch:n.itemsHeight});var e=jd.get(n.mmkey),t=$o(e);if(0!==t){var r=wd(e,(function(t){var r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===r&&(r=0);var o=Math.max(r-n.itemsPreload,0),i=wd(e,(function(t){var r=e[t];return n.scrollInfor.b-r.y}));null===i&&(i=t-1);var a=Math.min(i+n.itemsPreload,t-1),s={};yt(n.useItems,(function(n){s[n.index]=!0}));for(var l=[],c=o;c<=a;c++){var d=Td({},e[c]);d.displayShow&&d.filterShow&&(d.screenY=d.y-n.scrollInfor.t,d.nowShow=c>=r,d.delayShow=!0===s[c],l.push(d))}if(n.useItems=l,n.$refs.wdsDiv){var u=eo(l,"row"),p=eo(l,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:u,items:p}),Mi(n.emItemsTemp,p)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:u,items:p}),n.emItemsTemp=p)}}}},updateItemsHeight:function(){var n=this;if(null===n.mmkey)return!1;var e=jd.get(n.mmkey),t=$o(e),r=ie(n,"$refs.wdsDiv",[]);yt(r,(function(r){if(r.getAttribute&&r.getAttribute("nowShow")){var o=fi(r.getAttribute("index"));if(o>=0&&o<t){var i=r.offsetHeight;e[o].height!==i&&(e[o].height=i,n.changeHeight=!0)}}})),n.show||(n.changeHeight=!1);var o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){for(var i=0,a=0;a<t;a++){var s=e[a];s.y!==i&&(s.y=i),s.displayShow&&s.filterShow&&(i+=s.height)}var l=n.itemsHeight;l!==i&&(l=i),0===l&&(l=43);Math.abs(n.itemsHeight-l)>4?n.itemsHeight=l:o=n.changeDisplay||n.changeFilter,n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return o},changeScrollInfor:(Bd=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null!==(t=this).mmkey){n.next=3;break}return n.abrupt("return");case 3:if(!Mi(t.scrollInfor,e)){n.next=13;break}if(Date.now()-t.tNochangeScrollInfor>200&&(t.iNochangeScrollInfor=0,t.tNochangeScrollInfor=0),t.iNochangeScrollInfor+=1,t.tNochangeScrollInfor=Date.now(),!(t.iNochangeScrollInfor>=3)){n.next=13;break}return t.iNochangeScrollInfor=0,n.abrupt("return");case 13:if(!t.lockFromProcess){n.next=15;break}return n.abrupt("return");case 15:if(!t.lockFromSetRows){n.next=17;break}return n.abrupt("return");case 17:t.scrollInfor=e,t.refresh("changeScrollInfor");case 19:case"end":return n.stop()}}),n,this)}))),function(n){return Bd.apply(this,arguments)}),resumeScrollRatio:function(){var n=ie(this,"$refs.wpsc.resumeRatio",null);n&&n(this.scrollInforTemp)},processItems:(Id=nl(el.mark((function n(){var e,t,r,o,i=arguments;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return o=function(){return(o=nl(el.mark((function n(){var r,o,i,a,s,l,c,d;return el.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,t.scrollInforTemp=ja(t.scrollInfor),r=jd.get(t.mmkey),xi(o=ie(e,"fun",null))&&(o(r),t.changeDisplay=!0,t.changeFilter=!0),i=ie(e,"indStart",null),a=ie(e,"indEnd",null),pi(i)&&pi(a)){if(La(s=ie(e,"displayShow",null))){for(l=i;l<=a;l++)ie(r,l,null)&&(r[l].displayShow=s);t.changeDisplay=!0}if(La(c=ie(e,"filterShow",null))){for(d=i;d<=a;d++)ie(r,d,null)&&(r[d].filterShow=c);t.changeFilter=!0}}return n.next=12,t.refreshCore("processItems");case 12:t.resumeScrollRatio(),t.triggerEvent("processItems"),t.lockFromProcess=!1;case 15:case"end":return n.stop()}}),n)})))).apply(this,arguments)},r=function(){return o.apply(this,arguments)},e=i.length>0&&void 0!==i[0]?i[0]:{},t=this,n.next=6,r().catch((function(n){console.log(n)}));case 6:case"end":return n.stop()}}),n,this)}))),function(){return Id.apply(this,arguments)}),filterItems:function(){var n=this;if(null!==n.mmkey&&n.filterKeywordsTemp!==n.filterKeywords){n.filterKeywordsTemp=n.filterKeywords;var e=jd.get(n.mmkey),t=$o(e);if(0===$o(n.filterKeywords))for(var r=0;r<t;r++)e[r].filterShow=!0;else{var o=n.filterKeywords.toLowerCase(),i=pd(eo(e,(function(n){var e=n.row;return(ro(e)?e:di(e)?ee(e):Oa(e)?Eo(cd(e),""):md(e)).toLowerCase()})),o);yt(e,(function(n,t){var r=i[t];e[t].filterShow=r.hasKeyword}))}n.changeFilter=!0}},triggerEvent:function(n){var e=ie(this,"$refs.wpsc.triggerEvent",null);e&&e(n)},refreshAndTriggerEvent:(Ad=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=this,n.next=3,t.refreshCore(e);case 3:t.triggerEvent(e);case 4:case"end":return n.stop()}}),n,this)}))),function(n){return Ad.apply(this,arguments)})}};var Dd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{ratio:n.scrollRatio,viewHeightMax:n.viewHeightMax,contentHeight:n.itemsHeight,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:ratio":function(e){n.scrollRatio=e},change:n.changeScrollInfor}},[n._l(n.useItems,(function(e,r){return[t("div",{key:"wpsc-"+r,ref:"wdsDiv",refInFor:!0,style:"position:absolute; top:"+e.screenY+"px; left:0px; width:100%; opacity:"+(e.nowShow&&e.delayShow?1:.001)+"; "+(e.delayShow?"transition:opacity 0.1s":"")+";",attrs:{index:e.index,nowShow:e.nowShow,delayShow:e.delayShow,y:e.y}},[t("div",{style:"position:relative;"},[n._t("default",null,{row:e.row,index:e.index}),n._v(" "),t("div",{style:"position:absolute; top:"+-n.getSeparatorHeight(r)/2+"px; left:0px; width:100%; border-top:"+n.getSeparatorHeight(r)+"px solid "+n.useSeparatorColor+";"})],2)])]})),n._v(" "),0===n.useItems.length?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.searchEmpty)+"\n    ")]):n._e()],2)};Dd._withStripped=!0;const $d=Ro({render:Dd,staticRenderFns:[]},(function(n){n&&n("data-v-4b68dcae_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),Pd,"data-v-4b68dcae",false,undefined,!1,Oo,void 0,void 0);const zd={components:{WPopup:td,WTextCore:sd,WDynamicList:$d,WIcon:Es},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:S},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:""},searchEmpty:{type:String,default:"Empty"},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,ratio:0}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){var n=this;return $o(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){var n=this;return $a(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){var n=this.textFontSize;return n=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(this.textColor)},useItemBackgroundColor:function(){return Jo(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return Jo(this.itemBackgroundColorHover)},useItemTextFontSize:function(){var n=this.itemTextFontSize;return n=qo(n,";",""),"font-size:".concat(n,";")},useItemTextColor:function(){return Jo(this.itemTextColor)},useItemTextColorHover:function(){return Jo(this.itemTextColorHover)},useItemPadding:function(){var n=ws(this.itemPaddingStyle);return"padding:".concat(n,";")},uesExpansionIconColor:function(){return Jo(this.expansionIconColor)},getRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){return $a(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,r){var o=this;o.editable&&o.$nextTick((function(){o.$emit(n,e,t)}))},triggerAll:function(n,e){var t=this;if(t.editable){var r=ie(n,"showPanel",null),o=ie(n,"focused",null);if(r){var i=ie(t,"$refs.wds.refreshAndTriggerEvent",null);i&&i("showPanel")}La(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),La(r)&&t.showPanelTrans!==r&&($o(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,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",{ref:"wds",attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,ratio:n.ratio,itemMinHeight:n.defItemHeight,searchEmpty:n.searchEmpty,show:n.showPanelTrans},on:{"update:ratio":function(e){n.ratio=e}},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 Fd=Ro({render:Ed,staticRenderFns:[]},(function(n){n&&n("data-v-4cfe3df5_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),zd,"data-v-4cfe3df5",false,undefined,!1,Oo,void 0,void 0);const Ld={directives:{domresize:Ai()},components:{WShellEllipse:Il,WTextSuggestCore:Fd},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:""},searchEmpty:{type:String,default:"Empty"},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=ws(e.paddingStyle,{returnObj:!0}).bottom-2,r=ie(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){return $a(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 Rd=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,searchEmpty:n.searchEmpty,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)};Rd._withStripped=!0;const Vd=Ro({render:Rd,staticRenderFns:[]},(function(n){n&&n("data-v-a69626e2_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})}),Ld,"data-v-a69626e2",false,undefined,!1,Oo,void 0,void 0);window.inAppZone=!0;const Md={components:{demolink:Uo,WPanelScale:Wl,WPanelScrolly:dl,WTextSuggest:Vd,WPanelBulge:Vi},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 Od=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)])};Od._withStripped=!0;const Nd=Ro({render:Od,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,Oo,void 0,void 0);const Gd={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 Pa(n.path)||(e=[n.path]),e},useIconColor:function(){var n=this;return n.mouseEnter?Jo(n.colorHover):Jo(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 Zd=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()};Zd._withStripped=!0;const Ud={components:{demolink:Uo,WIconSvg:Ro({render:Zd,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})}),Gd,"data-v-8db7e82e",false,undefined,!1,Oo,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 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"}},[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)])])};qd._withStripped=!0;const Yd=Ro({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("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})}),Ud,"data-v-1d284142",false,undefined,!1,Oo,void 0,void 0);var Kd=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:li(e),xt(n,e<0?0:e,r)):[]};function Xd(n,e){var t=Va();if(!Pa(n)&&!$a(n))return t.reject("rs is not array or object"),t;var r=!1;if($a(n)){r=!0;var o=[];yt(n,(function(n,e){o.push({k:e,v:n})})),n=o}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 o=i+=1,s=t;return r&&(o=t.k,s=t.v),xi(e)?e(s,o):s}))}),Promise.resolve()).then((function(n){a.push(n),a=Kd(a),t.resolve(a)})).catch((function(n){t.reject(n)})),t}function Qd(n){return Jd.apply(this,arguments)}function Jd(){return(Jd=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:t=Va();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 nu(n){return eu.apply(this,arguments)}function eu(){return(eu=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:t=Va();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 tu(n){return ru.apply(this,arguments)}function ru(){return(ru=nl(el.mark((function n(e){var t,r,o,i;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=function(){return(i=nl(el.mark((function n(e){var r,i,a;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=null,!e.isFile){n.next=5;break}return n.next=4,Qd(e);case 4:r=n.sent;case 5:if(t.push({type:e.isDirectory?"folder":e.isFile?"file":"unknow",path:e.fullPath,name:e.name,entry:e,file:r}),!e.isDirectory){n.next=13;break}return i=e.createReader(),n.next=10,nu(i);case 10:return a=n.sent,n.next=13,Xd(a,function(){var n=nl(el.mark((function n(e){return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,o(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)},o=function(n){return i.apply(this,arguments)},t=[],r=Va(),n.next=6,o(e);case 6:return r.resolve(t),n.abrupt("return",r);case 8:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function ou(n){return iu.apply(this,arguments)}function iu(){return(iu=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=[],n.next=3,Xd(e,function(){var n=nl(el.mark((function n(e){var r;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,tu(e);case 2:r=n.sent,yt(r,(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 au(n){return su.apply(this,arguments)}function su(){return(su=nl(el.mark((function n(e){var t,r,o,i;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:for(t=[],r=0;r<e.length;r++)(o=e[r].webkitGetAsEntry())&&t.push(o);return n.next=4,ou(t);case 4:return i=n.sent,n.abrupt("return",i);case 6:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function lu(n){return cu.apply(this,arguments)}function cu(){return(cu=nl(el.mark((function n(e){var t;return el.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 du(){return(du=nl(el.mark((function n(e){var t,r;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=[],r=[],n.prev=2,n.next=5,lu(ie(e,"files",[]));case 5:if(t=n.sent,xs()){n.next=10;break}return n.next=9,au(ie(e,"items",[]));case 9:r=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:r});case 16:case"end":return n.stop()}}),n,null,[[2,12]])})))).apply(this,arguments)}function uu(n){var e=!1,t=!1,r=yi();function o(n){ks(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){ks(n),t=!1,setTimeout((function(){t||(e=!1,r.emit("dropOut",{ev:n}))}),100)}function a(n){o(n)}function s(n){i(n)}function l(n){function e(){i(n)}o(n),function(n){return du.apply(this,arguments)}(n.dataTransfer).then((function(t){var o=bo(t.entries,{type:"file"});r.emit("getFiles",{ev:n,files:t.files,filesTree:o,entries:t.entries,cb:e})})).catch((function(n){r.emit("error",n)}))}return n.addEventListener("dragenter",a,!1),n.addEventListener("dragover",a,!1),n.addEventListener("dragleave",s,!1),n.addEventListener("drop",l,!1),r.off=function(){n.removeEventListener("dragenter",a,!1),n.removeEventListener("dragover",a,!1),n.removeEventListener("dragleave",s,!1),n.removeEventListener("drop",l,!1)},r}const pu={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=uu(n.$refs.dropPanel),n.ev.on("getFiles",(function(e){var t=e.files,r=e.filesTree,o=e.entries,i=e.cb;n.$emit("get-files",{files:t,filesTree:r,entries:o}),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?Jo(n.borderColorDropIn):n.bMouseIn?Jo(n.borderColorHover):Jo(n.borderColor)},useBackgroundColor:function(){var n=this;return n.bDropIn?Jo(n.backgroundColorDropIn):n.bMouseIn?Jo(n.backgroundColorHover):Jo(n.backgroundColor)}},methods:{}};var mu=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)};mu._withStripped=!0;const vu={components:{demolink:Uo,WDropfiles:Ro({render:mu,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})}),pu,"data-v-57f8ff64",false,undefined,!1,Oo,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 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-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)])])};gu._withStripped=!0;const fu=Ro({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-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})}),vu,"data-v-eb5a4804",false,undefined,!1,Oo,void 0,void 0);const hu={components:{WIcon:Es,WIconLoading:Rs},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 Jo(this.iconColor)},effIconColorHover:function(){return Jo(this.iconColorHover)},effIconColorFocus:function(){return Jo(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 Jo(this.backgroundColor)},effBackgroundColorHover:function(){return Jo(this.backgroundColorHover)},effBackgroundColorFocus:function(){return Jo(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 Jo(this.rippleColor)},effLoadingColor:function(){return Jo(this.loadingColor)},effDisabledColor:function(){return Jo(this.disabledColor)},usePadding:function(){var n=this,e=ws(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},useShadow:function(){var n=this;function e(n,e){var t=Jo(n),r=bs(t);return r.a=e,ys(r)}return n.shadow&&oo(n.shadowStyle)?function(n,t,r){var o=Ra(n=qo(n,"}","{"),"{");return o=eo(o,(function(n){if(n.indexOf(t)>=0){var o=Ra(n,"=")[1];return o=di(o)?ui(o):.2,e(r,o)}return n})),Eo(o,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{ripple:function(n){var e=this;e.editable&&(e.loadingTrans||e.$nextTick((function(){Ps(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=Va();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 bu=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 r=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)}}},r),[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)};bu._withStripped=!0;const yu=Ro({render:bu,staticRenderFns:[]},(function(n){n&&n("data-v-f4303e52_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),hu,"data-v-f4303e52",false,undefined,!1,Oo,void 0,void 0);const xu={directives:{domresize:Ai()},components:{WButtonCircle:yu},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:g,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 Jo(this.headerTextColor)},useContentTextColor:function(){return Jo(this.contentTextColor)},useContentBackgroundColor:function(){return Jo(this.contentBackgroundColor)}},methods:{resizeToolbar:function(n){var e=this,t=ie(e,"$refs.tb.$el");if(t){var r=t.style.height;if(r=fi(r.replace("px","")),t.style.maxHeight="".concat(r,"px"),e.toolbarHeight===r)return;e.toolbarHeight=r,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};Mi(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((function(){e.$emit("resize",ja(t))})))}},clickBtns:function(n){var e=this;e.$nextTick((function(){e.$emit("click-btns",ja(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=Va();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 ku=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,r){return[t("WButtonCircle",{key:r,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)};ku._withStripped=!0;const Cu=Ro({render:ku,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})}),xu,"data-v-ab53e542",false,undefined,!1,Oo,void 0,void 0);const wu={components:{demolink:Uo,WDialog:Cu},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 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-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)])])};Su._withStripped=!0;const _u=Ro({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-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})}),wu,"data-v-a1c0716e",false,undefined,!1,Oo,void 0,void 0);const Wu={components:{WButtonChip:Os},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:o},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:o,mdiCheckboxMarkedCircle:p,mdiCloseCircle:f,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useTitleColor:function(){var n={};return n.color=Jo(this.titleColor),n},useHeaderStyle:function(){var n={padding:"15px"};return n["background-color"]=Jo(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n},useContentStyle:function(){var n={padding:"20px 15px"};return n["background-color"]=Jo(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=Jo(this.contentColor),n},useFooterStyle:function(){var n={padding:"15px"};return n["background-color"]=Jo(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 Tu=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)};Tu._withStripped=!0;const Au={components:{demolink:Uo,WConfirm:Ro({render:Tu,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})}),Wu,"data-v-766876eb",false,undefined,!1,Oo,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 Iu=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)])])};Iu._withStripped=!0;const Bu=Ro({render:Iu,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})}),Au,"data-v-542bfdc2",false,undefined,!1,Oo,void 0,void 0);const Hu={components:{demolink:Uo,WPopup:td,WDialog:Cu},props:{},data:function(){return{mdiViewDashboard:A,mdiClockTimeEightOutline:v,mdiBlenderSoftware:a,mdiSpoonSugar:W,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 ju=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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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,r){return t("v-list-item",{key:r,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)])])};ju._withStripped=!0;const Pu=Ro({render:ju,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})}),Hu,"data-v-38ee55aa",false,undefined,!1,Oo,void 0,void 0);const Du={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?Jo(n.borderColorHover):Jo(n.borderColor)},useBorderColorFocus:function(){return Jo(this.borderColorFocus)}},methods:{}};var $u=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)])};$u._withStripped=!0;const zu={components:{WShellEllipse:Il,WShellBottomLine:Ro({render:$u,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})}),Du,"data-v-495f93cb",false,undefined,!1,Oo,void 0,void 0),WTextCore:sd},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,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};Eu._withStripped=!0;const Fu=Ro({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,Oo,void 0,void 0);const Lu={components:{WPopup:td,WText:Fu,WButtonChip:Os},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=qo(n,";",""),"font-size:".concat(n,";")},useTitleColor:function(){return Jo(this.titleColor)},useHeaderBackgroundColor:function(){return Jo(this.headerBackgroundColor)},useContentBackgroundColor:function(){return Jo(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return Jo(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 Ru=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)])]}}])})};Ru._withStripped=!0;const Vu=Ro({render:Ru,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})}),Lu,"data-v-8e114012",false,undefined,!1,Oo,void 0,void 0);const Mu={components:{demolink:Uo,WPopupEditText:Vu},props:{},data:function(){return{WPopupEditText:{text:"click to edit string",mat:[["r1c1","r1c2","r1c3"],["r2c1","r2c2","r2c3"]]},actions:[]}}};var Ou=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,r){return t("tr",{key:"rk-"+r},n._l(e,(function(e,o){return t("td",{key:"ck-"+o,staticStyle:{padding:"5px",border:"1px solid #ddd"}},[t("w-popup-edit-text",{attrs:{title:"Edit Cell"},model:{value:n.WPopupEditText.mat[r][o],callback:function(e){n.$set(n.WPopupEditText.mat[r],o,e)},expression:"WPopupEditText.mat[rk][ck]"}})],1)})),0)})),0)])],1)])])};Ou._withStripped=!0;const Nu=Ro({render:Ou,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,Oo,void 0,void 0);const Gu={components:{demolink:Uo,WButtonChip:Os},props:{},data:function(){return{mdiWalletGiftcard:I,mdiFace: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:h,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 Zu=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.mdiFace,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)])])};Zu._withStripped=!0;const Uu=Ro({render:Zu,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-5f44f47a_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})}),Gu,"data-v-5f44f47a",false,undefined,!1,Oo,void 0,void 0);const qu={components:{demolink:Uo,WButtonCircle:yu},props:{},data:function(){return{mdiWalletGiftcard:I,mdiFace: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 Yu=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.mdiFace,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)])])};Yu._withStripped=!0;const Ku=Ro({render:Yu,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-67005150_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})}),qu,"data-v-67005150",false,undefined,!1,Oo,void 0,void 0);const Xu={components:{WIcon:Es},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=qo(n,";",""),"font-size:".concat(n,";")},useBorderRadius:function(){return"border-radius:".concat(this.borderRadius,"px;")},useProgColor:function(){return Jo(this.progColor)},useProgBackgroundColor:function(){return Jo(this.progBackgroundColor)},useTitleTextColor:function(){return Jo(this.titleTextColor)},useIconWaitingColor:function(){return Jo(this.iconWaitingColor)},useIconFinishColor:function(){return Jo(this.iconFinishColor)},useValueTextColor:function(){return Jo(this.valueTextColor)},useValueTextFontSize:function(){var n=this.valueTextFontSize;return n=qo(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)&&Ya(e)?(n=ui(n),gi(n,e).toFixed(e)):""}(n,this.decimal)}}};var Qu=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)])])};Qu._withStripped=!0;const Ju={components:{demolink:Uo,WProgressBar:Ro({render:Qu,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})}),Xu,"data-v-42189703",false,undefined,!1,Oo,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 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-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)])])};np._withStripped=!0;const ep=Ro({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-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})}),Ju,"data-v-011d26a4",false,undefined,!1,Oo,void 0,void 0);const tp={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 rp=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 r=e.on;return[t("v-progress-circular",n._g({attrs:{rotate:-90,size:n.size,width:n.width,color:n.color,value:n.value}},r),[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)};rp._withStripped=!0;const op={components:{demolink:Uo,WProgressCircle:Ro({render:rp,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})}),tp,"data-v-f8d45658",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{WProgressCircle:{text:"Capacity",value:30},actions:[{mode:"elehover",selector:'div[role="progressbar"]'}]}}};var ip=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)])])};ip._withStripped=!0;const ap=Ro({render:ip,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})}),op,"data-v-85f74dcc",false,undefined,!1,Oo,void 0,void 0);const sp={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 lp=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)};lp._withStripped=!0;const cp={components:{demolink:Uo,WSwitch:Ro({render:lp,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})}),sp,"data-v-2402e95a",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{WSwitch:{valueBol:!0,valueYN:"y"},actions:[]}}};var dp=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)])])};dp._withStripped=!0;const up=Ro({render:dp,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})}),cp,"data-v-7e62b1d0",false,undefined,!1,Oo,void 0,void 0);const pp={components:{WIcon:Es},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 mp=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)};mp._withStripped=!0;const vp={components:{demolink:Uo,WCheckbox:Ro({render:mp,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})}),pp,"data-v-59bab659",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{mdiCheck:c,mdiClose:g,WCheckbox:{valueBol:!0,valueYN:"y"},actions:[]}}};var gp=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)])])};gp._withStripped=!0;const fp=Ro({render:gp,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})}),vp,"data-v-37d2c970",false,undefined,!1,Oo,void 0,void 0);var hp=E?E.isConcatSpreadable:void 0;var bp=function(n){return B(n)||qe(n)||!!(hp&&n&&n[hp])};var yp=function n(e,t,r,o,i){var a=-1,s=e.length;for(r||(r=bp),i||(i=[]);++a<s;){var l=e[a];t>0&&r(l)?t>1?n(l,t-1,r,o,i):cr(i,l):o||(i[i.length]=l)}return i};var xp=function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n};var kp=function(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=q(n),a=void 0!==e,s=null===e,l=e==e,c=q(e);if(!s&&!c&&!i&&n>e||i&&a&&l&&!s&&!c||r&&a&&l||!t&&l||!o)return 1;if(!r&&!i&&!c&&n<e||c&&t&&o&&!r&&!i||s&&t&&o||!a&&o||!l)return-1}return 0};var Cp=function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,a=o.length,s=t.length;++r<a;){var l=kp(o[r],i[r]);if(l)return r>=s?l:l*("desc"==t[r]?-1:1)}return n.index-e.index};var wp=function(n,e,t){e=e.length?Xn(e,(function(n){return B(n)?function(e){return oe(e,1===n.length?n[0]:n)}:n})):[ht];var r=-1;e=Xn(e,tt(Jr));var o=no(n,(function(n,t,o){return{criteria:Xn(e,(function(e){return e(n)})),index:++r,value:n}}));return xp(o,(function(n,e){return Cp(n,e,t)}))},Sp=Fl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&St(n,e[0],e[1])?e=[]:t>2&&St(e[0],e[1],e[2])&&(e=[e[0]]),wp(n,yp(e,1),[])}));function _p(){return"undefined"!=typeof window&&void 0!==window.document}function Wp(){return"undefined"!=typeof self?self:_p()?window:"undefined"!=typeof global?global:null}function Tp(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Hs(n)){var t=ie(e,"duration",500);(t=ui(t))<0&&(t=1e3);var r=ie(e,"delay",0);(r=ui(r))<0&&(r=0);var o=ie(e,"opacityIni",0);o=ui(o),o=Math.min(Math.max(o,0),1),di(n.style.opacity)&&(o=ui(n.style.opacity));var i=10,a=i/t,s="tag-".concat(_i());n.setAttribute("dom-fade-tag",s),setTimeout((function(){var e=setInterval((function(){n.getAttribute("dom-fade-tag")!==s&&clearInterval(e),n.style.opacity=o,o>=1&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),(o+=a)>1&&(o=1)}),i)}),r)}}var Ap='<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>',Ip={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:Ap},Bp={},Hp=null,jp=Wp();function Pp(){yt(["top-right","top-left","bottom-right","bottom-left"],(function(n){!function(n){var e=bo(Bp,{position:n});e=Sp(e,"timeStart");var t=16;yt(e,(function(n){Bp[n.id].ele||(Bp[n.id].ele=document.querySelector("#".concat(n.id))),Bp[n.id].loc.top=t,Bp[n.id].loc.height=Bp[n.id].ele.offsetHeight,t+=Bp[n.id].loc.height+16})),yt(e,(function(e){n.indexOf("bottom-")>=0?(Bp[e.id].ele.style.bottom="".concat(Bp[e.id].loc.top,"px"),Bp[e.id].loc.bottom=Bp[e.id].loc.top):Bp[e.id].ele.style.top="".concat(Bp[e.id].loc.top,"px"),n.indexOf("-left")>=0?(Bp[e.id].ele.style.left="".concat(16,"px"),Bp[e.id].loc.left=16):(Bp[e.id].ele.style.right="".concat(16,"px"),Bp[e.id].loc.right=16),Bp[e.id].ele.style.zIndex=2e5,Bp[e.id].ele.style.opacity=1,Bp[e.id].ele.style.transform="",Bp[e.id].ele.style.transform=null}))}(n)}))}function Dp(n){Bp[n].ele&&Bp[n].ele.parentNode.removeChild(Bp[n].ele),Bp[n]&&delete Bp[n],Pp()}function $p(n){var e=n.id,t=n.position,r=n.time,o=n.pm;Bp[e]={id:e,position:t,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:r,timeStart:Date.now(),pm:o},Pp(),null===Hp&&(Hp=setInterval((function(){yt(Bp,(function(n){Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),Dp(n.id))})),Oa(Bp)||(clearInterval(Hp),Hp=null)}),50))}jp.ttWAlertCancel=function(n){Dp(n)},jp.ttWAlertFadeIn=function(n){Tp(document.querySelector("#".concat(n)))},jp.ttWAlertFadeOut=function(n){!function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Hs(n)){var t=ie(e,"duration",500);(t=ui(t))<0&&(t=1e3);var r=ie(e,"delay",0);(r=ui(r))<0&&(r=0);var o=ie(e,"opacityIni",1);o=ui(o),o=Math.min(Math.max(o,0),1),di(n.style.opacity)&&(o=ui(n.style.opacity));var i=10,a=i/t,s="tag-".concat(_i());n.setAttribute("dom-fade-tag",s),setTimeout((function(){var e=setInterval((function(){n.getAttribute("dom-fade-tag")!==s&&clearInterval(e),n.style.opacity=o,o<=0&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),(o-=a)<0&&(o=0)}),i)}),r)}}(document.querySelector("#".concat(n)))};var zp=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(oo(n)){var t=ie(e,"type","success");qa(Ip,t)||(t="success");var r=ie(e,"icon",null);oo(r)||(r=Ip[t]);var o="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(o=e.position);var i=ie(e,"time");Cs(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 s="",l=ie(a,"top",0),c=ie(a,"bottom",0),d=ie(a,"left",0),u=ie(a,"right",0);s="padding:".concat(l,"px ").concat(u,"px ").concat(c,"px ").concat(d,"px;");var p=ie(e,"textColor","#000");p=qo(p,";","");var m=ie(e,"backgroundColor","#fff");m=qo(m,";","");var v=ie(e,"borderWidth",1),g=ie(e,"borderColor","#ebeef5");g=qo(g,";","");var f=ie(e,"borderRadius",8),h=ie(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");h=qo(h,";","");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",""),w=ie(b,"right","");Cs(x)&&(x="top:".concat(x,"px;")),Cs(k)&&(k="bottom:".concat(k,"px;")),Cs(C)&&(C="left:".concat(C,"px;")),Cs(w)&&(w="right:".concat(w,"px;")),y="position:absolute; ".concat(x," ").concat(w," ").concat(k," ").concat(C);var S="alt-".concat(_i()),_="alt-".concat(_i()),W='\n    <div \n        style="display:inline-block; color:'.concat(p,"; background:").concat(m,"; border:").concat(v,"px solid ").concat(g,"; border-radius:").concat(f,"px; box-shadow:").concat(h,';"\n        onmouseenter="ttWAlertFadeIn(\'').concat(_,"')\"\n        onmouseleave=\"ttWAlertFadeOut('").concat(_,'\')"\n    >\n        <div style="position:relative; ').concat(s,'">\n\n            <div style="display:flex; align-items:center;">\n                <div style="margin-right:10px;">\n                    <div style="display:flex;">').concat(r,"</div>\n                </div>\n                <div>").concat(n,'</div>\n            </div>\n\n            <div style="').concat(y,'">\n                <div \n                id="').concat(_,'" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel(\'').concat(S,"')\"\n                >\n                    ").concat(Ap,"\n                </div>\n            </div>\n\n        </div>\n    </div>\n    "),T=document.createElement("div");T.id=S,T.style.position="fixed",T.style.transition="transform 0.3s, top 0.5s, bottom 0.5s",T.style.zIndex=-1,T.style.opacity=.001,o.indexOf("-left")>=0?T.style.transform="translateX(-100%)":T.style.transform="translateX(100%)",T.innerHTML=W;var A=document.querySelector("body");A.appendChild(T);var I=Va();return $p({id:S,position:o,time:i,pm:I}),I}};const Ep={components:{demolink:Uo},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=zp},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 Fp=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)])])};Fp._withStripped=!0;const Lp=Ro({render:Fp,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})}),Ep,"data-v-a1decd84",false,undefined,!1,Oo,void 0,void 0);var Rp=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0};var Vp=function(n,e){var t=!0;return ft(n,(function(n,r,o){return t=!!e(n,r,o)})),t};var Mp=function(n,e,t){var r=B(n)?Rp:Vp;return t&&St(n,e,t)&&(e=void 0),r(n,Jr(e))};var Op=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:ie(n,e[t]);return o};var Np=function(n,e){return e.length<2?n:oe(n,xt(e,0,-1))};var Gp=function(n,e){return e=te(e,n),null==(n=Np(n,e))||delete n[re(Bl(e))]},Zp=Array.prototype.splice;var Up=function(n,e){for(var t=n?e.length:0,r=t-1;t--;){var o=e[t];if(t==r||o!==i){var i=o;Qe(o)?Zp.call(n,o,1):Gp(n,o)}}return n};var qp=function(n){return(null==n?0:n.length)?yp(n,1):[]};var Yp=function(n){return El(Pl(n,void 0,qp),n+"")}((function(n,e){var t=null==n?0:n.length,r=Op(n,e);return Up(n,Xn(e,(function(n){return Qe(n,t)?+n:n})).sort(kp)),r}));function Kp(n){var e=ie(n,"clientX",null),t=ie(n,"clientY",null),r=ie(n,"pageX",null),o=ie(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};var i=ie(n,"changedTouches",[]);if(1!==$o(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 Xp(n,e){if(!Hs(n))return null;if(!oo(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Qp(n){if(!Hs(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function Jp(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function nm(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Jp(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Jp(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var em={};function tm(n,e,t){var r=t.attIdentify,o=t.previewOpacity,i=t.previewBackground,a=t.previewBorderWidth,s=t.previewBorderColor;if(!qa(em,n)){var l=yi(),c=function(n){var e=[];function t(){var t;t="mousemove";var r=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="mouseup";var o=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),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 r(){yt(e,(function(n){var e=n.ele,t=n.name,r=n.f;e.removeEventListener(t,r)}))}return{bind:t,unbind:r}}({dragMove:function(e){l.emit(n+"-dragMove",e)},dragDrop:function(e){l.emit(n+"-dragDrop",e)}});c.bind();var d=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,r=null,o=null,i=null,a=null,s=!1,l=ie(n,"attIdentify",null);oo(l)||(l="dragprevid");var c=ie(n,"containerOpacity",null);Cs(c)||(c=.4);var d=ie(n,"containerBackground",null);oo(d)||(d="white");var u=ie(n,"containerBorderWidth",null);Cs(u)||(u=1);var p=ie(n,"containerBorderColor",null);oo(p)||(p="#f26");var m="c".concat(_i(8));function v(n,e,r){var o=Qp(n);if(!o)return null;t=n;var i=n.cloneNode(!0);return i.tShiftX=e-o.left,i.tShiftY=r-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(l,""),i}function g(n,s,g){!function(){var t=v(n,s,g);if(null!==t){var l=document.createElement("div");l.style.position="absolute",l.style.zIndex=1,l.style.top=0,l.style.left=0,l.style.width="100%",l.style.height="100%",l.appendChild(t);var h=document.createElement("div");h.style.position="relative",h.appendChild(l);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(h),t.tParent.appendChild(b),r=t,o=l,i=h,a=b,f(s,g)}}();var h=setInterval((function(){var n=Xp(t,l);document.querySelector("[".concat(l,"='").concat(n,"']"))||(clearInterval(h),b())}),500)}function f(n,e,t){r&&o&&i&&a&&!s&&(a.style.top="".concat(e-r.tShiftY,"px"),a.style.left="".concat(n-r.tShiftX,"px"))}function h(n){s=n}function b(){js("[".concat(e,"='").concat(m,"']")),r=null,o=null,i=null,a=null}var y=function(n){f(n.clientX,n.clientY)};window.addEventListener("mousemove",y);var x=function(n){var e=Kp(n);e&&f(e.clientX,e.clientY)};function k(n){try{yt(n,(function(n,e){r.style[e]=n}))}catch(n){}}function C(n){try{yt(n,(function(n,e){o.style[e]=n}))}catch(n){}}function w(n){try{yt(n,(function(n,e){i.style[e]=n}))}catch(n){}}function S(n){try{yt(n,(function(n,e){a.style[e]=n}))}catch(n){}}function _(){window.removeEventListener("mousemove",y),window.removeEventListener("touchmove",x)}return window.addEventListener("touchmove",x),{createPreview:g,updateDragPreview:f,pauseDragPreview:h,removeDragPreview:b,setNodeStyle:k,setCoverStyle:C,setSellStyle:w,setContainerStyle:S,clear:_}}({attIdentify:r,containerOpacity:o,containerBackground:i,containerBorderWidth:a,containerBorderColor:s});em[n]={eleIds:[],evg:l,oevg:c,pv:d,isInit:!1,isActive:!0}}return em[n].eleIds.push(e),em[n].evg}function rm(n,e,t){var r=null;return yt(n.path,(function(n){if(Xp(n,e)===t)return r=n,!1})),r}function om(n,e){var t=Xp(n,e);return t=fi(t)}function im(n,e,t,r){var o=[];return{bind:function(){var t;t="mousedown";var r=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,r,!1),o.push({ele:n,name:t,f:r}),t="touchstart";var i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),o.push({ele:n,name:t,f:i}),t="touchmove";var a=function(n){n.cancelable&&n.preventDefault()};n.addEventListener(t,a,!1),o.push({ele:n,name:t,f:a})},unbind:function(){yt(o,(function(n){var e=n.ele,t=n.name,r=n.f;e.removeEventListener(t,r)}))}}}function am(n,e){var t=em[n],r=ja(t.eleIds);Ml(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete em[n])}function sm(n){var e=n.gid,t=n.attGroup,r=n.attIndex,o=n.attIdentify,i=n.timeDragStartDelay,a=n.previewOpacity,s=n.previewDisabledOpacity,l=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=om(a,r);if(null===d)return;var u={event:t,startInd:l=d,startEle:c=a,tarInd:l,tarEid:Xp(c,o)};p.emit(e+"-change",nm({mode:"start"},u)),p.emit(e+"-start",u);var v=Kp(t);if(!v)return;setTimeout((function(){null!==l&&(m.createPreview(c,v.clientX,v.clientY),m.setContainerStyle({opacity:s}))}),i)})),p.on(e+"-dragMove",(function(n){var i=n.e;if(n.name,n.from,!em[e].isActive)return;var v=rm(i,t,e);if(null===l)return;var g=Kp(i);if(!g)return;function f(){var n={event:i,startInd:l,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:Xp(u,o)};p.emit(e+"-change",nm({mode:"leave"},n)),p.emit(e+"-leave",n),d=null,u=null,m.setContainerStyle({opacity:s})}if(!v)return void(null!==d&&f());var h=om(v,r);if(null===h)return;if(h===l)return void(null!==d&&f());if(h!==d)null!==d&&f(),k={event:i,startInd:l,startEle:c,endInd:d=h,endEle:u=v,tarInd:d,tarEid:Xp(u,o)},p.emit(e+"-change",nm({mode:"enter"},k)),p.emit(e+"-enter",k),m.setContainerStyle({opacity:a});else{var b=function(n,e){if(!Oa(n))return null;if(!Cs(n.clientX)||!Cs(n.clientY))return null;if(!Hs(e))return null;var t=Qp(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(g,v),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,r){var s=nm(nm({event:i,startInd:l,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:Xp(u,o)},n),{},{rx:t,ry:r});p.emit(e+"-change",nm({mode:"move"},s)),p.emit(e+"-move",s),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===l)return;var a=rm(i,t,e);if(!a)return l=null,c=null,d=null,void(u=null);var s=om(a,r);if(null===s)return;v=s,g=a,f={event:i,startInd:l,startEle:c,endInd:d=v,endEle:u=g,tarInd:d,tarEid:Xp(u,o)},p.emit(e+"-change",nm({mode:"drop"},f)),p.emit(e+"-drop",f),l=null,c=null,d=null,u=null;var v,g,f}));var m=em[e].pv}function lm(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function cm(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?lm(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):lm(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 r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}function t(t,r,o){var i=t.getAttribute("ev-dragdrop"),a=ie(r,"value");if(a=Oa(a)){var s=ie(r,"value.group");if(!oo(s))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");var l=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Hs(n)){var t=ie(e,"attIdentify",null);oo(t)||(t="dragid");var r=ie(e,"attIndex",null);oo(r)||(r="dragindex");var o=ie(e,"attGroup",null);oo(o)||(o="draggroup");var i=ie(e,"group",null);oo(i)||(i="group");var a=ie(e,"previewOpacity",null);Cs(a)||(a=.4);var s=ie(e,"previewDisabledOpacity",null);Cs(s)||(s=.2);var l=ie(e,"previewBackground",null);oo(l)||(l="white");var c=ie(e,"previewBorderWidth",null);Cs(c)||(c=1);var d=ie(e,"previewBorderColor",null);oo(d)||(d="#f26");var u=ie(e,"timeDragStartDelay",null);Cs(u)||(u=120);var p="c".concat(_i(8)),m=i;n.setAttribute(o,m),n.setAttribute(t,p);var v=tm(m,p,{attIdentify:t,previewOpacity:a,previewBackground:l,previewBorderWidth:c,previewBorderColor:d}),g=im(n,{dragStart:function(n){v.emit(m+"-dragStart",n)}});g.bind(),sm({gid:m,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:u,previewOpacity:a,previewDisabledOpacity:s});var f=yi();return v.on(i+"-change",(function(n){n.tarEid===p&&f.emit("change",n)})),v.on(i+"-start",(function(n){n.tarEid===p&&f.emit("start",n)})),v.on(i+"-move",(function(n){n.tarEid===p&&f.emit("move",n)})),v.on(i+"-enter",(function(n){n.tarEid===p&&f.emit("enter",n)})),v.on(i+"-leave",(function(n){n.tarEid===p&&f.emit("leave",n)})),v.on(i+"-drop",(function(n){n.tarEid===p&&f.emit("drop",n)})),f.setIsActive=b,f.unbind=h,f}function h(){g.unbind(),am(m,p)}function b(n){em[m].isActive=n}console.log("ele is not HTMLElement",n)}(t,{group:s,attIdentify:ie(r,"value.attIdentify"),attGroup:ie(r,"value.attGroup"),attIndex:ie(r,"value.attIndex"),previewOpacity:ie(r,"value.previewOpacity"),previewDisabledOpacity:ie(r,"value.previewDisabledOpacity"),previewBackground:ie(r,"value.previewBackground"),previewBorderWidth:ie(r,"value.previewBorderWidth"),previewBorderColor:ie(r,"value.previewBorderColor"),timeDragStartDelay:ie(r,"value.timeDragStartDelay")});l.on("start",(function(n){e(o,"domdragdrop",cm({evName:"start"},n))})),l.on("move",(function(n){e(o,"domdragdrop",cm({evName:"move"},n))})),l.on("enter",(function(n){e(o,"domdragdrop",cm({evName:"enter"},n))})),l.on("leave",(function(n){e(o,"domdragdrop",cm({evName:"leave"},n))})),l.on("drop",(function(n){e(o,"domdragdrop",cm({evName:"drop"},n))})),n[i]=l}}function r(e){var t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),delete n[t])}return{bind:function(n,e,r){var o="r".concat(_i());n.setAttribute("ev-dragdrop",o),t(n,e,r)},update:function(n,e,o){r(n),t(n,e,o)},unbind:function(n){r(n),n.setAttribute("ev-dragdrop",null)}}}function um(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}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:Os,WTextSuggest:Vd},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:""},searchEmpty:{type:String,default:"Empty"},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:md,mdiPlusCircle:_,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userinput:""}},computed:{changeValue:function(){var n=this;return n.itemsTrans=ja(n.value),n.itemActiveTrans=ja(n.valueActive),""},isObjValue:function(){return 0!==$o(this.itemsTrans)&&Mp(this.itemsTrans,(function(n){return $a(n)}))},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){var n=ws(this.marginStyle);return"margin:".concat(n,";")}},methods:{getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(_i())),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&&Mi(this.itemActiveTrans,n)},dragdrop:function(n){var e=this;if("drop"===n.evName){var t=n.startInd,r=n.endInd;if(t===r)return;var o=ja(e.itemsTrans);if(t>r){var i=Yp(o,t)[0];o.splice(r,0,i)}else{var a=ja(o[t]);o.splice(r+1,0,a),Yp(o,t)}e.$nextTick((function(){e.$emit("input",o)}))}},clickChip:function(n,e,t){var r=this;r.$nextTick((function(){r.useActive&&r.$emit("update:valueActive",e);var o=pm(pm({},n),{},{item:e,kitem:t});r.$emit("click",o)}))},clickAddBtn:function(){var n=this;if(""!==fo(n.userinput)){var e=bo(n.itemsTrans,(function(e){return Mi(e,n.userinput)}));$o(e)>=1?n.$nextTick((function(){n.$emit("error","disable duplicate values"),n.userinput=""})):n.$nextTick((function(){n.itemsTrans.push(fo(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,r){r!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){var t=this;t.enableCloseEventOnly?t.$nextTick((function(){var r={item:n,kitem:e};t.$emit("click-close",r)})):t.$nextTick((function(){if(t.closeWithInterceptor){var r=Va(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then((function(){t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);var r=t.pull(t.itemsTrans,e);t.$emit("input",r)})).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 vm=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,r){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:r,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,r)},"click-close":function(t){return n.clickRemoveBtn(e,r)}}},[n._t("items",null,{item:e,kitem:r,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,searchEmpty:n.searchEmpty},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},model:{value:n.userinput,callback:function(e){n.userinput=e},expression:"userinput"}})]])],2):n._e()],2)};vm._withStripped=!0;const gm={components:{demolink:Uo,WGroupTags:Ro({render:vm,staticRenderFns:[]},(function(n){n&&n("data-v-2030b5d7_0",{source:"\n.WGroupTags-Trans[data-v-2030b5d7] { /* 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                        :searchEmpty=\"searchEmpty\"\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} [searchEmpty='Empty'] 輸入無過濾結果字串，預設'Empty'\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        searchEmpty: {\r\n            type: String,\r\n            default: 'Empty',\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-2030b5d7",false,undefined,!1,Oo,void 0,void 0),WButtonChip:Os},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:h,mdiPlusCircle:_,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=[],r=0;r<4;r++)t[r]=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 fm=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 & searchEmpty"}}),n._v(" "),t("w-group-tags",{attrs:{suggests:n.WGroupTags.suggests,placeholder:"請輸入關鍵字",searchEmpty:"無符合項目"},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)])])};fm._withStripped=!0;const hm=Ro({render:fm,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-5eb9c21f_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})}),gm,"data-v-5eb9c21f",false,undefined,!1,Oo,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!==$o(this.itemsTrans)&&Mp(this.itemsTrans,(function(n){return $a(n)}))}},methods:{getForKey:function(n){var e=this;return xi(e.keyBinder)?e.keyBinder(n):e.isObjValue?md(n):n},getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(_i())),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,r=n.endInd;if(t===r)return;var o=ja(e.itemsTrans);if(t>r){var i=Yp(o,t)[0];o.splice(r,0,i)}else{var a=ja(o[t]);o.splice(r+1,0,a),Yp(o,t)}e.$nextTick((function(){e.$emit("input",o)}))}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,r){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:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:r})],2)]}))],2)],1)};ym._withStripped=!0;const xm={components:{demolink:Uo,WGroupDragdrop:Ro({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,Oo,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=Ro({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,Oo,void 0,void 0);const wm={directives:{domripple:Ds()},components:{WIcon:Es},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=qo(n,";",""),"font-size:".concat(n,";")},hasIcon:function(){return""!==this.icon},usePadding:function(){var n=this,e=ws(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}});return"padding:".concat(e,";")},effBackgroundColor:function(){return Jo(this.backgroundColor)},effBackgroundColorHover:function(){return Jo(this.backgroundColorHover)},effBackgroundActive:function(){return Jo(this.backgroundColorActive)},useBackgroundColor:function(){var n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return Jo(this.textColor)},effTextColorHover:function(){return Jo(this.textColorHover)},effTextActive:function(){return Jo(this.textColorActive)},useTextColor:function(){var n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return Jo(this.iconColor)},effIconColorHover:function(){return Jo(this.iconColorHover)},effIconActive:function(){return Jo(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 Sm=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)])};Sm._withStripped=!0;const _m=Ro({render:Sm,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})}),wm,"data-v-86c7323e",false,undefined,!1,Oo,void 0,void 0);const Wm={directives:{domresize:Ai()},components:{WPanelScrolly:dl,WListVerticalItem:_m},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!==$o(this.items)&&Mp(this.items,(function(n){return $a(n)}))}},methods:{resize:function(n){var e=this;e.panelHeight=n.snew.offsetHeight;var t=0,r=ie(e,"$refs.refHeader");Hs(r)&&(t=r.offsetHeight);var o=0,i=ie(e,"$refs.refFooter");Hs(i)&&(o=i.offsetHeight),e.listHeight=e.panelHeight-t-o},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=Mi(n,this.itemActiveTrans)),e},ckItem:function(n){var e=this;e.itemActiveTrans=n,e.$nextTick((function(){e.$emit("click",ja(n)),e.$emit("update:itemActive",ja(n))}))}}};var Tm=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,r){return t("div",{key:r,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)])};Tm._withStripped=!0;const Am=Ro({render:Tm,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})}),Wm,"data-v-4f87de20",false,undefined,!1,Oo,void 0,void 0);const Im={components:{demolink:Uo,WButtonCircle:yu,WIcon:Es,WListVertical:Am},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:T,type:"Default"},{text:"Audience",icon:s,type:"Default"},{text:"Conversions",icon:l,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:T},{text:"Audience-1",icon:s},{text:"Conversions-1",icon:l},{text:"Management-1",icon:x},{text:"Settings-1",icon:k},{text:"Actions-1",icon:y},{text:"Real-Time-2",icon:T},{text:"Audience-2",icon:s},{text:"Conversions-2",icon:l},{text:"Management-2",icon:x},{text:"Settings-2",icon:k},{text:"Actions-2",icon:y}],itemsObjForKey:[{name:"Real-Time",path:T},{name:"Audience",path:s},{name:"Conversions",path:l},{name:"Management",path:x},{name:"Settings",path:k},{name:"Actions",path:y}],itemActive:{text:"Audience",icon:s}},actions:[]}}};var Bm=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)])])};Bm._withStripped=!0;const Hm=Ro({render:Bm,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})}),Im,"data-v-ee47cb2e",false,undefined,!1,Oo,void 0,void 0);const jm={components:{demolink:Uo,WGroupCheck:Zs},props:{},data:function(){return{mdiAccountSupervisorCircle:r,WGroupCheck:{string:{items:["Dashboard","Schedule","Profile","History","Apple","橘子"],selects:["Dashboard","Apple"]},object:{items:[{text:"Dashboard",icon:A},{text:"Schedule",icon:v},{text:"Profile",icon:a},{text:"History",icon:W},{text:"蘋果",icon:i}],selects:[{text:"Dashboard",icon:A},{text:"Profile",icon:a}]},objectOne:{items:[{text:"Dashboard",icon:A}],selects:[{text:"Dashboard",icon:A}]},objectTP:{items:[{text:"Dashboard",icon:A,tooltip:"tooltip for Dashboard"},{text:"Schedule",icon:v,tooltip:"tooltip for Schedule"},{text:"Profile",icon:a,tooltip:"tooltip for Profile"},{text:"History",icon:W,tooltip:"tooltip for History"},{text:"蘋果",icon:i,tooltip:"tooltip for 蘋果"}],selects:[{text:"Dashboard",icon:r,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 Pm=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)])])};Pm._withStripped=!0;const Dm=Ro({render:Pm,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})}),jm,"data-v-05690873",false,undefined,!1,Oo,void 0,void 0);const $m={components:{demolink:Uo,WGroupRadio:Ys},props:{},data:function(){return{mdiAccountSupervisorCircle:r,WGroupRadio:{string:{items:["Dashboard","Schedule","Profile","History","Apple","橘子"],select:"Apple"},object:{items:[{text:"Dashboard",icon:A},{text:"Schedule",icon:v},{text:"Profile",icon:a},{text:"History",icon:W},{text:"蘋果",icon:i}],select:{text:"Dashboard",icon:A}},objectOne:{items:[{text:"Dashboard",icon:A}],select:{text:"Dashboard",icon:A}},objectTP:{items:[{text:"Dashboard",icon:A,tooltip:"tooltip for Dashboard"},{text:"Schedule",icon:v,tooltip:"tooltip for Schedule"},{text:"Profile",icon:a,tooltip:"tooltip for Profile"},{text:"History",icon:W,tooltip:"tooltip for History"},{text:"蘋果",icon:i,tooltip:"tooltip for 蘋果"}],select:{text:"Dashboard",icon:r,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 zm=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)])])};zm._withStripped=!0;const Em=Ro({render:zm,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})}),$m,"data-v-85109044",false,undefined,!1,Oo,void 0,void 0);const Fm={components:{demolink:Uo,WText:Fu},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:w,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 Rm=Ro({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})}),Fm,"data-v-334c5054",false,undefined,!1,Oo,void 0,void 0);const Vm={components:{WShellEllipse:Il,WTextCore:sd},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:_,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,r=this;if(!1!==r.editable){if(""!==e&&r.$refs.inp.setFocus(),(t=od(n,"isp0int")).err)return n=0,void r.$nextTick((function(){0===r.valueTrans?r.$refs.inp.setValue(n):(r.valueTrans=n,r.$emit("input",n)),r.$emit("error",t.errmsg)}));n=fi(n),"minus"===e?n-=1:"add"===e&&(n+=1),r.valueMax&&n>r.valueMax&&(n=r.valueMax);n<0&&(n=0),r.valueTrans!==n&&r.$nextTick((function(){r.valueTrans=n,r.$emit("input",n)}))}}}};var Mm=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)};Mm._withStripped=!0;const Om={components:{WShellEllipse:Il,WTextIntCore:Ro({render:Mm,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})}),Vm,"data-v-200c5eb4",false,undefined,!1,Oo,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 Nm=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)};Nm._withStripped=!0;const Gm={components:{demolink:Uo,WTextInt:Ro({render:Nm,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})}),Om,"data-v-1b20d0f0",false,undefined,!1,Oo,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 Zm=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)])])};Zm._withStripped=!0;const Um=Ro({render:Zm,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})}),Gm,"data-v-3abcd0d7",false,undefined,!1,Oo,void 0,void 0);const qm={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 Ym=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)};Ym._withStripped=!0;const Km={components:{demolink:Uo,WTextarea:Ro({render:Ym,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})}),qm,"data-v-217f1844",false,undefined,!1,Oo,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 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",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)])])};Xm._withStripped=!0;const Qm=Ro({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-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})}),Km,"data-v-ed21f746",false,undefined,!1,Oo,void 0,void 0);const Jm={directives:{domresize:Ai()},components:{WShellEllipse:Il,WTextSuggestCore:Fd},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=ws(e.paddingStyle,{returnObj:!0}).bottom-2,r=ie(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){return $a(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 nv=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)};nv._withStripped=!0;const ev={components:{demolink:Uo,WTextSelect:Ro({render:nv,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})}),Jm,"data-v-2669ec71",false,undefined,!1,Oo,void 0,void 0),WPopup:td},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 tv=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)])])};tv._withStripped=!0;const rv=Ro({render:tv,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})}),ev,"data-v-9155a050",false,undefined,!1,Oo,void 0,void 0);const ov={components:{demolink:Uo,WTextSuggest:Vd,WPopup:td},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 iv=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:"searchEmpty"}}),n._v(" "),t("w-text-suggest",{attrs:{items:n.WTextSuggest.objItems,searchEmpty:"無有效項目"},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",searchEmpty:"無有效項目"},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,searchEmpty:"無有效項目"},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 & searchEmpty"}}),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,searchEmpty:"無有效項目"},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",searchEmpty:"無有效項目"},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,searchEmpty:"無有效項目"},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)])])};iv._withStripped=!0;const av=Ro({render:iv,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-0408aa2f_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})}),ov,"data-v-0408aa2f",false,undefined,!1,Oo,void 0,void 0);var sv=P((function(n,e){n.exports=function(){var n=1e3,e=6e4,t=36e5,r="millisecond",o="second",i="minute",a="hour",s="day",l="week",c="month",d="quarter",u="year",p="date",m="Invalid Date",v=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,g=/\[([^\]]+)]|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,f={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("_")},h=function(n,e,t){var r=String(n);return!r||r.length>=e?n:""+Array(e+1-r.length).join(t)+n},b={s:h,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),r=Math.floor(t/60),o=t%60;return(e<=0?"+":"-")+h(r,2,"0")+":"+h(o,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var r=12*(t.year()-e.year())+(t.month()-e.month()),o=e.clone().add(r,c),i=t-o<0,a=e.clone().add(r+(i?-1:1),c);return+(-(r+(t-o)/(i?o-a:a-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:c,y:u,w:l,d:s,D:p,h:a,m:i,s:o,ms:r,Q:d}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},y="en",x={};x[y]=f;var k=function(n){return n instanceof _},C=function(n,e,t){var r;if(!n)return y;if("string"==typeof n)x[n]&&(r=n),e&&(x[n]=e,r=n);else{var o=n.name;x[o]=n,r=o}return!t&&r&&(y=r),r||!t&&y},w=function(n,e){if(k(n))return n.clone();var t="object"==H(e)?e:{};return t.date=n,t.args=arguments,new _(t)},S=b;S.l=C,S.i=k,S.w=function(n,e){return w(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function f(n){this.$L=C(n.locale,null,!0),this.parse(n)}var h=f.prototype;return h.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(S.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(v);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return t?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(e)}(n),this.$x=n.x||{},this.init()},h.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()},h.$utils=function(){return S},h.isValid=function(){return!(this.$d.toString()===m)},h.isSame=function(n,e){var t=w(n);return this.startOf(e)<=t&&t<=this.endOf(e)},h.isAfter=function(n,e){return w(n)<this.startOf(e)},h.isBefore=function(n,e){return this.endOf(e)<w(n)},h.$g=function(n,e,t){return S.u(n)?this[e]:this.set(t,n)},h.unix=function(){return Math.floor(this.valueOf()/1e3)},h.valueOf=function(){return this.$d.getTime()},h.startOf=function(n,e){var t=this,r=!!S.u(e)||e,d=S.p(n),m=function(n,e){var o=S.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return r?o:o.endOf(s)},v=function(n,e){return S.w(t.toDate()[n].apply(t.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},g=this.$W,f=this.$M,h=this.$D,b="set"+(this.$u?"UTC":"");switch(d){case u:return r?m(1,0):m(31,11);case c:return r?m(1,f):m(0,f+1);case l:var y=this.$locale().weekStart||0,x=(g<y?g+7:g)-y;return m(r?h-x:h+(6-x),f);case s:case p:return v(b+"Hours",0);case a:return v(b+"Minutes",1);case i:return v(b+"Seconds",2);case o:return v(b+"Milliseconds",3);default:return this.clone()}},h.endOf=function(n){return this.startOf(n,!1)},h.$set=function(n,e){var t,l=S.p(n),d="set"+(this.$u?"UTC":""),m=(t={},t[s]=d+"Date",t[p]=d+"Date",t[c]=d+"Month",t[u]=d+"FullYear",t[a]=d+"Hours",t[i]=d+"Minutes",t[o]=d+"Seconds",t[r]=d+"Milliseconds",t)[l],v=l===s?this.$D+(e-this.$W):e;if(l===c||l===u){var g=this.clone().set(p,1);g.$d[m](v),g.init(),this.$d=g.set(p,Math.min(this.$D,g.daysInMonth())).$d}else m&&this.$d[m](v);return this.init(),this},h.set=function(n,e){return this.clone().$set(n,e)},h.get=function(n){return this[S.p(n)]()},h.add=function(r,d){var p,m=this;r=Number(r);var v=S.p(d),g=function(n){var e=w(m);return S.w(e.date(e.date()+Math.round(n*r)),m)};if(v===c)return this.set(c,this.$M+r);if(v===u)return this.set(u,this.$y+r);if(v===s)return g(1);if(v===l)return g(7);var f=(p={},p[i]=e,p[a]=t,p[o]=n,p)[v]||1,h=this.$d.getTime()+r*f;return S.w(h,this)},h.subtract=function(n,e){return this.add(-1*n,e)},h.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||m;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=S.z(this),i=this.$H,a=this.$m,s=this.$M,l=t.weekdays,c=t.months,d=function(n,t,o,i){return n&&(n[t]||n(e,r))||o[t].substr(0,i)},u=function(n){return S.s(i%12||12,n,"0")},p=t.meridiem||function(n,e,t){var r=n<12?"AM":"PM";return t?r.toLowerCase():r},v={YY:String(this.$y).slice(-2),YYYY:this.$y,M:s+1,MM:S.s(s+1,2,"0"),MMM:d(t.monthsShort,s,c,3),MMMM:d(c,s),D:this.$D,DD:S.s(this.$D,2,"0"),d:String(this.$W),dd:d(t.weekdaysMin,this.$W,l,2),ddd:d(t.weekdaysShort,this.$W,l,3),dddd:l[this.$W],H:String(i),HH:S.s(i,2,"0"),h:u(1),hh:u(2),a:p(i,a,!0),A:p(i,a,!1),m:String(a),mm:S.s(a,2,"0"),s:String(this.$s),ss:S.s(this.$s,2,"0"),SSS:S.s(this.$ms,3,"0"),Z:o};return r.replace(g,(function(n,e){return e||v[n]||o.replace(":","")}))},h.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},h.diff=function(r,p,m){var v,g=S.p(p),f=w(r),h=(f.utcOffset()-this.utcOffset())*e,b=this-f,y=S.m(this,f);return y=(v={},v[u]=y/12,v[c]=y,v[d]=y/3,v[l]=(b-h)/6048e5,v[s]=(b-h)/864e5,v[a]=b/t,v[i]=b/e,v[o]=b/n,v)[g]||b,m?y:S.a(y)},h.daysInMonth=function(){return this.endOf(c).$D},h.$locale=function(){return x[this.$L]},h.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),r=C(n,e,!0);return r&&(t.$L=r),t},h.clone=function(){return S.w(this.$d,this)},h.toDate=function(){return new Date(this.valueOf())},h.toJSON=function(){return this.isValid()?this.toISOString():null},h.toISOString=function(){return this.$d.toISOString()},h.toString=function(){return this.$d.toUTCString()},f}(),W=_.prototype;return w.prototype=W,[["$ms",r],["$s",o],["$m",i],["$H",a],["$W",s],["$M",c],["$y",u],["$D",p]].forEach((function(n){W[n[1]]=function(e){return this.$g(e,n[0],n[1])}})),w.extend=function(n,e){return n.$i||(n(e,_,w),n.$i=!0),w},w.locale=C,w.isDayjs=k,w.unix=function(n){return w(1e3*n)},w.en=x[y],w.Ls=x,w.p={},w}()}));function lv(n){if(!oo(n))return!1;var e="YYYY-MM-DD";return n===sv(n,e).format(e)}const cv={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 lv(e)?n.value_day=e:n.value_day="",""},getShowTime:function(){return this.value_day},useTextFontSize:function(){var n=this.textFontSize;return n=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(this.textColor)}},methods:{getDay:function(n){var e=Mt(n,"-");return e=fi(e=ie(e,"[2]"))},ch_day:function(n){var e=this,t=n,r="";lv(t)&&(r=t),e.show=!1,e.$nextTick((function(){e.$emit("input",r)}))}}};var dv=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 r=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"}},r),[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)};dv._withStripped=!0;const uv=Ro({render:dv,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})}),cv,"data-v-6cd04eee",false,undefined,!1,Oo,void 0,void 0);const pv={components:{WShellEllipse:Il,WTimedayCore:uv},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 mv=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)};mv._withStripped=!0;const vv={components:{demolink:Uo,WTimeday:Ro({render:mv,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})}),pv,"data-v-65223262",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 gv=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)])])};gv._withStripped=!0;const fv=Ro({render:gv,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})}),vv,"data-v-36da01c3",false,undefined,!1,Oo,void 0,void 0);var hv=Math.ceil,bv=Math.max;var yv=function(n,e,t,r){for(var o=-1,i=bv(hv((e-n)/(t||1)),0),a=Array(i);i--;)a[r?i:++o]=n,n+=t;return a};var xv=function(n){return function(e,t,r){return r&&"number"!=typeof r&&St(e,t,r)&&(t=r=void 0),e=si(e),void 0===t?(t=e,e=0):t=si(t),r=void 0===r?e<t?1:-1:si(r),yv(e,t,r,n)}}();var kv=function(n){return(null==n?0:n.length)?yp(n,Infinity):[]};const Cv={components:{WTimedayCore:uv,WTextSuggestCore:Fd},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:S},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=Mt(e,"T");return n.value_day=ie(t,0),n.value_time=Na(ie(t,1),5),""},getUseMinutes:function(){var n=this;if(Pa(n.minutesCustom))return n.minutesCustom;var e=hi(n.hourMin)&&hi(n.hourMax)&&n.hourMin<=n.hourMax,t=hi(n.minuteInter);if(e&&t){var r=eo(xv(n.hourMin,n.hourMax+1),(function(e){var t=String(e);return e<10&&(t="0"+t),eo(xv(0,60,n.minuteInter),(function(n){var e=String(n);return n<10&&(e="0"+e),t+":"+e}))}));r=kv(r);var o=String(n.hourMax);return n.hourMax<10&&(o="0"+o),o+=":00",r=bo(r,(function(n){return n<=o}))}}},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(!oo(n))return!1;var e="YYYY-MM-DDTHH:mm:ss";return n===sv(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 wv=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)])};wv._withStripped=!0;const Sv=Ro({render:wv,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})}),Cv,"data-v-7c72e211",false,undefined,!1,Oo,void 0,void 0);const _v={components:{WShellEllipse:Il,WTimeminuteCore:Sv},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:S},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 Wv=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)};Wv._withStripped=!0;const Tv={components:{demolink:Uo,WTimeminute:Ro({render:Wv,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})}),_v,"data-v-f9b706a4",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 Av=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)])])};Av._withStripped=!0;const Iv=Ro({render:Av,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})}),Tv,"data-v-9a034b56",false,undefined,!1,Oo,void 0,void 0);const Bv={components:{WTimedayCore:uv},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=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(this.textColor)}},methods:{changeFocused:function(){var n=this,e=n.focused_start||n.focused_end;n.$nextTick((function(){n.$emit("update:focused",e)}))}}};var Hv=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)])};Hv._withStripped=!0;const jv={components:{WShellEllipse:Il,WTimedayRangeCore:Ro({render:Hv,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})}),Bv,"data-v-23fd2927",false,undefined,!1,Oo,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 Pv=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)};Pv._withStripped=!0;const Dv={components:{demolink:Uo,WTimedayRange:Ro({render:Pv,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})}),jv,"data-v-c646b688",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 $v=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)])])};$v._withStripped=!0;const zv=Ro({render:$v,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})}),Dv,"data-v-6df0a7d1",false,undefined,!1,Oo,void 0,void 0);const Ev={components:{WTimeminuteCore:Sv},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:S},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=qo(n,";",""),"font-size:".concat(n,";")},useTextColor:function(){return Jo(this.textColor)}},methods:{changeFocused:function(){var n=this,e=n.focused_start||n.focused_end;n.$nextTick((function(){n.$emit("update:focused",e)}))}}};var Fv=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)])};Fv._withStripped=!0;const Lv={components:{WShellEllipse:Il,WTimeminuteRangeCore:Ro({render:Fv,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})}),Ev,"data-v-e6cc2864",false,undefined,!1,Oo,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:S},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 Rv=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)};Rv._withStripped=!0;const Vv={components:{demolink:Uo,WTimeminuteRange:Ro({render:Rv,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})}),Lv,"data-v-6b9a8002",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{mdiCheckUnderlineCircle:u,mdiPaw:w,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 Mv=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)])])};Mv._withStripped=!0;const Ov=Ro({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-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})}),Vv,"data-v-0ba2bd06",false,undefined,!1,Oo,void 0,void 0);const Nv={components:{demolink:Uo,WDynamicList:$d},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=[],r=0;r<20;r++)for(var o=0;o<e.length;o++)t.push(e[o]);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=[],r=0;r<20;r++)for(var o=0;o<e.length;o++)t.push(e[o]);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=[],r=0;r<2e5;r++)for(var o=0;o<e.length;o++)t.push(e[o]);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 Gv=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:"separatorColor"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data1,separatorColor:"rgba(0,0,0,0.1)"},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:"separatorColor & separatorHeight"}}),n._v(" "),t("w-dynamic-list",{staticStyle:{border:"1px solid #ddd"},attrs:{rows:n.WDynamicList.data1,separatorColor:"rgba(255, 150, 200, 0.1)",separatorHeight:8},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"flex-start",padding:"5px 15px",background:"#222"}},[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 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 & searchEmpty"}}),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,searchEmpty:"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:{padding:"15px"}},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top",padding:"5px 20px 0px 0px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{staticStyle:{"margin-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"0.6rem"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"1.1rem","margin-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",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:{padding:"15px"}},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top",padding:"5px 20px 0px 0px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{staticStyle:{"margin-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"0.6rem"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"1.1rem","margin-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",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:{padding:"15px"}},[t("div",{staticStyle:{display:"table-cell","vertical-align":"top",padding:"5px 20px 0px 0px"}},[t("img",{staticStyle:{"border-radius":"50%",width:"48px",height:"48px"},attrs:{src:e.row.avatar,alt:"avatar"}})]),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"top"}},[t("div",{staticStyle:{"margin-bottom":"5px"}},[t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",padding:"1px 9px",color:"#fff","background-color":"#f26","border-radius":"10px","font-size":"0.6rem"}},[n._v(n._s(e.index+1))]),n._v(" "),t("div",{staticStyle:{display:"inline-block","vertical-align":"middle","font-size":"1.1rem","margin-left":"7px"}},[n._v(n._s(e.row.name))])]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"#999"}},[n._v(n._s(e.row.msg))])])])]}}])})],1)])])};Gv._withStripped=!0;const Zv=Ro({render:Gv,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-183d643c_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDynamicList.vue"},media:void 0})}),Nv,"data-v-183d643c",false,undefined,!1,Oo,void 0,void 0);const Uv={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 Jo(this.iconColor)},useIconBackgroundColor:function(){return Jo(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return Jo(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};var qv=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"}})])])])])])])])])};qv._withStripped=!0;const Yv=Ro({render:qv,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})}),Uv,"data-v-66159c9c",false,undefined,!1,Oo,void 0,void 0);const Kv={components:{WTreeIconToggle:Yv},props:{item:{type:Object,default:function(){}},lineNumberWidth:{type:Number,default:0},iconColor:{type:String,default:"grey"},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},valueStyleBreakAll:{type:Boolean,default:!1}},data:function(){return{styleLineNumber:"padding-right:10px; text-align:right; font-size:0.8rem; line-height:1.5625rem; color:#f26; user-select:none;",styleCell:"display:table-cell;",styleVerticalAlignTop:"vertical-align:top;",styleVerticalAlignBottom:"vertical-align:bottom;"}},mounted:function(){},computed:{useKeyColor:function(){return Jo(this.keyColor)},usekeyNumbersColor:function(){return Jo(this.keyNumbersColor)},useStyleWord:function(){return this.valueStyleBreakAll?"word-break:break-all;":""}},methods:{toggleItems:function(n){this.$emit("toggle-items",n)}}};var Xv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.item.show&&n.item.filterShow?t("div",{style:"position:absolute; top:"+n.item.screenY+"px; width:100%; opacity:"+(n.item.nowShow?1:.001)+";",attrs:{index:n.item.index,nowShow:n.item.nowShow}},[t("div",{style:n.styleCell+" "+n.styleVerticalAlignTop+" "+n.styleLineNumber+"; width:"+n.lineNumberWidth+"px;"},[n._v(n._s(n.item.index+1))]),n._v(" "),t("div",{style:n.styleCell+" "+n.styleVerticalAlignTop+" padding-left:"+n.item.paddingLeft+"px;"},[t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0px",left:"0px",transform:"translateX(-100%)"}},[1===n.item.stateChildren?t("WTreeIconToggle",{staticStyle:{display:"inline-block",width:"16px",transform:"translateX(-2px)"},attrs:{dir:n.item.displayChildren?"bottom":"right",iconColor:n.iconColor,iconBackgroundColor:"transparent",iconBackgroundColorHover:"transparent"},on:{click:function(e){return n.toggleItems(n.item)}}}):t("div",{staticStyle:{display:"inline-block",width:"16px"}})],1),n._v(" "),t("div",{},[n.item.key?t("div",{style:n.styleCell+" "+n.styleVerticalAlignTop+" white-space:pre; color:"+n.useKeyColor+";"},[t("span",[n._v(n._s(n.item.key))]),n._v(" "),n.item.keyNumbers?t("span",{style:"margin:0px 10px; color:"+n.usekeyNumbersColor+";"},["arr"===n.item.keyNumbers.type?t("span",[n._v("["+n._s(n.item.keyNumbers.n)+"]")]):n._e(),n._v(" "),"obj"===n.item.keyNumbers.type?t("span",[t("span",[n._v("{")]),t("span",[n._v(n._s(n.item.keyNumbers.n))]),t("span",[n._v("}")])]):n._e()]):n._e(),n._v(" "),n.item.displayChildren?n._e():t("span",[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("...")]),n._v(n._s(n.item.valueTail))])]):n._e(),n._v(" "),n.item.value?[t("div",{style:n.styleCell+" "+n.styleVerticalAlignTop+" color:"+n.item.valueColor+"; "+n.useStyleWord},[n._v(n._s(n.item.value))]),n._v(" "),n.item.valueComma?t("div",{style:n.styleCell+" "+n.styleVerticalAlignBottom+" color:"+n.item.keyColor+";"},[n._v(",")]):n._e()]:n._e()],2)])])]):n._e()};Xv._withStripped=!0;const Qv=Ro({render:Xv,staticRenderFns:[]},(function(n){n&&n("data-v-ba4b59ec_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",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonViewCore.vue"},media:void 0})}),Kv,"data-v-ba4b59ec",false,undefined,!1,Oo,void 0,void 0);function Jv(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function ng(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Jv(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Jv(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var eg,tg,rg,og=_d();const ig={components:{WPanelScrollyCore:al,WJsonViewCore:Qv},props:{data:{type:[Array,Object],default:function(){}},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},iconColor:{type:String,default:"grey"},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"},defDisplayChildren:{type:Boolean,default:!0},searchEmpty:{type:String,default:"Empty"},valueStyleBreakAll:{type:Boolean,default:!1},show:{type:Boolean,default:!0}},data:function(){return{dbc:fd(),mmkey:null,useColors:{},changeHeight:!0,changeDisplay:!0,changeDisplayIndex:null,changeFilter:!1,lineNumberWidth:0,toggling:!1,scrollRatio:0,scrollInfor:null,toggleInfor:{},itemsHeight:0,filterKeywordsTemp:"",viewInfor:{},useItems:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){null!==this.mmkey&&og.remove(this.mmkey)},watch:{data:{immediate:!0,deep:!0,handler:function(n){var e=this;null===e.mmkey?e.mmkey=_i():og.remove(e.mmkey);var t=e.parseData(e.data),r=13*(Math.ceil(Math.pow($o(t),.1))+1);og.set(e.mmkey,t),e.lineNumberWidth=r,e.refresh("watch")}}},computed:{changeColors:function(){return this.convertColors(),""},changeFilterKeyWords:function(){var n=this.filterKeywords;return this.refreshDebounce("changeFilterKeyWords"),n}},methods:{convertColors:function(){var n=this;n.useColors.numColor=Jo(n.numColor),n.useColors.strColor=Jo(n.strColor),n.useColors.bolColor=Jo(n.bolColor),n.useColors.funColor=Jo(n.funColor),n.useColors.defaultColor=Jo(n.defaultColor)},refresh:(rg=nl(el.mark((function n(e){var t,r,o,i,a,s,l;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return l=function(){return(l=nl(el.mark((function n(){var e;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,i();case 2:e=n.sent;case 3:if(!e){n.next=9;break}return n.next=6,i();case 6:e=n.sent,n.next=3;break;case 9:case"end":return n.stop()}}),n)})))).apply(this,arguments)},s=function(){return l.apply(this,arguments)},a=function(){return(a=nl(el.mark((function n(){var e,i;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=Va(),!((r+=1)>o)){n.next=5;break}return e.resolve(!1),n.abrupt("return",e);case 5:return t.genUseItems(),n.next=8,dd(1);case 8:return t.filterItems(),n.next=11,dd(1);case 11:return i=t.updateItemsHeight(),e.resolve(i),n.abrupt("return",e);case 14:case"end":return n.stop()}}),n)})))).apply(this,arguments)},i=function(){return a.apply(this,arguments)},t=this,r=0,o=3,n.next=9,s();case 9:t.genUseItems();case 10:case"end":return n.stop()}}),n,this)}))),function(n){return rg.apply(this,arguments)}),refreshDebounce:function(n){var e=this;e.dbc((function(){e.refresh(n)}))},genUseItems:function(){var n=this;null===n.scrollInfor&&(n.scrollInfor={r:0,t:0,b:n.viewHeightMax,ch:n.itemsHeight});var e=og.get(n.mmkey),t=$o(e);if(0!==t){var r=wd(e,(function(t){var r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===r&&(r=0);var o=Math.max(r-n.itemsPreload,0),i=wd(e,(function(t){var r=e[t];return n.scrollInfor.b-r.y}));null===i&&(i=t-1);for(var a=Math.min(i+n.itemsPreload,t-1),s=[],l=o;l<=a;l++){var c=ng({},e[l]);c.show&&c.filterShow&&(c.screenY=c.y-n.scrollInfor.t,c.nowShow=l>=r,s.push(c))}n.useItems=s}},updateItemsHeight:function(){var n=this,e=og.get(n.mmkey),t=$o(e),r=[];function o(n){var e=r.length;n&&(e-=1);for(var t=0;t<e;t++)if(!ie(r[t],"displayChildren",!1))return!1;return!0}if(n.changeDisplay){var i=0;null!==n.changeDisplayIndex&&(i=n.changeDisplayIndex);for(var a=null,s=i;s<t;s++){var l=e[s];if(1===l.stateChildren&&r.push({displayChildren:l.displayChildren,level:l.level}),s===i)a=l.level;else if(s>i)if(1===l.stateChildren)l.show=o(!0);else if(-1===l.stateChildren){var c=Bl(r);l.show=o(!0)&&c.displayChildren}else l.show=o(!1);if(-1===l.stateChildren&&r.pop(),s>i&&l.level===a)break}}var d=ie(n,"$refs.wjvc",[]);yt(d,(function(r){var o=r.$el;if(o.getAttribute&&o.getAttribute("nowShow")){var i=fi(o.getAttribute("index"));if(i>=0&&i<t){var a=o.offsetHeight;e[i].height!==a&&(e[i].height=a,n.changeHeight=!0)}}})),n.show||(n.changeHeight=!1);var u=n.changeHeight||n.changeDisplay||n.changeFilter;if(u){for(var p=0,m=0;m<t;m++){var v=e[m];v.y!==p&&(v.y=p),v.show&&v.filterShow&&(p+=v.height)}var g=n.itemsHeight;g!==p&&(g=p),0===g&&(g=43);Math.abs(n.itemsHeight-g)>4?n.itemsHeight=g:u=n.changeFilter,n.changeDisplay=!1,n.changeDisplayIndex=null,n.changeHeight=!1,n.changeFilter=!1}return u},parseData:function(n){var e=this;e.convertColors();var t=-1,r=[];function o(n){if(Cs(n))return{type:"num",value:ee(n)};if(xo(n))return{type:"str",value:'"'.concat(n,'"')};if(Fa(n)){var e="false";return n&&(e="true"),{type:"bol",value:e}}return nn(n)?{type:"fun",value:n.toString()}:{type:"default",value:n}}function i(n){var o=n.parentIndex,i=n.level,a=n.key,s=n.keyNumbers,l=n.value,c=n.valueColor,d=n.valueComma,u=n.valueTail,p=n.stateChildren,m={index:t+=1,level:i,paddingLeft:24*i+16,key:a,keyNumbers:s,value:l,valueColor:c,valueComma:d,valueTail:u,stateChildren:p,displayChildren:e.defDisplayChildren,show:!0,filterShow:!0,height:e.itemMinHeight,y:t*e.itemMinHeight,parentIndex:o};r.push(m)}function a(n){var e=n.parentIndex,r=n.level,o=n.key,a=n.value,s=n.last,c=t+1,d=$o(a),u={type:"arr",n:d},p="[";null!==o&&(p="".concat(o," :  [")),i({parentIndex:e,level:r,key:p,value:null,valueColor:null,valueTail:"]",keyNumbers:u,valueComma:!1,stateChildren:1});for(var m=0;m<d;m++)l({parentIndex:c,level:r+1,key:m,value:a[m],last:m+1===d});var v="],";s&&(v="]"),i({parentIndex:c,level:r,key:v,value:null,valueColor:null,keyNumbers:null,valueComma:!1,stateChildren:-1})}function s(n){var e=n.parentIndex,r=n.level,o=n.key,a=n.value,s=n.last,c=t+1,d=$o(gt(a)),u={type:"obj",n:d},p="{";null!==o&&(p="".concat(o," :  {")),i({parentIndex:e,level:r,key:p,value:null,valueColor:null,valueTail:"}",keyNumbers:u,valueComma:!1,stateChildren:1});for(var m=Object.keys(a),v=0;v<m.length;v++){var g=m[v];l({parentIndex:c,level:r+1,key:g,value:a[g],last:g+1===d})}var f="},";s&&(f="}"),i({parentIndex:c,level:r,key:f,value:null,valueColor:null,keyNumbers:null,valueComma:!1,stateChildren:-1})}function l(n){var t=n.parentIndex,r=n.level,l=n.key,c=n.value,d=n.last;if(Pa(c))a({parentIndex:t,level:r,key:l,value:c,last:d});else if($a(c))s({parentIndex:t,level:r,key:l,value:c,last:d});else{var u=o(c),p=e.useColors["".concat(u.type,"Color")];i({parentIndex:t,level:r,key:"".concat(l," :  "),value:u.value,valueColor:p,keyNumbers:null,valueComma:!d,stateChildren:0})}}if(Pa(n))a({parentIndex:null,level:0,key:null,value:n,last:!0});else if($a(n))s({parentIndex:null,level:0,key:null,value:n,last:!0});else{var c=o(n),d=e.useColors["".concat(c.type,"Color")];i({parentIndex:null,level:0,key:null,value:c.value,valueColor:d,keyNumbers:null,valueComma:null,stateChildren:0})}return r},toggleItems:(tg=nl(el.mark((function n(e){var t,r;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return(t=this).toggling=!0,(r=og.get(t.mmkey))[e.index].displayChildren=!r[e.index].displayChildren,t.changeDisplay=!0,t.changeDisplayIndex=e.index,t.toggleInfor=ja(t.scrollInfor),n.next=9,t.refresh("toggleItems");case 9:t.triggerEvent("after-toggle-items");case 10:case"end":return n.stop()}}),n,this)}))),function(n){return tg.apply(this,arguments)}),afterToggleItems:(eg=nl(el.mark((function n(e){var t,r;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if((t=this).toggling){n.next=3;break}return n.abrupt("return");case 3:r=0,$o(t.useItems)>0&&t.itemsHeight>0&&t.toggleInfor.ch>0&&(t.itemsHeight,t.toggleInfor.ch,r=t.itemsHeight<=t.viewHeightMax?0:t.toggleInfor.t/(t.itemsHeight-t.viewHeightMax)),t.scrollRatio=r,t.triggerEvent(null),t.toggling=!1;case 8:case"end":return n.stop()}}),n,this)}))),function(n){return eg.apply(this,arguments)}),changeScrollInfor:function(){var n=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null!==(t=this).mmkey){n.next=3;break}return n.abrupt("return");case 3:if(!t.toggling){n.next=5;break}return n.abrupt("return");case 5:return t.scrollInfor=e,n.next=8,t.refresh("changeWsp");case 8:case"end":return n.stop()}}),n,this)})));return function(e){return n.apply(this,arguments)}}(),filterItems:function(){var n=this;if(null!==n.mmkey&&n.filterKeywordsTemp!==n.filterKeywords){n.filterKeywordsTemp=n.filterKeywords;var e=og.get(n.mmkey),t=$o(e);if(0===$o(n.filterKeywords))for(var r=0;r<t;r++)e[r].filterShow=!0;else{for(var o=0;o<t;o++)e[o].filterShow=!1;for(var i=Ra(n.filterKeywords.toLowerCase()," "),a=-1;a<t&&!((a+=1)>=t-1);){var s=e[a],l=ee(s.key).toLowerCase(),c=ee(s.value).toLowerCase(),d=void 0;d=!1;for(var u=0;u<$o(i);u++){var p=i[u];if(l.indexOf(p)>=0){d=!0;break}}if(d){f(a),e[a].filterShow=!0;for(var m=s.level;a<t&&!((a+=1)>=t-1)&&(e[a].filterShow=!0,e[a].level!==m););}else{d=!1;for(var v=0;v<$o(i);v++){var g=i[v];if(c.indexOf(g)>=0){d=!0;break}}d&&f(a)}}}n.changeFilter=!0}function f(n){e[n].filterShow=!0;for(var r=e[n].parentIndex;null!==r;){e[r].filterShow=!0;for(var o=e[r].level,i=r+1;i<t;i++)if(e[i].level===o){e[i].filterShow=!0;break}r=e[r].parentIndex}}},triggerEvent:function(n){var e=ie(this,"$refs.wpsc.triggerEvent",null);e&&e(n)}}};var ag=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{ratio:n.scrollRatio,viewHeightMax:n.viewHeightMax,contentHeight:n.itemsHeight,changeColors:n.changeColors,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:ratio":function(e){n.scrollRatio=e},change:n.changeScrollInfor,"after-toggle-items":n.afterToggleItems}},[n._l(n.useItems,(function(e,r){return[t("WJsonViewCore",{key:r,ref:"wjvc",refInFor:!0,attrs:{item:e,lineNumberWidth:n.lineNumberWidth,iconColor:n.iconColor,keyColor:n.keyColor,keyNumbersColor:n.keyNumbersColor,valueStyleBreakAll:n.valueStyleBreakAll},on:{"toggle-items":n.toggleItems}})]})),n._v(" "),0===n.useItems.length?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.searchEmpty)+"\n    ")]):n._e()],2)};ag._withStripped=!0;const sg={components:{demolink:Uo,WJsonView:Ro({render:ag,staticRenderFns:[]},(function(n){n&&n("data-v-58d4c376_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",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})}),ig,"data-v-58d4c376",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{WJsonView:{keywords:"pow ci uadn",data1:{squadName:"Super hero squad",fun:function(){},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',fun:function(){},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",function(){},{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:function(){},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,function(){},{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:function(){},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,function(){},{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:function(){},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,function(){},{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:function(){},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,function(){},{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:function(){},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,function(){},{a:321,b:76.54,c:"654.321",d:"321 zyx"}]}}}}},t=[],r=0;r<n;r++)t.push(e);return t}(1e5)},actions:[]}},methods:{}};var lg=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:"valueStyleBreakAll"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{valueStyleBreakAll:!0,data:n.WJsonView.data2}})],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 & searchEmpty"}}),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,searchEmpty:"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 (100,000 lines)"}}),n._v(" "),t("w-json-view",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WJsonView.data4}})],1)])])};lg._withStripped=!0;const cg=Ro({render:lg,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-5e93bdb0_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWJsonView.vue"},media:void 0})}),sg,"data-v-5e93bdb0",false,undefined,!1,Oo,void 0,void 0);var dg=function(n,e,t,r){if(!Q(n))return n;for(var o=-1,i=(e=te(e,n)).length,a=i-1,s=n;null!=s&&++o<i;){var l=re(e[o]),c=t;if("__proto__"===l||"constructor"===l||"prototype"===l)return n;if(o!=a){var d=s[l];void 0===(c=r?r(d,l,s):void 0)&&(c=Q(d)?d:Qe(e[o+1])?[]:{})}Zi(s,l,c),s=s[l]}return n};var ug=function(n,e,t){return null==n?n:dg(n,e,t)};var pg=function(n,e){return n<e};var mg=function(n){return n&&n.length?xd(n,ht,pg):void 0};var vg=function(n,e,t){return n&&n.length?(e=t||void 0===e?1:li(e),xt(n,0,e<0?0:e)):[]};var gg=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:li(e),xt(n,(e=r-e)<0?0:e,r)):[]};var fg=function(n){return function(e,t,r){var o=Object(e);if(!vt(e)){var i=Jr(t);e=gt(e),t=function(n){return i(o[n],n,o)}}var a=n(e,t,r);return a>-1?o[i?e[a]:a]:void 0}},hg=Math.max;var bg=fg((function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:li(t);return o<0&&(o=hg(r+o,0)),co(n,Jr(e),o)})),yg=Array.prototype.reverse;var xg=function(n){return null==n?n:yg.call(n)};var kg=function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=Jr(e);++r<i;){var a=n[r];e(a,r,n)&&(t.push(a),o.push(r))}return Up(n,o),t};var Cg=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:li(e),xt(n,0,(e=r-e)<0?0:e)):[]};function wg(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=Va();if(!xi(n))return t.reject("waitfunction需輸入函數f"),t;if(!0===n())return t.resolve(),t;var r=ie(e,"attemptNum",null);hi(r)||(r=200);var o=ie(e,"timeInterval",null);hi(o)||(o=1e3);var i=0,a=setInterval((function(){i+=1,!0===n()&&(clearInterval(a),t.resolve()),i>r&&(clearInterval(a),t.resolve())}),o);return t}function Sg(n,e){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=[];if(!Pa(n)&&!$a(n))return n=e(n,null,[]);function o(n){if(Pa(n))return xv($o(n));if($a(n)){var e=Object.getOwnPropertyNames(n),r=null;return t&&(r=Object.getOwnPropertySymbols(n)),Pa(e)||(e=[]),Pa(r)||(r=[]),[].concat(gd(e),gd(r))}return n}function i(n,t){if(Pa(n))return o(n).map((function(t){var o=n[t],a=ja(r);return r.push(t),o=i(o=e(o,t,a)),r.pop(),o}));if($a(n)){var a=o(n),s={};return a.map((function(t){var o=n[t],a=ja(r);r.push(t),o=i(o=e(o,t,a)),r.pop(),s[t]=o})),s}return n}return i(n)}function _g(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 r=ie(t,"force",!1);return La(r)||(r=!1),Sg(n,e,r)}function Wg(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Tg(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Wg(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Wg(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const Ag={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?Jo(n.checkedDisabledColor):"unchecked"===n.mode?Jo(n.uncheckedDisabledColor):Jo(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){var n=this;return n.editable?Jo(n.uncheckedColor):Jo(n.uncheckedDisabledColor)},useCheckedColor:function(){var n=this;return n.editable?Jo(n.checkedColor):Jo(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){var n=this;return n.editable?Jo(n.checkedPartiallyColor):Jo(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Ig=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);"})])])])};Ig._withStripped=!0;const Bg=Ro({render:Ig,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})}),Ag,"data-v-3d454847",false,undefined,!1,Oo,void 0,void 0);var Hg=_d();const jg={directives:{domdragdrop:dm()},components:{WDynamicList:$d,WButtonCircle:yu,WPopup:td,WListVertical:Am,WTreeIconToggle:Yv,WTreeIconCheckbox:Bg},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},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},searchEmpty:{type:String,default:"Empty"},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},separatorHeight:{type:Number,default:1},separatorColor:{type:String,default:"transparent"},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:fd(),mmkey:null,separation:3,iconHeight:34,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0}},beforeDestroy:function(){null!==this.mmkey&&Hg.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=ws(this.paddingStyle);return"padding:".concat(n,";")},useDgTextDisabledColor:function(){return Jo(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return Jo(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return Jo(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return Jo(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return Jo(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:g}]},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(Pa(n)){if(0===n.length)return[]}else{if(!$a(n))return[];if(za(n))return[]}var t=ie(e,"bindKey",null);oo(t)||(t="id");var r=ie(e,"bindChildren",null);oo(r)||(r="children");var o=!1;function i(n){for(var e=[n[0]],t=1;t<n.length;t++){var o=n[t];e.push(r),e.push(o)}return e}$a(n)&&(o=!0,n=[n]);var a=[];return _g(n,(function(n,e,o){var s=ie(n,t,null),l=ie(n,r,null);if(s){var c=i([].concat(gd(o),[e]));if(a.push(Tg(Tg({},n),{},{level:($o(c)-1)/2,nk:c})),l)return l}})),o&&(a=a[0]),a}(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren});return eo(e,(function(n,e){return{index:e,unfolding:!0,checked:"unchecked",item:n}}))},setData:function(n){var e=this;function t(){return(t=nl(el.mark((function t(){var r;return el.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(Pa(n)||$a(n)){t.next=3;break}return"data is not array or object",t.abrupt("return","data is not array or object");case 3:return null===e.mmkey?e.mmkey=_i():Hg.remove(e.mmkey),n=ja(n),r=e.getRowsFromData(n),Hg.set(e.mmkey,r),t.next=9,wg((function(){return void 0!==e.$refs.wdl}),{timeInterval:20});case 9:return t.next=11,e.$refs.wdl.setRows(r);case 11:e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords();case 15:case"end":return t.stop()}}),t)})))).apply(this,arguments)}(function(){return t.apply(this,arguments)})().catch((function(n){console.log(n)}))},getText:function(n){return ie(n,this.keyText,"")},getEditable:function(n){return!ie(n,this.keyLocked,!1)},updateSelections:function(){var n=this;function e(){return(e=nl(el.mark((function e(){var t,r;return el.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,wg((function(){return void 0!==n.$refs.wdl}),{timeInterval:20});case 5:return r={fun:function(e){var r={};yt(e,(function(t,o){var i=ie(t,"row.item.".concat(n.keyPrimary));if(qa(r,i))throw new Error("Duplicate primary key[".concat(n.keyPrimary,"] in items"));r[i]=o,e[o].row.checked="unchecked"}));var o=ja(n.selections);yt(o,(function(o){var i=o[n.keyPrimary],a=r[i];if(a){var s=e[a].row.checked;"checked"!==s&&(s="checked",n.checkItemsCore(t,e,a,s))}}))}},e.next=8,n.$refs.wdl.processItems(r);case 8:n.selectionsTrans=t,n.$emit("update:selections",ja(t));case 10: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,r=ie(e,t.keyPrimary,null);if(null!==r&&!bg(n,ni({},t.keyPrimary,r))){var o={};yt(e,(function(n,e){e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(o[e]=ja(n))})),n.push(o)}},removeSelection:function(n,e){var t=this,r=ie(e,t.keyPrimary,null);null!==r&&(bg(n,ni({},t.keyPrimary,r))&&kg(n,ni({},t.keyPrimary,r)))},modifySelection:function(n,e,t,r){e!==t&&("checked"===t?this.addSelection(n,r):this.removeSelection(n,r))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getLevelDiff:function(n){var e=Hg.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){var t=ie(n,"".concat(e,".item.level"),null),r=ie(n,"".concat(e+1,".item.level"),null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){var t=ie(n,"".concat(e,".row.item.level"),null),r=ie(n,"".concat(e+1,".row.item.level"),null);return this.calcLevelDiff(t,r)},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 r=this,o=[];function i(){for(var n=0;n<o.length;n++)if(!1===o[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,o.push(t)}(e,t),function(e,t){var a=ie(n,"".concat(e,".row.item.level"),null);if(null!==a)for(var s=e+1;s<n.length;s++){var l=ie(n,"".concat(s,".row.item.level"),null);if(null===l)return void console.log("invalid levelNow");if(a>=l)break;var c=i();n[s].displayShow=c;var d=r.getLevelDiffFromItems(n,s);if(d>0){var u=ie(n,"".concat(s,".row.unfolding"),null);if(null===u)return void console.log("invalid unfoldingNow");o.push(u)}d<0&&(o=Cg(o,-d))}else console.log("invalid level")}(e)},defaultToggleItems:function(){var n=this;function e(){return(e=nl(el.mark((function e(){var t;return el.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(Cs(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:return t={fun:function(e){var t=fi(n.defaultDisplayLevelTrans);yt(e,(function(r,o){r.row.item.level+1>t&&r.row.unfolding&&n.toggleItemsCore(e,o,!1)}))}},e.next=7,n.$refs.wdl.processItems(t);case 7: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=nl(el.mark((function t(){var r;return el.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 r={fun:function(t){var r=n.index,o=ie(t,"".concat(r,".row.unfolding"),null);null!==o?(o=!o,e.toggleItemsCore(t,r,o)):console.log("invalid unfolding")}},t.next=7,e.$refs.wdl.processItems(r);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,r=[];;){var o=this.getParentIndex(n,t);if(null===o)break;r.push(o),t=o}return{inds:r,path:Eo(xg(r),"-")}},getParentIndex:function(n,e){var t=ie(n,"".concat(e,".row.item.level"),null);if(null===t)return null;for(var r=e-1;r>=0;r--){var o=ie(n,"".concat(r,".row.item.level"),null);if(null===o)return null;if(t>o)return r}return null},checkItemsCore:function(n,e,t,r){var o=this;!function(n,t,r){var i=e[t].row.checked;e[t].row.checked=r,o.modifySelection(n,i,r,e[t].row.item)}(n,t,r),function(n,t,r){if(o.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 s=ie(e,"".concat(a,".row.item.level"),null);if(null===s)return void console.log("invalid levelNow");if(i>=s)break;var l=e[a].row.checked;e[a].row.checked=r,o.modifySelection(n,l,r,e[a].row.item)}}}(n,t,r),function n(t,r){var i=o.getParentIndex(e,r);if(null!==i){var a=ie(e,i,null),s=ie(a,"row.checked",""),l=function(n){var t=ie(e,"".concat(n,".row.item.level"),null);if(null===t)return console.log("invalid level"),null;for(var r=[{ind:n,checked:ie(e,"".concat(n,".row.checked"),"")}],o=n-1;o>=0;o--){var i=ie(e,"".concat(o,".row.item.level"),null);if(null===i)return void console.log("invalid levelNow");if(t>i)break;t===i&&r.push({ind:o,checked:ie(e,"".concat(o,".row.checked"),"")})}for(var a=n+1;a<e.length;a++){var s=ie(e,"".concat(a,".row.item.level"),null);if(null===s)return void console.log("invalid levelNow");if(t>s)break;t===s&&r.push({ind:a,checked:ie(e,"".concat(a,".row.checked"),"")})}var l=$o(r),c=0,d=0;return yt(r,(function(n){"checked"===n.checked?c+=1:"unchecked"===n.checked&&(d+=1)})),c===l?"checked":d===l?"unchecked":"checkedPartially"}(r);if(s!==l){var c=e[i].row.checked;e[i].row.checked=l,o.modifySelection(t,c,l,e[i].row.item),n(t,i)}}}(n,t)},checkItems:function(n){var e=this;function t(){return(t=nl(el.mark((function t(){var r,o;return el.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=ja(e.selectionsTrans),e.$refs.wdl){t.next=3;break}return t.abrupt("return");case 3:return o={fun:function(t){var o=n.index,i=ie(t,"".concat(o,".row.checked"),null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(r,t,o,i)):console.log("invalid checked")}},t.next=6,e.$refs.wdl.processItems(o);case 6:e.selectionsTrans=r,e.$emit("update:selections",ja(r));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===$o(e.filterKeywordsTrans))for(var t=0;t<n.length;t++)n[t].filterShow=!0;else for(var r=Ra(e.filterKeywordsTrans.toLowerCase()," "),o={},i=0;i<n.length;i++){var a=!1;if(xi(e.filterFunction))a=e.filterFunction(n[i].row.item);else{var s=e.getText(n[i].row.item);s=s.toLowerCase();for(var l=0;l<r.length;l++){var c=r[l];if(s.indexOf(c)>=0){a=!0;break}}}if(a){n[i].filterShow=!0;var d=e.getAllParentIndex(n,i);""!==d.path&&(qa(o,d.path)||(yt(d.inds,(function(e){n[e].filterShow=!0})),o[d.path]=d))}else n[i].filterShow=!1}},filterKeyWords:function(){var n=this;function e(){return(e=nl(el.mark((function e(){var t;return el.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===$o(e))throw new Error("invalid nk");if(1===$o(e))Yp(n,e);else{var t=Cg(e),r=gg(e),o=ie(n,t,[]);Yp(o,[r])}},dragItem:function(n,e,t,r){var o=this,i=Hg.get(o.mmkey),a=ja(o.data),s=i[n],l=i[e],c=s.item.nk,d=l.item.nk,u=ie(a,s.item.nk);if("forward"===t&&o.deleteItem(a,c),"before"===r||"after"===r){var p,m=gg(d)[0];if(1===$o(d))p=a;else{var v=Cg(d);p=ie(a,v,[])}"before"===r||"after"===r&&(m+=1),p.splice(m,0,u)}else if("belongto"===r){var g=[].concat(gd(d),[o.keyChildren]),f=ie(a,g,[]);f.push(u),ug(a,g,f)}"backward"===t&&o.deleteItem(a,c),o.$nextTick((function(){o.$emit("update:data",ja(a))}))},operateItem:function(n,e,t){var r=this;function o(){return(o=nl(el.mark((function o(){var i,a,s,l,c,d,u,p,m,v,g;return el.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(i=Hg.get(r.mmkey),a=ja(r.data),s=i[n],l=s.item.nk,"Delete"!==e){o.next=7;break}return r.deleteItem(a,l),o.abrupt("return",a);case 7:if(xi(t)){o.next=9;break}throw new Error("invalid fun");case 9:return o.next=11,t();case 11:if(c=o.sent,"InsertBefore"===(d=e)?d="before":"InsertAfter"===d?d="after":"InsertChild"===d&&(d="belongto"),"before"!==d&&"after"!==d){o.next=21;break}u=gg(l)[0],1===$o(l)?p=a:(m=Cg(l),p=ie(a,m,[])),"before"===d||"after"===d&&(u+=1),p.splice(u,0,c),o.next=29;break;case 21:if("belongto"!==d){o.next=28;break}v=[].concat(gd(l),[r.keyChildren]),(g=ie(a,v,[])).push(c),ug(a,v,g),o.next=29;break;case 28:throw new Error("invalid modeInsert");case 29:return o.abrupt("return",a);case 30:case"end":return o.stop()}}),o)})))).apply(this,arguments)}var i=Va();return function(){return o.apply(this,arguments)}().then((function(n){r.$nextTick((function(){r.$emit("update:data",ja(n)),i.resolve()}))})).catch((function(n){console.log(n)})),i},getDgGroupKey:function(){var n=this;return null===n.dgGroupKey&&(n.dgGroupKey="r".concat(_i())),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 $o(n)>=$o(e)&&(r=e,o=mg([$o(t=n),$o(r)]),i=vg(t,o),a=vg(r,o),Mi(i,a));var t,r,o,i,a},dragdrop:function(n){var e=this;if("move"===n.evName){var t=Hg.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),a=ie(n,"endEle.parentNode.parentNode");e.dgTipTop=ui(qo(a.style.top,"px","")),e.dgTipLeft=ui(qo(a.style.left,"px","")),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 s,l;if(n.startInd<n.endInd)s="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");s="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)l="before";else if("lineBottom"===e.dgTipMode)l="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");l="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,s,l)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){ug(n,e,t),this.setData(n)}}};var Pg=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,searchEmpty:n.searchEmpty,separatorHeight:n.separatorHeight,separatorColor:n.separatorColor,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:"min-height:"+n.iconHeight+"px; "+(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},[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(r){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){r.funHide(),n.clickOperateItem({opItem:t,rowItem:e})}}})]}}],null,!0)})],1):n._e(),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;"},[n.hasChildren(e.index)?t("WTreeIconToggle",{style:"width:24px; height:"+n.iconHeight+"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("WTreeIconCheckbox",{style:"height:"+n.iconHeight+"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; height:"+n.iconHeight+"px; width:100%;"},[n._t("item",[t("div",{style:"min-height:"+n.iconHeight+"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)])])]}}],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; _width:calc( 100% - 8px ); _overflow-x:hidden;",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)};Pg._withStripped=!0;const Dg={components:{demolink:Uo,WTree:Ro({render:Pg,staticRenderFns:[]},(function(n){n&&n("data-v-6c508c52_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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),jg,"data-v-6c508c52",false,undefined,!1,Oo,void 0,void 0),WPopupEditText:Vu},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=[],r=0;r<5e3;r++){var o=e(20*r);t.push(o)}return t}()}},actions:[]}},methods:{showSelection:function(n){for(var e={},t=0;t<n.length;t++){var r=JSON.parse(JSON.stringify(n[t]));delete r.msg;var o=parseInt(r.id,10);e[o]=r}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 r=n.value;e(n.data,t,r)}}};var $g=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:"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:"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:"separatorColor"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{separatorColor:"rgba(0,0,0,0.1)",data:n.WTree.option.items}})],1),n._v(" "),t("div",{staticClass:"bk dz"},[t("demolink",{attrs:{kbname:"w-tree",casename:"separatorColor & separatorHeight"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{separatorColor:"#f2f2f2",separatorHeight:4,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 & defItemHeight"}}),n._v(" "),t("w-tree",{staticStyle:{border:"1px solid #ddd"},attrs:{data:n.WTree.option.items,defItemHeight:62},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 & searchEmpty & 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,searchEmpty:"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:"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:{height:"100%",display:"flex","align-items":"center"}},[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)])])};$g._withStripped=!0;const zg=Ro({render:$g,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-41f41414_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTree.vue"},media:void 0})}),Dg,"data-v-41f41414",false,undefined,!1,Oo,void 0,void 0);var Eg={},Fg={};function Lg(n){var e=n.tagName,t=n.path,r=n.attributes,o=void 0===r?{}:r,i=n.func,a=Va();if("done"===Eg[t])return a.resolve("loaded"),a;if("loading"===Eg[t])return wg((function(){return"done"===Eg[t]})).then((function(){a.resolve("loaded")})),a;Eg[t]="loading";var s=document.createElement(e);return yt(o,(function(n,e){s.setAttribute(e,n)})),o.rel&&"stylesheet"===o.rel?(s.setAttribute("href",t),setTimeout((function(){a.resolve(s),Eg[t]="done"}),1)):(s.src=t,s.addEventListener("load",(function(){var n;xi(i)?n=wg(i):(n=Va()).resolve(),n.then((function(){return dd(500)})).then((function(){a.resolve(s),Eg[t]="done"}))})),s.addEventListener("error",(function(){a.reject(s),Eg[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(s),a}function Rg(n){var e=Va();Pa(n)||(n=[n]),yt(n,(function(e,t){ro(e)&&(n[t]={path:e})}));var t=Eo(eo(n,"path"),"|");return"done"===Fg[t]?(e.resolve("loaded"),e):"loading"===Fg[t]?(wg((function(){return"done"===Fg[t]})).then((function(){e.resolve("loaded")})),e):(Fg[t]="loading",yt(n,(function(n,e){n.type||(".js"===Ga(n.path,3)?n.type="js":".css"===Ga(n.path,4)?n.type="css":n.type="unknow")})),Xd(n,(function(n){var e=Va();if("js"===n.type)e=Lg({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=Lg({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(){Fg[t]="done"})))}function Vg(){var n=Wp();return t.default||n.Vue}t.default&&!window.Vue&&(window.Vue=t.default);const Mg={components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.1.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window.Highcharts;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 r=window.VueHighcharts;r.default&&(r=r.default),Vg().use(r,{Highcharts:t})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var Og=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Og._withStripped=!0;const Ng=Ro({render:Og,staticRenderFns:[]},(function(n){n&&n("data-v-f69abe4a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),Mg,"data-v-f69abe4a",false,undefined,!1,Oo,void 0,void 0);const Gg={components:{demolink:Uo,WHighchartsVueDyn:Ng},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 Zg=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)])])};Zg._withStripped=!0;const Ug=Ro({render:Zg,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})}),Gg,"data-v-71be0ee0",false,undefined,!1,Oo,void 0,void 0);function qg(n,e){if(!Hs(n))return"invalid eleParent";if(ro(e))n.insertAdjacentHTML("afterbegin",e);else{if(!Hs(e))return"invalid itemChild";n.insertBefore(e,n.firstChild)}}function Yg(){return Wp().html2canvas}function Kg(n,e){var t=Wp().canvg.Canvg,r=n.querySelectorAll("svg");yt(r,(function(n){var r=ui(n.getAttribute("width")),o=ui(n.getAttribute("height"));if(r<=0)return console.log("svg width <=0"),!0;if(o<=0)return console.log("svg height <=0"),!0;var i=document.createElement("canvas");i.width=r*e,i.height=o*e;var a=i.getContext("2d");t.fromString(a,n.parentNode.innerHTML,{ignoreDimensions:!0,scaleWidth:i.width,scaleHeight:i.height}).start();var s=new Image;s.src=i.toDataURL("image/png"),s.style.width="".concat(r,"px"),s.style.height="".concat(o,"px"),n.parentNode.appendChild(s),n.parentNode.removeChild(n)}))}function Xg(n){return Qg.apply(this,arguments)}function Qg(){return(Qg=nl(el.mark((function n(e){var t,r,o,i,a,s,l,c,d,u,p=arguments;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=p.length>1&&void 0!==p[1]?p[1]:{},Hs(e)){n.next=3;break}return n.abrupt("return",Promise.reject("invalid ele"));case 3:if(r=ie(t,"scale",1),Cs(r)){n.next=6;break}return n.abrupt("return",Promise.reject("opt.scale is not number"));case 6:if(!(r<1)){n.next=8;break}return n.abrupt("return",Promise.reject("opt.scale can not less then 1"));case 8:if("image/jpeg"===(o=ie(t,"picType","image/jpeg"))||"image/png"===o){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),Fa(i)){n.next=14;break}return n.abrupt("return",Promise.reject("opt.toBase64 is not boolean"));case 14:return a=e.cloneNode(!0),xs()&&Kg(a,r),(s=document.createElement("div")).style.position="absolute",s.style.top=0,s.style.left=0,s.style.zIndex=-1,s.appendChild(a),(l=document.createElement("div")).style.position="relative",l.appendChild(s),qg(document.querySelector("body"),l),c=Yg(),n.next=30,c(s,{logging:!1,scale:r,x:0,y:0});case 30:return d=n.sent,u=d,i&&(u=d.toDataURL(o,1)),js(l),n.abrupt("return",u);case 35:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function Jg(n){return nf.apply(this,arguments)}function nf(){return(nf=nl(el.mark((function n(e){var t,r,o,i=arguments;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=i.length>1&&void 0!==i[1]?i[1]:{},ud(r=i.length>2?i[2]:void 0)||(r=["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,Rg(r);case 5:return o=Xg(e,t),n.abrupt("return",o);case 7:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function ef(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];rd(n)&&(n=0),n=fi(n);var r=yi();function o(){if(t.length>0)return e+=1,t.splice(0,1)[0];return null}function i(){(e-=1)<0&&(e=0),t.length>0&&r.emit("message",t)}function a(o){t.push(o),(n<=0||e<n)&&r.emit("message",t)}function s(){e=0,t=[]}return r.get=o,r.cb=i,r.push=a,r.clear=s,r}function tf(){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;Ya(n)||(n=0),n=fi(n),Fa(e)||(e=!1);var r=ef(n);return r.on("message",function(){var n=nl(el.mark((function n(e){var t,o,i,a,s;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=r.get()){n.next=3;break}return n.abrupt("return");case 3:return n.next=5,dd(1);case 5:if(o=ie(t,"id"),i=ie(t,"fun"),a=ie(t,"input"),xi(i)){n.next=12;break}s={state:"error",msg:"fun is not function"},n.next=15;break;case 12:return n.next=14,bd(i).apply(void 0,gd(a));case 14:s=n.sent;case 15:r.emit(o,s),r.cb();case 17:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}()),function(n){var o=Va(),i=_i();t=i;for(var a=arguments.length,s=new Array(a>1?a-1:0),l=1;l<a;l++)s[l-1]=arguments[l];var c={id:i,fun:n,input:s};return r.push(c),r.once(i,(function(n){e?i===t?"success"===n.state?o.resolve(n.msg):o.reject(n.msg):o.reject({reason:"cancelled"}):"success"===n.state?o.resolve(n.msg):o.reject(n.msg)})),o}}return new t(n,e)}function rf(){return of.apply(this,arguments)}function of(){return(of=nl(el.mark((function n(){var e,t,r,o,i,a,s,l,c,d=arguments;return el.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,r=d.length>2?d[2]:void 0,di(e)||(e=600),e=ui(e),di(t)||(t=400),t=ui(t),xi(r)){n.next=9;break}throw new Error("invalid fun");case 9:if((o=document.createElement("div")).style.width="".concat(e,"px"),o.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(o),(a=document.createElement("div")).style.position="relative",a.appendChild(i),(s=document.createElement("div")).style.position="fixed",s.style.zIndex=-1,s.appendChild(a),qg(document.querySelector("body"),s),!hd(c=r(o))){n.next=34;break}return n.next=31,c;case 31:l=n.sent,n.next=35;break;case 34:l=c;case 35:return js(s),n.abrupt("return",l);case 37:case"end":return n.stop()}}),n)})))).apply(this,arguments)}var af,sf=new function(){var n=tf(1);function e(){return(e=nl(el.mark((function e(t,r,o){return el.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",n(rf,t,r,o));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return function(n,t,r){return e.apply(this,arguments)}};const lf={components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.1.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/boost-canvas.js"]}},options:{type:Object,default:function(){}},scale:{type:Number,default:3},render:{type:Function,default:null}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){Rg(this.pathItems).then((function(n){"loaded"!==n&&window.Highcharts.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 Oa(this.options)},isGenDone:function(){return""!==this.b64}},methods:{defRender:(af=nl(el.mark((function n(e,t,r,o){var i,a;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=function(){var n=nl(el.mark((function n(e){var t;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t={scale:r},window.Highcharts.chart(e,o),n.next=4,Jg(e,t);case 4:return a=n.sent,n.abrupt("return",a);case 6:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}(),n.next=3,sf(e,t,i);case 3:return a=n.sent,n.abrupt("return",a);case 5:case"end":return n.stop()}}),n)}))),function(n,e,t,r){return af.apply(this,arguments)}),plot:function(){var n=this;function e(){return(e=nl(el.mark((function e(){var t,r,o,i;return el.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,wg((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"),r=ie(n,"$el.offsetHeight"),Cs(t)&&Cs(r)){e.next=10;break}return e.abrupt("return");case 10:if(!(t<=0||r<=0||n.scale<=0)){e.next=12;break}return e.abrupt("return");case 12:return o=null,o=xi(n.render)?n.render:n.defRender,e.next=16,o(t,r,n.scale,n.options);case 16:i=e.sent,n.picw=t,n.pich=r,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 cf=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)};cf._withStripped=!0;const df=Ro({render:cf,staticRenderFns:[]},(function(n){n&&n("data-v-057a551a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})}),lf,"data-v-057a551a",false,undefined,!1,Oo,void 0,void 0);const uf={components:{demolink:Uo,WHighchartsBitmapDyn:df},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=nl(el.mark((function n(e,t,r,o){var i,a,s,l;return el.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:r,opt:o})},a=window.location.protocol+"//"+window.location.hostname+":9020"+window.location.pathname+"api",n.next=7,fetch(a,i);case 7:return s=n.sent,n.next=10,s.json();case 10:if(!(l=n.sent).err){n.next=14;break}return console.log("error",l.err),n.abrupt("return","");case 14:return n.abrupt("return",l.b64);case 15:case"end":return n.stop()}}),n)}))),function(e,t,r,o){return n.apply(this,arguments)})},actions:[]};var n}};var pf=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)])])};pf._withStripped=!0;const mf=Ro({render:pf,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})}),uf,"data-v-4c800e52",false,undefined,!1,Oo,void 0,void 0);const vf={components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/highcharts@9.1.2/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.2/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@9.1.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;Rg(n.pathItems).then((function(e){if("loaded"!==e){window.Highcharts.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 t=window.VueHighcharts;t.default&&(t=t.default),Vg().use(t)}n.cmpName="Highstock"}))},computed:{},methods:{}};var gf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};gf._withStripped=!0;const ff=Ro({render:gf,staticRenderFns:[]},(function(n){n&&n("data-v-5a85b4aa_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})}),vf,"data-v-5a85b4aa",false,undefined,!1,Oo,void 0,void 0);const hf={components:{demolink:Uo,WHighstockVueDyn:ff},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 bf=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)])])};bf._withStripped=!0;const yf=Ro({render:bf,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})}),hf,"data-v-126d84d8",false,undefined,!1,Oo,void 0,void 0);const xf={components:{WIconLoading:Rs},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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window.VueECharts;t.default&&(t=t.default),Vg().component("vueechart",t)}n.cmpName="vueechart"}))},computed:{},methods:{}};var kf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};kf._withStripped=!0;const Cf=Ro({render:kf,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})}),xf,"data-v-57ef08de",false,undefined,!1,Oo,void 0,void 0);const wf={components:{demolink:Uo,WEchartsVueDyn:Cf},props:{},data:function(){var n=function(n){for(var e=[],t=[],r=0;r<n.length;r++){var o=n[r],i=new Date(o[0]),a=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-");e.push(a),t.push(o[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,r=5*(1+Math.sin(t/180*Math.PI));n.push([r,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)],r=e.coord(t),o=e.size([1,1],t);return{type:"sector",shape:{cx:n.coordSys.cx,cy:n.coordSys.cy,r0:r[2]-o[0]/2,r:r[2]+o[0]/2,startAngle:-(r[3]+o[1]/2),endAngle:-(r[3]-o[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),r=(1+.25*Math.cos(75*e))*Math.sin(e),o=e+2*Math.sin(75*e);n.push([t,r,o])}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 Sf=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)])])};Sf._withStripped=!0;const _f=Ro({render:Sf,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})}),wf,"data-v-66011797",false,undefined,!1,Oo,void 0,void 0);function Wf(n,e){if(_p())if(oo(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 Tf={components:{WButtonCircle:yu,WHighchartsBitmapDyn:df,WHighchartsVueDyn:Ng,WHighstockVueDyn:ff,WEchartsVueDyn:Cf},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},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 Oa(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=nl(el.mark((function e(){var t,r;return el.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(Hs(t=ie(n,"$refs.pic"))){e.next=5;break}return e.abrupt("return",Promise.reject("can not find element"));case 5:return e.next=7,Jg(t,{scale:n.downloadPictureScale});case 7:r=e.sent,oo(n.downloadPictureFilenmae)||"pic",Wf("".concat(n.downloadPictureFilenmae,".png"),r);case 11: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 Af=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()])};Af._withStripped=!0;const If={components:{demolink:Uo,WPanelChart:Ro({render:Af,staticRenderFns:[]},(function(n){n&&n("data-v-62687102_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelChart.vue"},media:void 0})}),Tf,"data-v-62687102",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){var n=function(n){for(var e=[],t=[],r=0;r<n.length;r++){var o=n[r],i=new Date(o[0]),a=[i.getFullYear(),i.getMonth()+1,i.getDate()].join("-");e.push(a),t.push(o[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 Bf=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)])])};Bf._withStripped=!0;const Hf=Ro({render:Bf,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})}),If,"data-v-e657edf6",false,undefined,!1,Oo,void 0,void 0);const jf={components:{WIconLoading:Rs},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.21/dist/w-aggrid-vue.umd.js","https://cdn.jsdelivr.net/npm/xlsx@0.17.0/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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-aggrid-vue"];t.default&&(t=t.default),Vg().component("w-aggrid-vue",t)}n.cmpName="w-aggrid-vue"}))},computed:{},methods:{}};var Pf=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}})};Pf._withStripped=!0;const Df=Ro({render:Pf,staticRenderFns:[]},(function(n){n&&n("data-v-2c204119_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})}),jf,"data-v-2c204119",false,undefined,!1,Oo,void 0,void 0);const $f={components:{demolink:Uo,WAggridVueDyn:Df},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=[],r=1;r<=100;r++)t.push("Col-"+r);for(var o={},i=1;i<=100;i++)o[t[i-1]]="Cell-"+i;for(var a,s=[],l=1;l<=1e4;l++){a=JSON.parse(JSON.stringify(o));for(var c=1;c<=100;c++)a[t[c-1]]+="-"+l;s.push(a)}return{keys:t,rows:s}}()},actions:[]}}};var zf=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)])])};zf._withStripped=!0;const Ef=Ro({render:zf,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})}),$f,"data-v-5732bd2a",false,undefined,!1,Oo,void 0,void 0);var Ff=function(n,e,t){for(var r=-1,o=n.length,i=e.length,a={};++r<o;){var s=r<i?e[r]:void 0;t(a,n[r],s)}return a};var Lf=function(n,e){return Ff(n||[],e||[],Zi)};function Rf(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!ud(n))return{};if(ud(e))return $o(n)===$o(e)?Lf(n,e):{};for(var t=[],r=0;r<$o(n);r++)t.push(ja(e));var o=Lf(n,t);return o}function Vf(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!Oa(n))return{};if(!ud(e))return{};var r={};return yt(e,(function(e){r[e]=ie(n,e,t)})),r}const Mf={directives:{domresize:Ai()},components:{WButtonCircle:yu,WPopup:td,WText:Fu,WButtonChip:Os,WAggridVueDyn:Df},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=fo(n.name),n.descriptionTrans=fo(n.description),n.nameTemp=fo(n.name),n.descriptionTemp=fo(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 Mi(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=ja(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){var n=this,e=[];return ud(ie(n,"opt.keys"))?e=ie(n,"opt.keys"):ud(ie(n,"opt.rows"))&&(e=gt(ie(n,"rows.0",{}))),e},useKpHead:function(){var n,e=this;return Oa(ie(e,"opt.kpHead"))?n=ie(e,"opt.kpHead"):(n={},yt(e.useKeys,(function(e){n[e]=e}))),n},hasEffRows:function(){return $o(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=ws(this.inforPaddingStyle);return"padding:".concat(n,";")},useMenuPaddingStyle:function(){var n=ws(this.menuPaddingStyle);return"padding:".concat(n,";")},useMenuBackgroundColor:function(){return Jo(this.menuBackgroundColor)}},methods:{domresize:function(n){var e=this,t=0,r=ie(e,"$el.offsetHeight",0),o=ie(e,"$refs.menu.offsetHeight");r>0&&o>0&&(t=r-o),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!==$o(n.useKeys)){var e=null;if(e=Pa(ie(n,"opt.rows"))?ja(ie(n,"opt.rows")):[Rf(n.useKeys)],oo(n.sortColIds))try{e=Sp(e,n.sortColIds)}catch(n){console.log(n)}else ud(n.sortColIds)&&yt(n.sortColIds,(function(n){try{e=Sp(e,n)}catch(n){console.log(n)}}));n.rowsTemp=ja(e);var t={rows:e,keys:n.useKeys,defCellEditable:n.editable,defCellAlighH:"left",kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e}};if(oo(n.hideIds)?t.kpHeadHide=Rf([n.hideIds],!0):ud(n.hideIds)&&(t.kpHeadHide=Rf(n.hideIds,!0)),oo(n.fixIds)?t.kpHeadFixLeft=Rf([n.fixIds],!0):ud(n.fixIds)&&(t.kpHeadFixLeft=Rf(n.fixIds,!0)),n.editable&&oo(n.checkId)&&(t.kpHeadCheckBox=Rf([n.checkId],!0)),Oa(n.opt)){var r=ja(n.opt);yt(r,(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===$o(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);var e=Rf(n.useKeys);e.id=_i(),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=ja(e),0!==$o(e)){var t=eo(n.rowsSelect,"rowInd");if(0!==$o(t)){Yp(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 oo(n.removeIdsWhenDownload)?Ml(e,n.removeIdsWhenDownload):ud(n.removeIdsWhenDownload)&&Ml.apply(void 0,[e].concat(gd(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 r=ie(e,"opt.optForUploadData");$a(r)||(r={}),oo(ie(r,"uploadMode"))||(r.uploadMode=n),xi(ie(r,"beforeUpload"))||(r.beforeUpload=function(n){var e=[];return yt(n,(function(n){Mp(n,(function(n){return""===n}))||e.push(n)})),e}),t(r).then((function(n){0===$o(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=fo(e.nameTrans),t=fo(e.descriptionTrans);if(!oo(n))return{err:e.errorMsgFromNoName};var r=ie(e,"useOpt.rows",[]);r=function(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return ud(n)&&ud(e)?eo(n,(function(n){return Vf(n,e,t)})):[]}(r,e.useKeys),xi(ie(e,"opt.modifyDataWhenSave"))&&(r=e.opt.modifyDataWhenSave(r));var o=ie(e,"opt.checkNoDataWhenSave");return La(o)||(o=!1),o&&0===r.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:ja(r),rowsTemp:ja(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Of=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)};Of._withStripped=!0;const Nf={components:{demolink:Uo,WTableDyn:Ro({render:Of,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})}),Mf,"data-v-e588671e",false,undefined,!1,Oo,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 Gf=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 r=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(r.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(r.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)])])};Gf._withStripped=!0;const Zf=Ro({render:Gf,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})}),Nf,"data-v-d240a93e",false,undefined,!1,Oo,void 0,void 0);var Uf=function(n,e,t){(void 0!==t&&!Tn(n[e],t)||void 0===t&&!(e in n))&&Ni(n,e,t)};var qf=function(n){return U(n)&&vt(n)};var Yf=function(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]};var Kf=function(n){return Ui(n,Qi(n))};var Xf=function(n,e,t,r,o,i,a){var s=Yf(n,t),l=Yf(e,t),c=a.get(l);if(c)Uf(n,t,c);else{var d=i?i(s,l,t+"",n,e,a):void 0,u=void 0===d;if(u){var p=B(l),m=!p&&Ke(l),v=!p&&!m&&it(l);d=l,p||m||v?B(s)?d=s:qf(s)?d=ea(s):m?(u=!1,d=na(l,!0)):v?(u=!1,d=fa(l,!0)):d=[]:Is(l)||qe(l)?(d=s,qe(s)?d=Kf(s):Q(s)&&!nn(s)||(d=xa(l))):u=!1}u&&(a.set(l,d),o(d,l,r,i,a),a.delete(l)),Uf(n,t,d)}};var Qf=function n(e,t,r,o,i){e!==t&&Me(t,(function(a,s){if(i||(i=new Yt),Q(a))Xf(e,t,s,r,n,o,i);else{var l=o?o(Yf(e,s),a,s+"",e,t,i):void 0;void 0===l&&(l=a),Uf(e,s,l)}}),Qi)};var Jf=function(n){return Fl((function(e,t){var r=-1,o=t.length,i=o>1?t[o-1]:void 0,a=o>2?t[2]:void 0;for(i=n.length>3&&"function"==typeof i?(o--,i):void 0,a&&St(t[0],t[1],a)&&(i=o<3?void 0:i,o=1),e=Object(e);++r<o;){var s=t[r];s&&n(e,s,r,i)}return e}))}((function(n,e,t){Qf(n,e,t)})),nh=P((function(n,e){n.exports=function(){function n(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function e(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(n){a(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,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 r(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function o(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function i(n,e,t){return e&&o(n.prototype,e),t&&o(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 s={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},l='<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",v="move",g="switch",f="zoom",h="".concat(m,"-active"),b="".concat(m,"-close"),y="".concat(m,"-fade"),x="".concat(m,"-fixed"),k="".concat(m,"-fullscreen"),C="".concat(m,"-fullscreen-exit"),w="".concat(m,"-hide"),S="".concat(m,"-hide-md-down"),_="".concat(m,"-hide-sm-down"),W="".concat(m,"-hide-xs-down"),T="".concat(m,"-in"),A="".concat(m,"-invisible"),I="".concat(m,"-loading"),B="".concat(m,"-move"),H="".concat(m,"-open"),j="".concat(m,"-show"),P="".concat(m,"-transition"),D="click",$="dblclick",z="dragstart",E="focusin",F="keydown",L="load",R=u?"touchend touchcancel":"mouseup",V=u?"touchmove":"mousemove",M=u?"touchstart":"mousedown",O=p?"pointerdown":M,N=p?"pointermove":V,G=p?"pointerup pointercancel":R,Z="resize",U="transitionend",q="wheel",Y="ready",K="show",X="shown",Q="hide",J="hidden",nn="view",en="viewed",tn="move",rn="moved",on="rotate",an="rotated",sn="scale",ln="scaled",cn="zoom",dn="zoomed",un="play",pn="stop",mn="".concat(m,"Action"),vn=/\s\s*/,gn=["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 hn=Number.isNaN||d.isNaN;function bn(n){return"number"==typeof n&&!hn(n)}function yn(n){return void 0===n}function xn(n){return"object"===t(n)&&null!==n}var kn=Object.prototype.hasOwnProperty;function Cn(n){if(!xn(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&kn.call(t,"isPrototypeOf")}catch(n){return!1}}function wn(n){return"function"==typeof n}function Sn(n,e){if(n&&wn(e))if(Array.isArray(n)||bn(n.length)){var t,r=n.length;for(t=0;t<r&&!1!==e.call(n,n[t],t,n);t+=1);}else xn(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var _n=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return xn(n)&&t.length>0&&t.forEach((function(e){xn(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},Wn=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Tn(n,e){var t=n.style;Sn(e,(function(n,e){Wn.test(e)&&bn(n)&&(n+="px"),t[e]=n}))}function An(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 In(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Bn(n,e){if(n&&e)if(bn(n.length))Sn(n,(function(n){Bn(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 Hn(n,e){n&&e&&(bn(n.length)?Sn(n,(function(n){Hn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function jn(n,e,t){e&&(bn(n.length)?Sn(n,(function(n){jn(n,e,t)})):t?Bn(n,e):Hn(n,e))}var Pn=/([a-z\d])([A-Z])/g;function Dn(n){return n.replace(Pn,"$1-$2").toLowerCase()}function $n(n,e){return xn(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(Dn(e)))}function zn(n,e,t){xn(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(Dn(e)),t)}var En=function(){var n=!1;if(c){var e=!1,t=function(){},r=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});d.addEventListener("test",t,r),d.removeEventListener("test",t,r)}return n}();function Fn(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(!En){var i=n.listeners;i&&i[e]&&i[e][t]&&(o=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,o,r)}))}function Ln(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(r.once&&!En){var i=n.listeners,a=void 0===i?{}:i;o=function(){delete a[e][t],n.removeEventListener(e,o,r);for(var i=arguments.length,s=new Array(i),l=0;l<i;l++)s[l]=arguments[l];t.apply(n,s)},a[e]||(a[e]={}),a[e][t]&&n.removeEventListener(e,a[e][t],r),a[e][t]=o,n.listeners=a}n.addEventListener(e,o,r)}))}function Rn(n,t,r,o){var i;return wn(Event)&&wn(CustomEvent)?i=new CustomEvent(t,e({bubbles:!0,cancelable:!0,detail:r},o)):(i=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,r),n.dispatchEvent(i)}function Vn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function Mn(n){var e=n.rotate,t=n.scaleX,r=n.scaleY,o=n.translateX,i=n.translateY,a=[];bn(o)&&0!==o&&a.push("translateX(".concat(o,"px)")),bn(i)&&0!==i&&a.push("translateY(".concat(i,"px)")),bn(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),bn(t)&&1!==t&&a.push("scaleX(".concat(t,")")),bn(r)&&1!==r&&a.push("scaleY(".concat(r,")"));var s=a.length?a.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function On(n){return fn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var Nn=d.navigator&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(d.navigator.userAgent);function Gn(n,e,t){var r=document.createElement("img");if(n.naturalWidth&&!Nn)return t(n.naturalWidth,n.naturalHeight),r;var o=document.body||document.documentElement;return r.onload=function(){t(r.width,r.height),Nn||o.removeChild(r)},Sn(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&r.setAttribute(e,t)})),r.src=n.src,Nn||(r.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;",o.appendChild(r)),r}function Zn(n){switch(n){case 2:return W;case 3:return _;case 4:return S;default:return""}}function Un(n){var t=e({},n),r=[];return Sn(n,(function(n,e){delete t[e],Sn(t,(function(e){var t=Math.abs(n.startX-e.startX),o=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),a=Math.abs(n.endY-e.endY),s=Math.sqrt(t*t+o*o),l=(Math.sqrt(i*i+a*a)-s)/s;r.push(l)}))})),r.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),r[0]}function qn(n,t){var r=n.pageX,o=n.pageY,i={endX:r,endY:o};return t?i:e({timeStamp:Date.now(),startX:r,startY:o},i)}function Yn(n){var e=0,t=0,r=0;return Sn(n,(function(n){var o=n.startX,i=n.startY;e+=o,t+=i,r+=1})),{pageX:e/=r,pageY:t/=r}}var Kn,Xn={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=_n({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Tn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,r=this.list,o=[];r.innerHTML="",Sn(this.images,(function(e,i){var a=e.src,s=e.alt||On(a),l=n.getImageURL(e);if(a||l){var c=document.createElement("li"),d=document.createElement("img");Sn(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&d.setAttribute(n,t)})),d.src=a||l,d.alt=s,d.setAttribute("data-original-url",l||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),r.appendChild(c),o.push(c)}})),this.items=o,Sn(o,(function(e){var r=e.firstElementChild;zn(r,"filled",!0),t.loading&&Bn(e,I),Ln(r,L,(function(r){t.loading&&Hn(e,I),n.loadImage(r)}),{once:!0})})),t.transition&&Ln(e,en,(function(){Bn(r,P)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n],t=e.nextElementSibling,r=parseInt(window.getComputedStyle(t||e).marginLeft,10),o=e.offsetWidth,i=o+r;Tn(this.list,_n({width:i*this.length-r},Mn({translateX:(this.viewerData.width-o)/2-i*n})))},resetList:function(){var n=this.list;n.innerHTML="",Hn(n,P),Tn(n,Mn({translateX:0}))},initImage:function(n){var e,t=this,r=this.options,o=this.image,i=this.viewerData,a=this.footer.offsetHeight,s=i.width,l=Math.max(i.height-a,a),c=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Gn(o,r,(function(e,o){var i=e/o,a=s,d=l;t.imageInitializing=!1,l*i>s?d=s/i:a=l*i,a=Math.min(.9*a,e),d=Math.min(.9*d,o);var u=(s-a)/2,p=(l-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:o},v=_n({},m);r.rotatable&&(m.rotate=c.rotate||0,v.rotate=0),r.scalable&&(m.scaleX=c.scaleX||1,m.scaleY=c.scaleY||1,v.scaleX=1,v.scaleY=1),t.imageData=m,t.initialImageData=v,n&&n()}))},renderImage:function(n){var e=this,t=this.image,r=this.imageData;if(Tn(t,_n({width:r.width,height:r.height,marginLeft:r.x,marginTop:r.y},Mn(r))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&In(t,P)){var o=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){Fn(t,U,o)}},Ln(t,U,o,{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,r=this.element.ownerDocument;Ln(e,D,this.onClick=this.click.bind(this)),Ln(e,z,this.onDragStart=this.dragstart.bind(this)),Ln(t,O,this.onPointerDown=this.pointerdown.bind(this)),Ln(r,N,this.onPointerMove=this.pointermove.bind(this)),Ln(r,G,this.onPointerUp=this.pointerup.bind(this)),Ln(r,F,this.onKeyDown=this.keydown.bind(this)),Ln(window,Z,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&Ln(e,q,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&Ln(t,$,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,r=this.element.ownerDocument;Fn(e,D,this.onClick),Fn(e,z,this.onDragStart),Fn(t,O,this.onPointerDown),Fn(r,N,this.onPointerMove),Fn(r,G,this.onPointerUp),Fn(r,F,this.onKeyDown),Fn(window,Z,this.onResize),n.zoomable&&n.zoomOnWheel&&Fn(e,q,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&Fn(t,$,this.onDblclick)}},Jn={click:function(n){var e=this.options,t=this.imageData,r=n.target,o=$n(r,mn);switch(o||"img"!==r.localName||"li"!==r.parentElement.localName||(o=$n(r=r.parentElement,mn)),u&&n.isTrusted&&r===this.canvas&&clearTimeout(this.clickCanvasTimeout),o){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($n(r,"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,r=this.image,o=this.index,i=this.viewerData;Hn(r,A),t.loading&&Hn(this.canvas,I),r.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(){jn(r,B,t.movable),jn(r,P,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,wn(t.viewed)&&Ln(e,en,t.viewed,{once:!0}),Rn(e,en,{originalImage:n.images[o],index:o,image:r},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,r=t.offsetWidth||30,o=t.offsetHeight||50,i=!!$n(e,"filled");Gn(e,this.options,(function(n,t){var a=n/t,s=r,l=o;o*a>r?i?s=o*a:l=r/a:i?l=r/a:s=o*a,Tn(e,_n({width:s,height:l},Mn({translateX:(r-s)/2,translateY:(o-l)/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,r=n.buttons,o=n.button;if(!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(bn(r)&&1!==r||bn(o)&&0!==o||n.ctrlKey))){n.preventDefault(),n.changedTouches?Sn(n.changedTouches,(function(n){t[n.identifier]=qn(n)})):t[n.pointerId||0]=qn(n);var i=!!e.movable&&v;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=f:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=g),!e.transition||i!==v&&i!==f||Hn(this.image,P),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?Sn(n.changedTouches,(function(n){_n(e[n.identifier]||{},qn(n,!0))})):_n(e[n.pointerId||0]||{},qn(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,r=this.options,o=this.action,i=this.pointers;n.changedTouches?Sn(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),o&&(n.preventDefault(),!r.transition||o!==v&&o!==f||Bn(this.image,P),this.action=!1,u&&o!==f&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),r.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Rn(t.image,$)}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,r.backdrop&&"static"!==r.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Rn(t.canvas,D)}),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();Sn(this.player.getElementsByTagName("img"),(function(e){Ln(e,L,n.loadImage.bind(n),{once:!0}),Rn(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,r=1;n.deltaY?r=n.deltaY>0?1:-1:n.wheelDelta?r=-n.wheelDelta/120:n.detail&&(r=n.detail>0?1:-1),this.zoom(-r*t,!0,n)}}},ne={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)&&Ln(e,K,t.show,{once:!0}),!1===Rn(e,K)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var r=this.viewer;if(Hn(r,w),r.setAttribute("role","dialog"),r.setAttribute("aria-labelledby",this.title.id),r.setAttribute("aria-modal",!0),r.removeAttribute("aria-hidden"),t.transition&&!n){var o=this.shown.bind(this);this.transitioning={abort:function(){Fn(r,U,o),Hn(r,T)}},Bn(r,P),r.initialOffsetWidth=r.offsetWidth,Ln(r,U,o,{once:!0}),Bn(r,T)}else Bn(r,T),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,r=this.options;if(r.inline||this.hiding||!this.isShown&&!this.showing)return this;if(wn(r.hide)&&Ln(t,Q,r.hide,{once:!0}),!1===Rn(t,Q))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var o=this.viewer,i=this.image,a=function(){Hn(o,T),n.hidden()};if(r.transition&&!e){var s=function e(t){t&&t.target===o&&(Fn(o,U,e),n.hidden())},l=function(){In(o,P)?(Ln(o,U,s),Hn(o,T)):a()};this.transitioning={abort:function(){n.viewed&&In(i,P)?Fn(i,U,l):In(o,P)&&Fn(o,U,s)}},this.viewed&&In(i,P)?(Ln(i,U,l,{once:!0}),this.zoomTo(0,!1,null,!0)):l()}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,r=this.options,o=this.title,i=this.canvas,a=this.items[e],s=a.querySelector("img"),l=$n(s,"originalUrl"),c=s.getAttribute("alt"),d=document.createElement("img");if(Sn(r.inheritedAttributes,(function(n){var e=s.getAttribute(n);null!==e&&d.setAttribute(n,e)})),d.src=l,d.alt=c,wn(r.view)&&Ln(t,nn,r.view,{once:!0}),!1===Rn(t,nn,{originalImage:this.images[e],index:e,image:d})||!this.isShown||this.hiding||this.played)return this;var u=this.items[this.index];u&&(Hn(u,h),u.removeAttribute("aria-selected")),Bn(a,h),a.setAttribute("aria-selected",!0),r.focus&&a.focus(),this.image=d,this.viewed=!1,this.index=e,this.imageData={},Bn(d,A),r.loading&&Bn(i,I),i.innerHTML="",i.appendChild(d),this.renderList(),o.innerHTML="";var p,m=function(){var e=n.imageData,t=Array.isArray(r.title)?r.title[1]:r.title;o.innerHTML=An(wn(t)?t.call(n,d,e):"".concat(c," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return Ln(t,en,m,{once:!0}),this.viewing={abort:function(){Fn(t,en,m),d.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(d.src="",Fn(d,L,p),n.timeout&&clearTimeout(n.timeout))}},d.complete?this.load():(Ln(d,L,p=this.load.bind(this),{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Hn(d,A),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(yn(n)?n:t.x+Number(n),yn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=this.element,i=this.options,a=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var s=a.x,l=a.y,c=!1;if(bn(n)?c=!0:n=s,bn(t)?c=!0:t=l,c){if(wn(i.move)&&Ln(o,tn,i.move,{once:!0}),!1===Rn(o,tn,{x:n,y:t,oldX:s,oldY:l,originalEvent:r}))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)&&Ln(o,rn,i.moved,{once:!0}),Rn(o,rn,{x:n,y:t,oldX:s,oldY:l,originalEvent:r},{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,r=this.options,o=this.imageData;if(bn(n=Number(n))&&this.viewed&&!this.played&&r.rotatable){var i=o.rotate;if(wn(r.rotate)&&Ln(t,on,r.rotate,{once:!0}),!1===Rn(t,on,{degree:n,oldDegree:i}))return this;o.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,wn(r.rotated)&&Ln(t,an,r.rotated,{once:!0}),Rn(t,an,{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,r=this.element,o=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&o.scalable){var a=i.scaleX,s=i.scaleY,l=!1;if(bn(n)?l=!0:n=a,bn(t)?l=!0:t=s,l){if(wn(o.scale)&&Ln(r,sn,o.scale,{once:!0}),!1===Rn(r,sn,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:s}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,wn(o.scaled)&&Ln(r,ln,o.scaled,{once:!0}),Rn(r,ln,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:s},{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,r=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(r.width*n/r.naturalWidth,e,t),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=this.element,a=this.options,s=this.pointers,l=this.imageData,c=l.x,d=l.y,u=l.width,p=l.height,m=l.naturalWidth,v=l.naturalHeight;if(bn(n=Math.max(0,n))&&this.viewed&&!this.played&&(o||a.zoomable)){if(!o){var g=Math.max(.01,a.minZoomRatio),f=Math.min(100,a.maxZoomRatio);n=Math.min(Math.max(n,g),f)}r&&a.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);var h=m*n,b=v*n,y=h-u,x=b-p,k=l.ratio;if(wn(a.zoom)&&Ln(i,cn,a.zoom,{once:!0}),!1===Rn(i,cn,{ratio:n,oldRatio:k,originalEvent:r}))return this;if(this.zooming=!0,r){var C=Vn(this.viewer),w=s&&Object.keys(s).length?Yn(s):{pageX:r.pageX,pageY:r.pageY};l.x-=y*((w.pageX-C.left-c)/u),l.y-=x*((w.pageY-C.top-d)/p)}else l.x-=y/2,l.y-=x/2;l.left=l.x,l.top=l.y,l.width=h,l.height=b,l.oldRatio=k,l.ratio=n,this.renderImage((function(){e.zooming=!1,wn(a.zoomed)&&Ln(i,dn,a.zoomed,{once:!0}),Rn(i,dn,{ratio:n,oldRatio:k,originalEvent:r},{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,r=this.options;if(wn(r.play)&&Ln(t,un,r.play,{once:!0}),!1===Rn(t,un))return this;var o=this.player,i=this.loadImage.bind(this),a=[],s=0,l=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Bn(o,j),Sn(this.items,(function(n,e){var t=n.querySelector("img"),c=document.createElement("img");c.src=$n(t,"originalUrl"),c.alt=t.getAttribute("alt"),c.referrerPolicy=t.referrerPolicy,s+=1,Bn(c,y),jn(c,P,r.transition),In(n,h)&&(Bn(c,T),l=e),a.push(c),Ln(c,L,i,{once:!0}),o.appendChild(c)})),bn(r.interval)&&r.interval>0){var c=function e(){n.playing=setTimeout((function(){Hn(a[l],T),Bn(a[l=(l+=1)<s?l:0],T),e()}),r.interval)};s>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)&&Ln(e,pn,t.stop,{once:!0}),!1===Rn(e,pn))return this;var r=this.player;return this.played=!1,clearTimeout(this.playing),Sn(r.getElementsByTagName("img"),(function(e){Fn(e,L,n.onLoadWhenPlay)})),Hn(r,j),r.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Bn(this.button,C),e.transition&&(Hn(o,P),this.viewed&&Hn(r,P)),Bn(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=_n({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Bn(r,P),Bn(o,P)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Hn(this.button,C),e.transition&&(Hn(o,P),this.viewed&&Hn(r,P)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Hn(t,x),Tn(t,{zIndex:e.zIndexInline}),this.viewerData=_n({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Bn(r,P),Bn(o,P)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,r=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*r.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Rn(t,U),Bn(t,j),Bn(t,y),Bn(t,P),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Bn(t,T)):(Bn(t,j),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(Ln(t,U,(function(){Hn(t,j),Hn(t,y),Hn(t,P),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Hn(t,T),n.fading=!0):(Hn(t,j),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=_n({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,r=this.isImg;if(r&&!e.parentNode)return this.destroy();var o=[];if(Sn(r?[e]:e.querySelectorAll("img"),(function(e){wn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),!o.length)return this;if(this.images=o,this.length=o.length,this.ready){var i=[];if(Sn(this.items,(function(n,e){var t=n.querySelector("img"),r=o[e];r&&t&&r.src===t.src&&r.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 s=this.items[this.index];Bn(s,h),s.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||Fn(n,D,this.onStart),n[m]=void 0,this):this}},ee={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(),Ln(document,E,this.onFocusin=function(e){var t=n.viewer,r=e.target;r===document||r===t||t.contains(r)||null!==r.getAttribute("tabindex")&&"true"===r.getAttribute("aria-modal")||t.focus()})},clearEnforceFocus:function(){this.onFocusin&&(Fn(document,E,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Bn(n,H),n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px")},close:function(){var n=this.body;Hn(n,H),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)&&Ln(n,X,e.shown,{once:!0}),!1!==Rn(n,X)&&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(),Bn(t,w),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)&&Ln(n,J,e.hidden,{once:!0}),Rn(n,J,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?Cn(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,r=t[Object.keys(t)[0]];if(r){var o=r.endX-r.startX,i=r.endY-r.startY;switch(this.action){case v:this.move(o,i,n);break;case f:this.zoom(Un(t),!1,n);break;case g:this.action="switched";var a=Math.abs(o);a>1&&a>Math.abs(i)&&(this.pointers={},o>1?this.prev(e.loop):o<-1&&this.next(e.loop))}Sn(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}},te=d.Viewer,re=(Kn=-1,function(){return Kn+=1}),oe=function(){function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r(this,n),!e||1!==e.nodeType)throw new Error("The first argument is required and must be an element.");this.element=e,this.options=_n({},s,Cn(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 r="img"===e.localName,o=[];if(Sn(r?[e]:e.querySelectorAll("img"),(function(e){wn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),this.isImg=r,this.length=o.length,this.images=o,this.initBody(),yn(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(){Sn(o,(function(n){n.complete||Fn(n,L,a)}))}},Sn(o,(function(n){n.complete?a():Ln(n,L,a,{once:!0})}))}else Ln(e,D,this.onStart=function(e){var r=e.target;"img"!==r.localName||wn(t.filter)&&!t.filter.call(n,r)||n.view(n.images.indexOf(r))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,r=document.createElement("div");r.innerHTML=l;var o=r.querySelector(".".concat(m,"-container")),i=o.querySelector(".".concat(m,"-title")),a=o.querySelector(".".concat(m,"-toolbar")),s=o.querySelector(".".concat(m,"-navbar")),c=o.querySelector(".".concat(m,"-button")),d=o.querySelector(".".concat(m,"-canvas"));if(this.parent=t,this.viewer=o,this.title=i,this.toolbar=a,this.navbar=s,this.button=c,this.canvas=d,this.footer=o.querySelector(".".concat(m,"-footer")),this.tooltipBox=o.querySelector(".".concat(m,"-tooltip")),this.player=o.querySelector(".".concat(m,"-player")),this.list=o.querySelector(".".concat(m,"-list")),o.id="".concat(m).concat(this.id),i.id="".concat(m,"Title").concat(this.id),Bn(i,e.title?Zn(Array.isArray(e.title)?e.title[0]:e.title):w),Bn(s,e.navbar?Zn(e.navbar):w),jn(c,w,!e.button),e.keyboard&&c.setAttribute("tabindex",0),e.backdrop&&(Bn(o,"".concat(m,"-backdrop")),e.inline||"static"===e.backdrop||zn(d,mn,"hide")),fn(e.className)&&e.className&&e.className.split(vn).forEach((function(n){Bn(o,n)})),e.toolbar){var u=document.createElement("ul"),p=Cn(e.toolbar),v=gn.slice(0,3),g=gn.slice(7,9),f=gn.slice(9);p||Bn(a,Zn(e.toolbar)),Sn(p?e.toolbar:gn,(function(n,t){var r=p&&Cn(n),o=p?Dn(t):n,i=r&&!yn(n.show)?n.show:n;if(i&&(e.zoomable||-1===v.indexOf(o))&&(e.rotatable||-1===g.indexOf(o))&&(e.scalable||-1===f.indexOf(o))){var a=r&&!yn(n.size)?n.size:n,s=r&&!yn(n.click)?n.click:n,l=document.createElement("li");e.keyboard&&l.setAttribute("tabindex",0),l.setAttribute("role","button"),Bn(l,"".concat(m,"-").concat(o)),wn(s)||zn(l,mn,o),bn(i)&&Bn(l,Zn(i)),-1!==["small","large"].indexOf(a)?Bn(l,"".concat(m,"-").concat(a)):"play"===o&&Bn(l,"".concat(m,"-large")),wn(s)&&Ln(l,D,s),u.appendChild(l)}})),a.appendChild(u)}else Bn(a,w);if(!e.rotatable){var h=a.querySelectorAll('li[class*="rotate"]');Bn(h,A),Sn(h,(function(n){a.appendChild(n)}))}if(e.inline)Bn(c,k),Tn(o,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Tn(t,{position:"relative"}),t.insertBefore(o,n.nextSibling);else{Bn(c,b),Bn(o,x),Bn(o,y),Bn(o,w),Tn(o,{zIndex:e.zIndex});var C=e.container;fn(C)&&(C=n.ownerDocument.querySelector(C)),C||(C=this.body),C.appendChild(o)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,wn(e.ready)&&Ln(n,Y,e.ready,{once:!0}),!1!==Rn(n,Y)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=te,n}},{key:"setDefaults",value:function(n){_n(s,Cn(n)&&n)}}]),n}();return _n(oe.prototype,Xn,Qn,Jn,ne,ee),oe}()}));function eh(){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 th(){var n=Wp();return nh||n.Viewer}function rh(n){return oh.apply(this,arguments)}function oh(){return(oh=nl(el.mark((function n(e){var t,r,o,i,a,s,l,c,d,u,p,m=arguments;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=m.length>1&&void 0!==m[1]?m[1]:null,r=m.length>2&&void 0!==m[2]?m[2]:{},o=!0,i=null,a=Va(),Oa(r)||(r={}),Hs(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(Hs(t)){n.next=18;break}return a.reject("eleGroup is not HTMLElement"),n.abrupt("return",a);case 18:o=!1,i=t;case 20:if(o){n.next=29;break}if(s=t.querySelectorAll("img"),0!==(l=$o(s))){n.next=28;break}return a.reject("eleGroup does not contain any img"),n.abrupt("return",a);case 28:1===l&&(o=!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},o||(c=eh()),c=Jf(c,ja(r)),d=!1,c.hide=function(){d||(d=!0,p.hide(!0))},c.hidden=function(){p.destroy(),a.resolve("close")},u=th(),(p=new u(i,c)).show(),n.abrupt("return",a);case 39:case"end":return n.stop()}}),n)})))).apply(this,arguments)}function ih(n){return ah.apply(this,arguments)}function ah(){return(ah=nl(el.mark((function n(e){var t,r,o,i=arguments;return el.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=i.length>1&&void 0!==i[1]?i[1]:null,r=i.length>2&&void 0!==i[2]?i[2]:{},ud(o=i.length>3?i[3]:void 0)||(o=["https://cdn.jsdelivr.net/npm/viewerjs@1.10.1/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.1/dist/viewer.min.js"]),n.next=6,Rg(o);case 6:return n.abrupt("return",rh(e,t,r));case 7:case"end":return n.stop()}}),n)})))).apply(this,arguments)}const sh={components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/viewerjs@1.9.2/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.9.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;Rg(n.pathItems).then((function(e){n.loading=!1,n.$nextTick((function(){var e=ie(n,"$refs.wiv",[]);yt(e,(function(n,e){Tp(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return Jf({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){var e=this,t=null;e.multiple&&(t=e.$refs.wig),ih(n.currentTarget,t,e.opt,e.pathItems).catch((function(n){console.log(n)}))}}};var lh=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,r){return t("div",{key:r,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)};lh._withStripped=!0;const ch={components:{demolink:Uo,WImageViewerDyn:Ro({render:lh,staticRenderFns:[]},(function(n){n&&n("data-v-27318e60_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})}),sh,"data-v-27318e60",false,undefined,!1,Oo,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 dh=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)])])};dh._withStripped=!0;const uh=Ro({render:dh,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})}),ch,"data-v-798f6483",false,undefined,!1,Oo,void 0,void 0);var ph=4294967295,mh=Math.min;var vh=function(n,e){if((n=li(n))<1||n>9007199254740991)return[];var t=ph,r=mh(n,ph);e=bt(e),n-=ph;for(var o=Oe(r,e);++t<n;)e(t);return o};function gh(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function fh(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?gh(Object(t),!0).forEach((function(e){ni(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):gh(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var hh=!1;const bh={directives:{domresize:Ai()},components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/viewerjs@1.9.2/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.9.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:fd(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){var n=this;Rg(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,r=n.imageStyle,o=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:r,colNum:o,space:i}),""}},methods:{resize:function(n){var e=this,t=ie(e,"$el.offsetWidth",0);hh||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){var t=Va(),r="g".concat(_i()),o=document.createElement("img");o.src=n,o.style.maxWidth="".concat(e,"px");var i=document.createElement("div");return i.id="img-".concat(r),i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(o),document.body.appendChild(i),o.onload=function(){t.resolve({src:n,id:r,w:o.clientWidth,h:o.clientHeight,err:null}),js(i)},o.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),js(i)},t},getImgsSize:function(n,e){var t=this,r=yi(),o=tf(t.numParallel);t.imagesRes=[];var i=-1;return yt(t.images,(function(a,s){o(t.getImgSize,a,n).then((function(n){var o=++i;t.arrangeWhenFinish&&(o=s);var a,l=fh(fh({},n),{},{name:(a=n.src,a.split("\\").pop().split("/").pop()),ind:o,evKey:e});t.imagesRes[o]=l,r.emit("get",l)})).catch((function(n){console.log(n)}))})),r},refreshDebounce:function(){var n=this;n.dbc((function(){n.refresh()}))},refresh:function(){var n=this,e=null,t=null;if(hi(n.colNum))t=fi(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(n.imageWidth>0){e=n.imageWidth;var r=n.widthPanel+n.space;r=Math.max(r,0);var o=e+n.space;o=Math.max(o,1),t=Math.floor(r/o)}else console.log("invalid colNum or imageWidth"),t=4,e=300;n.uesImageWidth=e;var i=fh(fh({},n.imageStyle),{},{"max-width":"".concat(e,"px"),"user-select":"none",cursor:"pointer",outline:"none"});function a(){n.imageCols=eo(vh(t),(function(){return[]})),n.imageLocs=eo(vh(t),(function(){return 0}))}function s(e){if(Pa(n.imageCols)){var t,r,o=(t=n.imageLocs[0],r=0,yt(n.imageLocs,(function(n,e){t>n&&(t=n,r=e)})),r);try{n.imageCols[o].push(e),n.imageLocs[o]+=e.h+n.space+53}catch(n){}}}function l(){a(),yt(n.imagesRes,(function(n){s(n)}))}n.useImageStyle=i,n.first?l():function(){var t=Va();a();var r=_i(),o=$o(n.images),i=n.getImgsSize(e,r),c=0;i.on("get",(function(e){e.evKey===r&&(s(e),++c>=o&&(n.first=!0,n.arrangeWhenFinish&&l(),t.resolve()))}))}()},showImg:function(n,e){var t=this;hh=!0,ih(n.currentTarget,null,t.opt,t.pathItems).finally((function(){hh=!1})),t.$emit("click",e)}}};var yh=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,r){return t("div",{key:"c-"+r,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(r>0?n.space:0)+"px;"},n._l(e,(function(e,r){return t("div",{key:"kimg-"+r,class:n.first?"":"fadeIn",style:"margin:"+(r>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:(r=t,void n.showImg(r,e));var r},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)};yh._withStripped=!0;const xh={components:{demolink:Uo,WImageCascadingDyn:Ro({render:yh,staticRenderFns:[]},(function(n){n&&n("data-v-4fa6ebee_0",{source:"\n.inp[data-v-4fa6ebee] {\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-4fa6ebee]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-4fa6ebee] {\r\n    animation: aniFadeIn-data-v-4fa6ebee 0.3s;\n}\n@keyframes aniFadeIn-data-v-4fa6ebee\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.9.2/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.9.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})}),bh,"data-v-4fa6ebee",false,undefined,!1,Oo,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 kh=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)])])};kh._withStripped=!0;const Ch=Ro({render:kh,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})}),xh,"data-v-270ad2d6",false,undefined,!1,Oo,void 0,void 0);const wh={components:{WIconLoading:Rs},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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-ckeditor-vue"];t.default&&(t=t.default),Vg().component("w-ckeditor-vue",t)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var Sh=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)}}})};Sh._withStripped=!0;const _h={components:{demolink:Uo,WCkeditorVueDyn:Ro({render:Sh,staticRenderFns:[]},(function(n){n&&n("data-v-4efa4dee_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:"WCkeditorVueDyn.vue"},media:void 0})}),wh,"data-v-4efa4dee",false,undefined,!1,Oo,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 Wh=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)])])};Wh._withStripped=!0;const Th=Ro({render:Wh,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})}),_h,"data-v-40782e54",false,undefined,!1,Oo,void 0,void 0);const Ah={components:{WIconLoading:Rs},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@1.0.30/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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-tinymce-vue"];t.default&&(t=t.default),Vg().component("w-tinymce-vue",t)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var Ih=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)}}})};Ih._withStripped=!0;const Bh={components:{demolink:Uo,WTinymceVueDyn:Ro({render:Ih,staticRenderFns:[]},(function(n){n&&n("data-v-43170bc0_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})}),Ah,"data-v-43170bc0",false,undefined,!1,Oo,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 Hh=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)])])};Hh._withStripped=!0;const jh=Ro({render:Hh,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})}),Bh,"data-v-a433d8ea",false,undefined,!1,Oo,void 0,void 0);const Ph={components:{WIconLoading:Rs},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@1.0.25/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;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-quill-vue"];t.default&&(t=t.default),Vg().component("w-quill-vue",t)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var Dh=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)}}})};Dh._withStripped=!0;const $h={components:{demolink:Uo,WQuillVueDyn:Ro({render:Dh,staticRenderFns:[]},(function(n){n&&n("data-v-20df506e_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})}),Ph,"data-v-20df506e",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){return{WQuillVueDyn:{content:"abc中文123",settings:{modules:{toolbar:[{size:["small",!1,"large","huge"]}]}}},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-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)])])};zh._withStripped=!0;const Eh=Ro({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-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})}),$h,"data-v-1cb9c804",false,undefined,!1,Oo,void 0,void 0);const Fh={components:{WIconLoading:Rs},props:{pathItems:{type:Array,default:function(){return["https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.2/dist/w-leaflet-vue.umd.js"]}},opt:{type:Object,default:function(){}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){var n=this;Rg(n.pathItems).then((function(e){if("loaded"!==e){var t=window["w-leaflet-vue"];t.default&&(t=t.default),Vg().component("w-leaflet-vue",t)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var Lh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};Lh._withStripped=!0;const Rh={components:{demolink:Uo,WLeafletVueDyn:Ro({render:Lh,staticRenderFns:[]},(function(n){n&&n("data-v-3b2c5164_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:"WLeafletVueDyn.vue"},media:void 0})}),Fh,"data-v-3b2c5164",false,undefined,!1,Oo,void 0,void 0)},props:{},data:function(){for(var n=window.dataRain,e=[],t=0;t<n.length;t++){var r=n[t];e.push([r.latLng[0],r.latLng[1],r.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:"rgba(254, 178, 76, 0.5)",.4:"rgba(252, 78, 42, 0.5)",.6:"rgba(220, 58, 38, 0.5)",.8:"rgba(200, 40, 23, 0.5)",1:"rgba(180, 30, 60, 0.5)"},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 Vh=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)])])};Vh._withStripped=!0;const Mh={components:{AppZoneWBadge:Pi,AppZoneWPanelStripe:Fi,AppZoneWPanelBulge:Qs,AppZoneWPanelScrolly:ml,AppZoneWPanelDivideHorizontal:bl,AppZoneWPanelDivideVertical:wl,AppZoneWPanelScale:Nd,AppZoneWIconSvg:Yd,AppZoneWDropfiles:fu,AppZoneWDialog:_u,AppZoneWConfirm:Bu,AppZoneWPopup:Pu,AppZoneWPopupEditText:Nu,AppZoneWButtonChip:Uu,AppZoneWButtonCircle:Ku,AppZoneWProgressBar:ep,AppZoneWProgressCircle:ap,AppZoneWSwitch:up,AppZoneWCheckbox:fp,AppZoneWAlert:Lp,AppZoneWGroupTags:hm,AppZoneWGroupDragdrop:Cm,AppZoneWListVertical:Hm,AppZoneWGroupCheck:Dm,AppZoneWGroupRadio:Em,AppZoneWText:Rm,AppZoneWTextInt:Um,AppZoneWTextarea:Qm,AppZoneWTextSelect:rv,AppZoneWTextSuggest:av,AppZoneWTimeday:fv,AppZoneWTimeminute:Iv,AppZoneWTimedayRange:zv,AppZoneWTimeminuteRange:Ov,AppZoneWDynamicList:Zv,AppZoneWJsonView:cg,AppZoneWTree:zg,AppZoneWHighchartsVueDyn:Ug,AppZoneWHighchartsBitmapDyn:mf,AppZoneWHighstockVueDyn:yf,AppZoneWEchartsVueDyn:_f,AppZoneWPanelChart:Hf,AppZoneWAggridVueDyn:Ef,AppZoneWTableDyn:Zf,AppZoneWImageViewerDyn:uh,AppZoneWImageCascadingDyn:Ch,AppZoneWCkeditorVueDyn:Th,AppZoneWTinymceVueDyn:jh,AppZoneWQuillVueDyn:Eh,AppZoneWLeafletVueDyn:Ro({render:Vh,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-4919d922_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})}),Rh,"data-v-4919d922",false,undefined,!1,Oo,void 0,void 0)},data:function(){return{get:ie,kebabCase:Re,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:"WDynamicList"},{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:"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},r=!1;return yt(e.sCmps,(function(e,o){return n===Re(e.name)?(t={io1:o,io2:0,io3:0},r=!0,!1):(ie(e,"cmps")&&yt(e.cmps,(function(e,i){return n===Re(e.name)?(t={io1:o,io2:i,io3:0},r=!0,!1):(ie(e,"cmps")&&yt(e.cmps,(function(e,a){if(n===Re(e.name))return t={io1:o,io2:i,io3:a},r=!0,!1})),!r&&void 0)})),!r&&void 0)})),t}(function(n){if(!oo(n))return{};if(n=Mt(n,"?"),!oo(n=ie(n,"[1]")))return{};var e=Mt(n,"&");return e=eo(e,(function(n){return Mt(n,"=")})),to(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 Oh=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,r){return t("v-tab",{key:"l1"+r,on:{click:function(e){return n.clickMenu1(r)}}},[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,r){return t("v-tab",{key:"l2"+r,on:{click:function(e){return n.clickMenu2(r)}}},[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,r){return t("v-tab",{key:"l3"+r,on:{click:function(e){return n.clickMenu3(r)}}},[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)};Oh._withStripped=!0;return Ro({render:Oh,staticRenderFns:[]},(function(n){n&&n("data-v-cbf251f6_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: 'WDynamicList' },\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                    ]\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})}),Mh,undefined,false,undefined,!1,Oo,void 0,void 0)}));
+//# sourceMappingURL=app.umd.js.map